menu added

src/app/app.component.ts

@@ -62,7 +62,7 @@ export class AppComponent implements OnInit, OnDestroy {
     this._translateService.addLangs(['ko', 'en']);
 
     // Set the default language
-    this._translateService.setDefaultLang('en');
+    this._translateService.setDefaultLang('ko');
 
     // Set the navigation translations
     this._fuseTranslationLoaderService.loadTranslations(
@@ -71,7 +71,7 @@ export class AppComponent implements OnInit, OnDestroy {
     );
 
     // Use a language
-    this._translateService.use('en');
+    this._translateService.use('ko');
 
     /**
      * ----------------------------------------------------------------------------------------------------

src/app/navigation/i18n/en.ts

@@ -3,11 +3,21 @@ export const locale = {
   data: {
     NAV: {
       DASHBOARD: 'Dashboard',
-      USERS: 'Users',
+      USERS: 'User-Management',
       APPLICATIONS: 'Application',
-      USER: {
+      USER_LIST: {
-        TITLE: 'User',
+        TITLE: 'User List',
         BADGE: '15'
+      },
+      USER_CONNECT_LIST: {
+        TITLE: 'Current Connect List',
+        BADGE: '15'
+      },
+      USER_REGIST: {
+        TITLE: 'SignUp',
+      },
+      USER_FEES_MANAGEMENT: {
+        TITLE: 'Fees Management',
       }
     }
   }

src/app/navigation/i18n/ko.ts

@@ -3,11 +3,19 @@ export const locale = {
   data: {
     NAV: {
       DASHBOARD: '대시보드',
-      USERS: '사용자 관리',
+      USERS: '회원 관리',
       APPLICATIONS: '어플리케이션',
-      USER: {
+      USER_LIST: {
-        TITLE: '사용자',
+        TITLE: '회원 리스트',
-        BADGE: '15'
+      },
+      USER_CONNECT_LIST: {
+        TITLE: '현재접속자',
+      },
+      USER_REGIST: {
+        TITLE: '회원가입',
+      },
+      USER_FEES_MANAGEMENT: {
+        TITLE: '커미션 설정',
       }
     }
   }

src/app/navigation/navigation.ts

@@ -3,7 +3,7 @@ import { FuseNavigation } from 'src/@fuse/types';
 export const navigation: FuseNavigation[] = [
   {
     id: 'dashboard',
-    title: 'Dashboard',
+    title: '대시보드',
     translate: 'NAV.DASHBOARD',
     type: 'item',
     icon: 'dashboard',
@@ -11,38 +11,41 @@ export const navigation: FuseNavigation[] = [
   },
   {
     id: 'users',
-    title: 'Users',
+    title: '회원 관리',
     translate: 'NAV.USERS',
     type: 'collapsable',
     children: [
       {
-        id: 'user',
+        id: 'user_list',
-        title: 'User',
+        title: '회원 리스트',
-        translate: 'NAV.USER.TITLE',
+        translate: 'NAV.USER_LIST.TITLE',
         type: 'item',
         icon: 'email',
         url: '/pages/users/user-list',
-        badge: {
-          title: '25',
-          translate: 'NAV.USER.BADGE',
-          bg: '#F44336',
-          fg: '#FFFFFF'
-        }
       },
-
       {
-        id: 'sample',
+        id: 'user_connect_list',
-        title: 'Sample',
+        title: '현재접속자',
-        translate: 'NAV.SAMPLE.TITLE',
+        translate: 'NAV.USER_CONNECT_LIST.TITLE',
         type: 'item',
         icon: 'email',
-        url: '/sample',
+        url: '/pages/users/user-connect',
-        badge: {
+      },
-          title: '25',
+      {
-          translate: 'NAV.SAMPLE.BADGE',
+        id: 'user_regist',
-          bg: '#F44336',
+        title: '회원가입',
-          fg: '#FFFFFF'
+        translate: 'NAV.USER_REGIST.TITLE',
-        }
+        type: 'item',
+        icon: 'email',
+        url: '/pages/users/user-connect'
+      },
+      {
+        id: 'user_fees_management',
+        title: '커미션 설정',
+        translate: 'NAV.USER_FEES_MANAGEMENT.TITLE',
+        type: 'item',
+        icon: 'email',
+        url: '/pages/users/user-connect'
       }
     ]
   },

src/app/pages/users/user/component/index.ts

@@ -1,4 +1,5 @@
 import { UserDetailComponent } from './user-detail.component';
 import { UserListComponent } from './user-list.component';
+import { UserConnectComponent } from './user-connect/user-connect.component';
 
-export const COMPONENTS = [UserDetailComponent, UserListComponent];
+export const COMPONENTS = [UserDetailComponent, UserListComponent, UserConnectComponent];

src/app/pages/users/user/component/user-connect/user-connect.component.html

@@ -0,0 +1 @@
+<p>user-connect works!</p>

src/app/pages/users/user/component/user-connect/user-connect.component.spec.ts

@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { UserConnectComponent } from './user-connect.component';
+
+describe('UserConnectComponent', () => {
+  let component: UserConnectComponent;
+  let fixture: ComponentFixture<UserConnectComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ UserConnectComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(UserConnectComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/pages/users/user/component/user-connect/user-connect.component.ts

@@ -0,0 +1,43 @@
+
+import {
+  Component,
+  ElementRef,
+  OnDestroy,
+  OnInit,
+  ViewChild,
+  ViewEncapsulation
+} from '@angular/core';
+import { fuseAnimations } from 'src/@fuse/animations';
+import { BehaviorSubject, fromEvent, merge, Observable, Subject } from 'rxjs';
+
+@Component({
+  selector: 'app-user-connect',
+  templateUrl: './user-connect.component.html',
+  styleUrls: ['./user-connect.component.scss'],
+  animations: fuseAnimations,
+  encapsulation: ViewEncapsulation.None
+})
+export class UserConnectComponent implements OnInit, OnDestroy {
+
+  private _unsubscribeAll: Subject<any>;
+
+  /**
+   * Constructor
+   */
+  constructor(
+
+  ) {
+
+    // Set the private defaults
+    this._unsubscribeAll = new Subject();
+  }
+
+  ngOnInit() {
+  }
+
+  ngOnDestroy(): void {
+    // Unsubscribe from all subscriptions
+    this._unsubscribeAll.next();
+    this._unsubscribeAll.complete();
+  }
+}

src/app/pages/users/user/component/user-list.component.ts

@@ -16,7 +16,6 @@ import { fuseAnimations } from 'src/@fuse/animations';
 import { FuseUtils } from 'src/@fuse/utils';
 
 import { takeUntil } from 'rxjs/internal/operators';
-import { UserListService } from './user-list.service';
 
 @Component({
   selector: 'app-user-user-list',
@@ -62,7 +61,7 @@ export class UserListComponent implements OnInit, OnDestroy {
    * Constructor
    */
   constructor(
-    private _userListService: UserListService
+
   ) {
 
     // Set the private defaults

src/app/pages/users/user/user-routing.module.ts

@@ -3,7 +3,8 @@ import { Routes, RouterModule } from '@angular/router';
 
 import { UserDetailComponent } from './component/user-detail.component';
 import { UserListComponent } from './component/user-list.component';
-import { UserListService } from './component/user-list.service';
+import { UserConnectComponent } from './component/user-connect/user-connect.component';
+
 const routes: Routes = [
 
   {
@@ -13,6 +14,10 @@ const routes: Routes = [
   {
     path: 'user-list/:userId',
     component: UserDetailComponent
+  },
+  {
+    path: 'user-connect',
+    component: UserConnectComponent
   }
 ];
 

src/app/pages/users/user/user.module.ts

@@ -13,12 +13,10 @@ import { MatSnackBarModule } from '@angular/material/snack-bar';
 import { MatSortModule } from '@angular/material/sort';
 import { MatTableModule } from '@angular/material/table';
 import { MatTabsModule } from '@angular/material/tabs';
-import { AgmCoreModule } from '@agm/core';
 
 import { FuseSharedModule } from 'src/@fuse/shared.module';
 import { UserRoutingModule } from './user-routing.module';
 import { COMPONENTS } from './component';
-import { UserListService } from './component/user-list.service';
 
 @NgModule({
   imports: [
@@ -36,17 +34,11 @@ import { UserListService } from './component/user-list.service';
     MatTableModule,
     MatTabsModule,
 
-    AgmCoreModule.forRoot({
-      apiKey: 'AIzaSyD81ecsCj4yYpcXSLFcYU97PvRsE_X8Bx8'
-    }),
-
     FuseSharedModule,
 
     UserRoutingModule
   ],
   declarations: [...COMPONENTS],
-  providers: [
+
-    UserListService
-  ]
 })
 export class UserModule { }