bet/beteran-backend-app-browser
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

레벨설정 버튼

Browse Source
This commit is contained in:
이담 정 2022-08-27 06:29:39 +00:00
parent f20682f2be
commit 4cbf901edd
4 changed files with 69 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
src/app/modules/admin/member/partner/components/list.component.html
View File

@ -10,8 +10,13 @@
<mat-progress-bar [mode]="'indeterminate'"></mat-progress-bar> <mat-progress-bar [mode]="'indeterminate'"></mat-progress-bar>
</div> </div>
<!-- Title --> <!-- Title -->
<div class="text-4xl font-extrabold tracking-tight">{{ title }}</div> <div class="text-4xl font-extrabold tracking-tight">
<!-- Actions --> <span>{{ title }}</span>
<span
><button mat-icon-button (click)="__onClickLevel()">
<mat-icon [svgIcon]="'alpha-l-box-outline'"></mat-icon></button
></span>
</div>
<div class="flex shrink-0 items-center mt-6 sm:mt-0 sm:ml-4"> <div class="flex shrink-0 items-center mt-6 sm:mt-0 sm:ml-4">
<!-- Search --> <!-- Search -->
<div> <div>
@ -53,13 +58,31 @@
<button mat-flat-button class="bet-mat-small-8" [color]="'primary'"> <button mat-flat-button class="bet-mat-small-8" [color]="'primary'">
블랙 블랙
</button> </button>
<button mat-flat-button class="bet-mat-small-8" [color]="'primary'"> <button mat-flat-button class="bet-mat-small-8" [color]="'primary'">
정지 정지
</button> </button>
</div> </div>
</div> </div>
<hr style="margin: 7px 0px" /> <hr style="margin: 7px 0px" />
<div
*ngIf="__isLevelOpened"
class="relative flex flex-col sm:flex-row flex-0 sm:items-center sm:justify-between py-4 px-6 md:px-8 border-b"
>
<div fxLayout="row wrap" class="items-center mt-6 sm:mt-0 sm:ml-0">
<button mat-flat-button class="bet-mat-small-8" [color]="'primary'">
LV1
</button>
<button mat-flat-button class="bet-mat-small-8" [color]="'primary'">
LV2
</button>
<button mat-flat-button class="bet-mat-small-8" [color]="'primary'">
LV3
</button>
<button mat-flat-button class="bet-mat-small-8" [color]="'primary'">
LV4
</button>
</div>
</div>
<div class="flex flex-auto overflow-hidden"> <div class="flex flex-auto overflow-hidden">
<!-- Products list --> <!-- Products list -->
<div <div

9
src/app/modules/admin/member/partner/components/list.component.ts
View File

@ -96,6 +96,7 @@ export class ListComponent implements OnInit, AfterViewInit, OnDestroy {
listPartner$!: Observable<MemberModel[] | undefined>; listPartner$!: Observable<MemberModel[] | undefined>;
__isLevelOpened = false;
isLoading = false; isLoading = false;
searchInputControl = new FormControl(); searchInputControl = new FormControl();
selectedPartner?: Partner; selectedPartner?: Partner;
@ -294,6 +295,14 @@ export class ListComponent implements OnInit, AfterViewInit, OnDestroy {
*/ */
__toggleDetails(productId: string): void {} __toggleDetails(productId: string): void {}
/**
* toggle the search
* Used in 'bar'
*/
__onClickLevel(): void {
this.__isLevelOpened = !this.__isLevelOpened;
}
/** /**
* Track by function for ngFor loops * Track by function for ngFor loops
* *

26
src/app/modules/admin/member/user/components/list.component.html
View File

@ -19,7 +19,12 @@
</span> </span>
<span> <span>
<button mat-icon-button (click)="__onClickSearch()"> <button mat-icon-button (click)="__onClickSearch()">
<mat-icon svgIcon="iconsmind:file_excel"></mat-icon> <mat-icon [svgIcon]="'iconsmind:file_excel'"></mat-icon>
</button>
</span>
<span>
<button mat-icon-button (click)="__onClickLevel()">
<mat-icon [svgIcon]="'alpha-l-box-outline'"></mat-icon>
</button> </button>
</span> </span>
</div> </div>
@ -202,6 +207,25 @@
<button mat-menu-item>정지</button> <button mat-menu-item>정지</button>
</mat-menu> </mat-menu>
</div> </div>
<div
*ngIf="__isLevelOpened"
class="relative flex flex-col sm:flex-row flex-0 sm:items-center sm:justify-between py-4 px-6 md:px-8 border-b"
>
<div fxLayout="row wrap" class="items-center mt-6 sm:mt-0 sm:ml-0">
<button mat-flat-button class="bet-mat-small-8" [color]="'primary'">
LV1
</button>
<button mat-flat-button class="bet-mat-small-8" [color]="'primary'">
LV2
</button>
<button mat-flat-button class="bet-mat-small-8" [color]="'primary'">
LV3
</button>
<button mat-flat-button class="bet-mat-small-8" [color]="'primary'">
LV4
</button>
</div>
</div>
<!-- Main --> <!-- Main -->
<div class="flex flex-auto overflow-hidden"> <div class="flex flex-auto overflow-hidden">
<!-- Products list --> <!-- Products list -->

9
src/app/modules/admin/member/user/components/list.component.ts
View File

@ -91,6 +91,7 @@ export class ListComponent implements OnInit, AfterViewInit, OnDestroy {
listMemberLevels$!: Observable<MemberLevel[] | undefined>; listMemberLevels$!: Observable<MemberLevel[] | undefined>;
__isSearchOpened = false; __isSearchOpened = false;
__isLevelOpened = false;
isLoading = false; isLoading = false;
searchInputControl = new FormControl(); searchInputControl = new FormControl();
selectedUser?: User; selectedUser?: User;
@ -247,6 +248,14 @@ export class ListComponent implements OnInit, AfterViewInit, OnDestroy {
this.__isSearchOpened = !this.__isSearchOpened; this.__isSearchOpened = !this.__isSearchOpened;
} }
/**
* toggle the search
* Used in 'bar'
*/
__onClickLevel(): void {
this.__isLevelOpened = !this.__isLevelOpened;
}
/** /**
* Track by function for ngFor loops * Track by function for ngFor loops
* *