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>
</div>
<!-- Title -->
<div class="text-4xl font-extrabold tracking-tight">{{ title }}</div>
<!-- Actions -->
<div class="text-4xl font-extrabold tracking-tight">
<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">
<!-- Search -->
<div>
@ -53,13 +58,31 @@
<button mat-flat-button class="bet-mat-small-8" [color]="'primary'">
블랙
</button>
<button mat-flat-button class="bet-mat-small-8" [color]="'primary'">
정지
</button>
</div>
</div>
<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">
<!-- Products list -->
<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>;
__isLevelOpened = false;
isLoading = false;
searchInputControl = new FormControl();
selectedPartner?: Partner;
@ -294,6 +295,14 @@ export class ListComponent implements OnInit, AfterViewInit, OnDestroy {
*/
__toggleDetails(productId: string): void {}
/**
* toggle the search
* Used in 'bar'
*/
__onClickLevel(): void {
this.__isLevelOpened = !this.__isLevelOpened;
}
/**
* 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>
<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>
</span>
</div>
@ -202,6 +207,25 @@
<button mat-menu-item>정지</button>
</mat-menu>
</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 -->
<div class="flex flex-auto overflow-hidden">
<!-- 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>;
__isSearchOpened = false;
__isLevelOpened = false;
isLoading = false;
searchInputControl = new FormControl();
selectedUser?: User;
@ -247,6 +248,14 @@ export class ListComponent implements OnInit, AfterViewInit, OnDestroy {
this.__isSearchOpened = !this.__isSearchOpened;
}
/**
* toggle the search
* Used in 'bar'
*/
__onClickLevel(): void {
this.__isLevelOpened = !this.__isLevelOpened;
}
/**
* Track by function for ngFor loops
*