From 93a3edec9d33e78c7ea26586a1bec6daec045bb3 Mon Sep 17 00:00:00 2001 From: Park Byung Eun Date: Tue, 23 Aug 2022 09:21:42 +0000 Subject: [PATCH] =?UTF-8?q?=EC=82=AC=EC=9A=A9=EC=9E=90=20=EC=83=81?= =?UTF-8?q?=EC=84=B8=ED=99=94=EB=A9=B4=20=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../user/components/view.component.html | 917 +++++++++--------- .../member/user/components/view.component.ts | 99 +- .../modules/admin/member/user/user.module.ts | 4 + 3 files changed, 546 insertions(+), 474 deletions(-) diff --git a/src/app/modules/admin/member/user/components/view.component.html b/src/app/modules/admin/member/user/components/view.component.html index 04dca1e..725ed3f 100644 --- a/src/app/modules/admin/member/user/components/view.component.html +++ b/src/app/modules/admin/member/user/components/view.component.html @@ -1,33 +1,21 @@ -

view compoent

- -
- - - - -
User View
- -
-
- - -
- -
+ + -
- + +
+ +
-
기본정보
+
사용자
@@ -92,441 +80,448 @@
- -
- -
-
-
- -
-
- - -
- -
- -
- - 아이디 - - - - 비밀번호 - - - - 환전비밀번호 - - -
- - -
- - 닉네임 - - - - 보유머니 - - - - 핸드폰 - - -
- - -
- - 레벨 - - - {{ level.getName() }} - - - - - - 상태 - - - - brand option - - - - - - 환전금지 - - - - vendor option - - - - -
- - -
- - 은행명 - - - - {{ bank.getName() }} - - - - - - - - 계좌번호 - - - - 예금주 - - -
-
- - 콤프 - - - - 쿠폰 - - - - 추천인 - - -
-
- - 사이트변경 - - - - {{ site.getUrl() }} - - - - - - - 추천횟수 - - -
-
- - 바카라 요율 - -
- %(최소 0 ~ 최대 0.2) -
- - - 룰렛 요율 - -
- %(최소 0 ~ 최대 0.2) -
- - - 드래곤타이거 요율 - -
- %(최소 0 ~ 최대 0.2) -
- -
-
- - 기타 게임 요율 - -
- %(최소 0 ~ 최대 0.2) -
- - - 슬롯게임요율 - -
- %(최소 0 ~ 최대 0.2) -
- - - 카지노 루징요율 - -
- %(최소 0 ~ 최대 0.2) -
- -
-
- - 슬롯게임 루징요율 - -
- %(최소 0 ~ 최대 0.2) -
- - - - 카지노 베팅 - - - - - 슬롯베팅 - - -
-
- - - 파워볼베팅 - - - - - 첫충콤프 - - - - - 매충콤프 - - -
-
- - 등급: - 유저 - - - 정산종류: - 롤링 - - - 금일 입금/ 출금액: - 0원(이전일: 0원) - / 0원(이전일: 0원) - -
-
- - -
- - 메모 - - -
- -
- - 게임중머니 - - -
- -
- - -
-
-
- 파트너수동지급 - - - 하부파트너전체 - - - 직속파트너만 - - - 사용안함 - - -
-
-
-
- -
- -
-
- - - Product updated - - - - An error occurred, try again! - -
- -
-
-
-
-
-
충전내역
-
환전내역
-
웹로그인정보
-
파트너로그인정보
-
+
+ +
+
-
-
-
+ +
+ +
+ +
+
+ {{ panel.title }} +
+
+ {{ panel.description }} +
+
+
+ +
+ - + + +
+ +
+ +
+ + + + +
+ {{ getPanelInfo(selectedPanel).title }} +
+
+ + +
+ + + +
+ + 아이디 + + + + 비밀번호 + + + + 환전비밀번호 + + +
+
+ + 닉네임 + + + + 보유머니 + + + + 핸드폰 + + +
+
+ + 레벨 + + + {{ level.getName() }} + + + + + + 상태 + + + brand option + + + + + 환전금지 + + + vendor option + + + +
+
+ + 은행명 + + + + {{ bank.getName() }} + + + + + + + + 계좌번호 + + + + 예금주 + + +
+ + 메모 + + + + + +
+ + 콤프 + + + + 쿠폰 + + + + 추천인 + + +
+
+ + 사이트변경 + + + + {{ site.getUrl() }} + + + + + + + 추천횟수 + + +
+ + + +
+ + 바카라 요율 + +
+ %(최소 0 ~ 최대 0.2) +
+ + + 룰렛 요율 + +
+ %(최소 0 ~ 최대 0.2) +
+ + + 드래곤타이거 요율 + +
+ %(최소 0 ~ 최대 0.2) +
+ +
+
+ + 기타 게임 요율 + +
+ %(최소 0 ~ 최대 0.2) +
+ + + 슬롯게임요율 + +
+ %(최소 0 ~ 최대 0.2) +
+ + + 카지노 루징요율 + +
+ %(최소 0 ~ 최대 0.2) +
+ +
+
+ + 슬롯게임 루징요율 + +
+ %(최소 0 ~ 최대 0.2) +
+ + + + 카지노 베팅 + + + + + 슬롯베팅 + + +
+
+ + + 파워볼베팅 + + + + + 첫충콤프 + + + + + 매충콤프 + + +
+
+ + 등급: + 유저 + + + 정산종류: + 롤링 + + + 금일 입금/ 출금액: + 0원(이전일: 0원) + / 0원(이전일: 0원) + +
+ + + +
+ + 게임중머니 + + +
+ +
+ + +
+
+ 파트너수동지급 + + + 하부파트너전체 + + + 직속파트너만 + + + 사용안함 + + +
+ + + +
내역
+ + +
+
+
+ + +
diff --git a/src/app/modules/admin/member/user/components/view.component.ts b/src/app/modules/admin/member/user/components/view.component.ts index 3062d65..ce442f8 100644 --- a/src/app/modules/admin/member/user/components/view.component.ts +++ b/src/app/modules/admin/member/user/components/view.component.ts @@ -41,6 +41,9 @@ import { MemberLevel } from 'app/modules/proto/models/member_level_pb'; import { Bank } from 'app/modules/proto/models/bank_pb'; import { SiteService } from 'app/modules/polyglot/site/services/site.service'; import { Site } from 'app/modules/proto/models/site_pb'; +import { MatDrawer } from '@angular/material/sidenav'; + +import { FuseMediaWatcherService } from '@fuse/services/media-watcher'; @Component({ selector: 'user-view', @@ -73,12 +76,19 @@ export class ViewComponent implements OnInit, AfterViewInit, OnDestroy { @ViewChild(MatPaginator) private _paginator!: MatPaginator; @ViewChild(MatSort) private _sort!: MatSort; + @ViewChild('drawer') drawer!: MatDrawer; + drawerMode: 'over' | 'side' = 'side'; + drawerOpened: boolean = true; + isLoading = false; searchInputControl = new FormControl(); memberViewForm!: FormGroup; /* selectedUser?: User; */ selectedUser?: MemberModel; + panels: any[] = []; + selectedPanel: string = 'account'; + memberLevels!: MemberLevel[]; banks!: Bank[]; sites!: Site[]; @@ -92,6 +102,7 @@ export class ViewComponent implements OnInit, AfterViewInit, OnDestroy { private _activatedRoute: ActivatedRoute, private _changeDetectorRef: ChangeDetectorRef, private _fuseConfirmationService: FuseConfirmationService, + private _fuseMediaWatcherService: FuseMediaWatcherService, private _formBuilder: FormBuilder, private _userService: UserService, private _memberService: MemberService, @@ -118,7 +129,7 @@ export class ViewComponent implements OnInit, AfterViewInit, OnDestroy { nickname: [{ value: '', disabled: true }], ownCash: [''], mobilePhoneNumber: [''], - level: [''], + levelId: [''], state: [''], isExcahngeMoney: [''], bankId: [''], @@ -140,21 +151,50 @@ export class ViewComponent implements OnInit, AfterViewInit, OnDestroy { slotRusingRate: [], }); - // Get the User - /* this._userService.user$ - .pipe(takeUntil(this._unsubscribeAll)) - .subscribe((user: User | undefined) => { - if (!user) { - return; - } - this.selectedUser = user; + this.panels = [ + { + id: 'account', + icon: 'heroicons_outline:user-circle', + title: '기본정보', + description: 'Manage your public profile and private information', + }, + { + id: 'security', + icon: 'heroicons_outline:lock-closed', + title: '정산설정', + description: 'Manage your password and 2-step verification preferences', + }, + { + id: 'plan-billing', + icon: 'heroicons_outline:credit-card', + title: '게임설정', + description: + 'Manage your subscription plan, payment method and billing information', + }, + { + id: 'notifications', + icon: 'heroicons_outline:bell', + title: '내역', + description: "Manage when you'll be notified on which channels", + }, + ]; + + // Subscribe to media changes + this._fuseMediaWatcherService.onMediaChange$ + .pipe(takeUntil(this._unsubscribeAll)) + .subscribe(({ matchingAliases }) => { + // Set the drawerMode and drawerOpened + if (matchingAliases.includes('lg')) { + this.drawerMode = 'side'; + this.drawerOpened = true; + } else { + this.drawerMode = 'over'; + this.drawerOpened = false; + } - this.memberViewForm.patchValue(user); // Mark for check this._changeDetectorRef.markForCheck(); - }); */ - - /* this.user$ = this._userService.user$; */ + }); this._siteService .listSites() @@ -244,4 +284,37 @@ export class ViewComponent implements OnInit, AfterViewInit, OnDestroy { valueForm.mobilePhoneNumber ); */ } + + /** + * Navigate to the panel + * + * @param panel + */ + goToPanel(panel: string): void { + this.selectedPanel = panel; + + // Close the drawer on 'over' mode + if (this.drawerMode === 'over') { + this.drawer.close(); + } + } + + /** + * Get the details of the panel + * + * @param id + */ + getPanelInfo(id: string): any { + return this.panels.find((panel) => panel.id === id); + } + + /** + * Track by function for ngFor loops + * + * @param index + * @param item + */ + trackByFn(index: number, item: any): any { + return item.id || index; + } } diff --git a/src/app/modules/admin/member/user/user.module.ts b/src/app/modules/admin/member/user/user.module.ts index 7c32e8a..413deed 100644 --- a/src/app/modules/admin/member/user/user.module.ts +++ b/src/app/modules/admin/member/user/user.module.ts @@ -21,6 +21,8 @@ import { MatDialogModule } from '@angular/material/dialog'; import { MatCardModule } from '@angular/material/card'; import { MatDatepickerModule } from '@angular/material/datepicker'; import { MatMomentDateModule } from '@angular/material-moment-adapter'; +import { MatTabsModule } from '@angular/material/tabs'; +import { MatSidenavModule } from '@angular/material/sidenav'; import { FuseCardModule } from '@fuse/components/card'; @@ -60,6 +62,8 @@ import { userRoutes } from 'app/modules/admin/member/user/user.routing'; MatCardModule, MatDatepickerModule, MatMomentDateModule, + MatTabsModule, + MatSidenavModule, FuseCardModule, ],