diff --git a/src/app/mock-api/apps/member/current-user/api.ts b/src/app/mock-api/apps/member/current-user/api.ts index 5d7a357..591ed35 100644 --- a/src/app/mock-api/apps/member/current-user/api.ts +++ b/src/app/mock-api/apps/member/current-user/api.ts @@ -42,7 +42,7 @@ export class MemberCurrentUserMockApi { let currentUsers: any[] | null = cloneDeep(this._currentUsers); // Sort the currentUsers - if (sort === 'sku' || sort === 'name' || sort === 'active') { + if (sort === 'id' || sort === 'signinId' || sort === 'nickname') { currentUsers.sort((a, b) => { const fieldA = a[sort].toString().toUpperCase(); const fieldB = b[sort].toString().toUpperCase(); diff --git a/src/app/mock-api/apps/member/current-user/data.ts b/src/app/mock-api/apps/member/current-user/data.ts index 0286d3b..50ae0ac 100644 --- a/src/app/mock-api/apps/member/current-user/data.ts +++ b/src/app/mock-api/apps/member/current-user/data.ts @@ -2,7 +2,47 @@ export const currentUsers = [ { - id: 'aa100', + id: '2bfa2be5-7688-48d5-b5ac-dc0d9ac97f14', + signinId: 'kgon01', + highRank: '[매장]kgon5', + rank: '회원', + level: 4, + nickname: 'aa100', + currentLocation: '메인', + cash: 0, + comp: 3111, + gameMoney: 0, + siteAddress: 'web4nova114.com', + }, + { + id: '77a4383b-b5a5-4943-bc46-04c3431d1566', + signinId: 'kgon02', + highRank: '[매장]kgon5', + rank: '회원', + level: 4, + nickname: 'aa100', + currentLocation: '메인', + cash: 0, + comp: 3111, + gameMoney: 0, + siteAddress: 'web4nova114.com', + }, + { + id: '8bb0f597-673a-47ca-8c77-2f83219cb9af', + signinId: 'kgon03', + highRank: '[매장]kgon5', + rank: '회원', + level: 4, + nickname: 'aa100', + currentLocation: '메인', + cash: 0, + comp: 3111, + gameMoney: 0, + siteAddress: 'web4nova114.com', + }, + { + id: '0a8bc517-631a-4a93-aacc-000fa2e8294c', + signinId: 'kgon04', highRank: '[매장]kgon5', rank: '회원', level: 4, diff --git a/src/app/modules/admin/member/current-user/components/list.component copy.html b/src/app/modules/admin/member/current-user/components/list.component copy.html new file mode 100644 index 0000000..0e317fa --- /dev/null +++ b/src/app/modules/admin/member/current-user/components/list.component copy.html @@ -0,0 +1,212 @@ +
+ +
+ +
+ +
+ +
+ 현재접속자 & 쪽지전송 +
+ +
+
+ +
+ +
+ + +
+ +
+
+ + + + + + + + + + + + + + + +
+ + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+ + + + + + +
+ There are no currentUser! +
+ +
+
+
+ +
+
+ + + 현재 접속자 & 전체회원 쪽지보내기 + + + + +
+ + 제목 + + +
+
+ + 글쓴이 + + +
+
+ + 내용 + + +
+
+ + + +
+ + +
+
diff --git a/src/app/modules/admin/member/current-user/components/list.component.html b/src/app/modules/admin/member/current-user/components/list.component.html index 692cdcc..3a7f57d 100644 --- a/src/app/modules/admin/member/current-user/components/list.component.html +++ b/src/app/modules/admin/member/current-user/components/list.component.html @@ -1,232 +1,202 @@ -
- -
- -
- -
- -
- 현재접속자 & 쪽지전송 -
- -
- -
- +
+
+
+
+
- - -
- -
-
- - - - - - - - - - - - - - - -
- - - -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - -
- - - - - - -
+ 현재접속자 & 쪽지전송 +
+
+ - There are no currentUser! - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
번호 + + + {{ idx + 1 }} + + 상위 + + {{ user.highRank }} + + 등급 + {{ user.rank }} + 레벨 + {{ user.level }} + 아이디 + {{ user.signinId }} + 닉네임 + {{ user.nickname }} + 현재위치 + {{ user.currentLocation }} + 캐쉬 + {{ user.cash }} + 게임중머니 + {{ user.gameMoney }} + 카지노->캐쉬 + + 콤프 + {{ user.comp }} + 사이트 + {{ user.siteAddress }} + 쪽지보내기 + + 배팅내역 + + 로그아웃 + +
+
+
+ +
+
+ 현재 접속자 & 전체회원 쪽지보내기 +
+
+ + + + +
+ + 제목 + + +
+
+ + 글쓴이 + + +
+
+ + 내용 + + +
+
+ + + +
+ + +
-
- - - 현재 접속자 & 전체회원 쪽지보내기 - - - - -
- - 제목 - - -
-
- - 글쓴이 - - -
-
- - 내용 - - -
-
- - - -
- - -
diff --git a/src/app/modules/admin/member/current-user/components/list.component.ts b/src/app/modules/admin/member/current-user/components/list.component.ts index 584df77..20e43ee 100644 --- a/src/app/modules/admin/member/current-user/components/list.component.ts +++ b/src/app/modules/admin/member/current-user/components/list.component.ts @@ -14,7 +14,7 @@ import { FormGroup, Validators, } from '@angular/forms'; -import { MatCheckboxChange } from '@angular/material/checkbox'; +import { MatTableDataSource } from '@angular/material/table'; import { MatPaginator } from '@angular/material/paginator'; import { MatSort } from '@angular/material/sort'; import { @@ -69,6 +69,26 @@ export class ListComponent implements OnInit, AfterViewInit, OnDestroy { currentUsers$!: Observable; users$!: Observable; + currentUserDataSource: MatTableDataSource = new MatTableDataSource(); + currentUserTableColumns: string[] = [ + 'id', + 'highRank', + 'rank', + 'level', + 'signinId', + 'nickname', + 'currentLocation', + 'cash', + 'gameMoney', + 'casinoMoney', + 'comp', + 'siteAddress', + 'sendMessageBtn', + 'betHistoryBtn', + 'forceSignOutBtn', + ]; + + data: any; isLoading = false; searchInputControl = new FormControl(); selectedCurrentUser?: CurrentUser; @@ -107,7 +127,14 @@ export class ListComponent implements OnInit, AfterViewInit, OnDestroy { }); // Get the products - this.currentUsers$ = this._currentUserService.currentUsers$; + this._currentUserService.currentUsers$ + .pipe(takeUntil(this._unsubscribeAll)) + .subscribe((currentUsers: any | undefined) => { + this.currentUserDataSource = currentUsers; + // Mark for check + this._changeDetectorRef.markForCheck(); + }); + /* this.currentUsers$ = this._currentUserService.currentUsers$; */ } /** diff --git a/src/app/modules/admin/member/current-user/current-user.module.ts b/src/app/modules/admin/member/current-user/current-user.module.ts index 72fdeb9..9388804 100644 --- a/src/app/modules/admin/member/current-user/current-user.module.ts +++ b/src/app/modules/admin/member/current-user/current-user.module.ts @@ -9,6 +9,9 @@ import { MatPaginatorModule } from '@angular/material/paginator'; import { MatProgressBarModule } from '@angular/material/progress-bar'; import { MatRippleModule } from '@angular/material/core'; import { MatSortModule } from '@angular/material/sort'; +import { MatTableModule } from '@angular/material/table'; +import { MatMenuModule } from '@angular/material/menu'; +import { MatDividerModule } from '@angular/material/divider'; import { MatSelectModule } from '@angular/material/select'; import { MatTooltipModule } from '@angular/material/tooltip'; import { MatGridListModule } from '@angular/material/grid-list'; @@ -38,6 +41,9 @@ import { currentUserRoutes } from './current-user.routing'; MatProgressBarModule, MatRippleModule, MatSortModule, + MatTableModule, + MatMenuModule, + MatDividerModule, MatSelectModule, MatTooltipModule, MatGridListModule,