Merge branch 'feature/BETERAN-BACKEND-APP-BROWSER-init' of https://gitlab.loafle.net/bet/beteran-backend-app-browser into feature/BETERAN-BACKEND-APP-BROWSER-init
This commit is contained in:
commit
b63dd4f5be
|
@ -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
|
||||
|
|
|
@ -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
|
||||
*
|
||||
|
|
|
@ -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 -->
|
||||
|
|
|
@ -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
|
||||
*
|
||||
|
|
Loading…
Reference in New Issue
Block a user