금일배팅자목록리스트 page 수정
This commit is contained in:
parent
e590aaa6f2
commit
58b2922d87
|
|
@ -102,6 +102,7 @@ export class ListComponent implements OnInit, AfterViewInit, OnDestroy {
|
|||
private _unsubscribeAll: Subject<any> = new Subject<any>();
|
||||
|
||||
roles: any[];
|
||||
roles2: any[];
|
||||
|
||||
/**
|
||||
* Constructor
|
||||
|
|
@ -132,6 +133,16 @@ export class ListComponent implements OnInit, AfterViewInit, OnDestroy {
|
|||
value: '슬롯',
|
||||
},
|
||||
];
|
||||
this.roles2 = [
|
||||
{
|
||||
label: '회원아이디',
|
||||
value: '전체',
|
||||
},
|
||||
{
|
||||
label: '닉네임',
|
||||
value: '파워볼',
|
||||
},
|
||||
];
|
||||
}
|
||||
|
||||
// -----------------------------------------------------------------------------------------------------
|
||||
|
|
@ -157,9 +168,6 @@ export class ListComponent implements OnInit, AfterViewInit, OnDestroy {
|
|||
console.log(dailyPartners);
|
||||
this._changeDetectorRef.markForCheck();
|
||||
});
|
||||
|
||||
// Get the products
|
||||
this.dailyPartners$ = this._dailyPartnerService.dailyPartners$;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
|
|||
|
|
@ -9,6 +9,96 @@
|
|||
<div class="text-lg font-medium tracking-tight leading-6 truncate">
|
||||
금일배팅자목록
|
||||
</div>
|
||||
<div>
|
||||
<!-- Section -->
|
||||
|
||||
<div class="grid grid-cols-8 gap-6 w-full mt-8">
|
||||
<!-- Card number -->
|
||||
<div class="col-span-2 sm:col-span-1">
|
||||
<mat-form-field class="fuse-mat-no subscript w-full">
|
||||
<mat-select
|
||||
[value]="'전체'"
|
||||
disableOptionCentering
|
||||
#roleSelect="matSelect"
|
||||
>
|
||||
<mat-select-trigger class="text-md">
|
||||
<span class="ml-1 font-medium">{{
|
||||
roleSelect.value | titlecase
|
||||
}}</span>
|
||||
</mat-select-trigger>
|
||||
<ng-container *ngFor="let role of roles1">
|
||||
<mat-option
|
||||
class="h-auto py-4 leading-none"
|
||||
[value]="role.value"
|
||||
>
|
||||
<div class="font-medium">{{ role.label }}</div>
|
||||
</mat-option>
|
||||
</ng-container>
|
||||
</mat-select>
|
||||
</mat-form-field>
|
||||
</div>
|
||||
<!-- Card inception -->
|
||||
<div class="col-span-2 sm:col-span-1">
|
||||
<mat-form-field
|
||||
class="fuse-mat-no-subscript w-full"
|
||||
[floatLabel]="'always'"
|
||||
>
|
||||
<input
|
||||
matInput
|
||||
[matDatepicker]="picker1"
|
||||
[placeholder]="'Choose a date'"
|
||||
/>
|
||||
<mat-datepicker-toggle
|
||||
matSuffix
|
||||
[for]="picker1"
|
||||
></mat-datepicker-toggle>
|
||||
<mat-datepicker #picker1></mat-datepicker>
|
||||
</mat-form-field>
|
||||
</div>
|
||||
<!-- Card expiration -->
|
||||
<div class="col-span-2 sm:col-span-1">
|
||||
<mat-form-field
|
||||
class="fuse-mat-no-subscript w-full"
|
||||
[floatLabel]="'always'"
|
||||
>
|
||||
<input
|
||||
matInput
|
||||
[matDatepicker]="picker2"
|
||||
[placeholder]="'Choose a date'"
|
||||
/>
|
||||
<mat-datepicker-toggle
|
||||
matSuffix
|
||||
[for]="picker2"
|
||||
></mat-datepicker-toggle>
|
||||
<mat-datepicker #picker2></mat-datepicker>
|
||||
</mat-form-field>
|
||||
</div>
|
||||
<!-- Card number -->
|
||||
<div class="col-span-2 sm:col-span-1">
|
||||
<mat-form-field class="fuse-mat-no subscript w-full">
|
||||
<mat-select
|
||||
[value]="'회원아이디'"
|
||||
disableOptionCentering
|
||||
#roleSelect="matSelect"
|
||||
>
|
||||
<mat-select-trigger class="text-md">
|
||||
<span class="ml-1 font-medium">{{
|
||||
roleSelect.value | titlecase
|
||||
}}</span>
|
||||
</mat-select-trigger>
|
||||
<ng-container *ngFor="let role of roles2">
|
||||
<mat-option
|
||||
class="h-auto py-4 leading-none"
|
||||
[value]="role.value"
|
||||
>
|
||||
<div class="font-medium">{{ role.label }}</div>
|
||||
</mat-option>
|
||||
</ng-container>
|
||||
</mat-select>
|
||||
</mat-form-field>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-col flex-auto mt-2 overflow-x-auto">
|
||||
<form [formGroup]="todayBetForm" autocomplete="off">
|
||||
<table
|
||||
|
|
|
|||
|
|
@ -103,7 +103,8 @@ export class ListComponent implements OnInit, AfterViewInit, OnDestroy {
|
|||
];
|
||||
private _unsubscribeAll: Subject<any> = new Subject<any>();
|
||||
|
||||
roles: any[];
|
||||
roles1: any[];
|
||||
roles2: any[];
|
||||
|
||||
/**
|
||||
* Constructor
|
||||
|
|
@ -115,7 +116,7 @@ export class ListComponent implements OnInit, AfterViewInit, OnDestroy {
|
|||
private _todayBetService: TodayBetService,
|
||||
private router: Router
|
||||
) {
|
||||
this.roles = [
|
||||
this.roles1 = [
|
||||
{
|
||||
label: '전체',
|
||||
value: '전체',
|
||||
|
|
@ -133,6 +134,16 @@ export class ListComponent implements OnInit, AfterViewInit, OnDestroy {
|
|||
value: '슬롯',
|
||||
},
|
||||
];
|
||||
this.roles2 = [
|
||||
{
|
||||
label: '회원아이디',
|
||||
value: '회원아이디',
|
||||
},
|
||||
{
|
||||
label: '닉네임',
|
||||
value: '닉네임',
|
||||
},
|
||||
];
|
||||
}
|
||||
|
||||
// -----------------------------------------------------------------------------------------------------
|
||||
|
|
|
|||
|
|
@ -16,6 +16,9 @@ import { MatSlideToggleModule } from '@angular/material/slide-toggle';
|
|||
import { MatRadioModule } from '@angular/material/radio';
|
||||
import { MatCheckboxModule } from '@angular/material/checkbox';
|
||||
import { MatTableModule } from '@angular/material/table';
|
||||
import { MatDatepickerModule } from '@angular/material/datepicker';
|
||||
import { MatMomentDateModule } from '@angular/material-moment-adapter';
|
||||
import { MatDividerModule } from '@angular/material/divider';
|
||||
|
||||
import { TranslocoModule } from '@ngneat/transloco';
|
||||
|
||||
|
|
@ -47,6 +50,9 @@ import { todayBetRoutes } from './today-bet.routing';
|
|||
MatRadioModule,
|
||||
MatCheckboxModule,
|
||||
MatTableModule,
|
||||
MatDatepickerModule,
|
||||
MatDividerModule,
|
||||
MatMomentDateModule,
|
||||
],
|
||||
})
|
||||
export class TodayBetModule {}
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user