This commit is contained in:
Park Byung Eun 2022-07-20 07:10:54 +00:00
parent 0b95f6f6e8
commit e27884a07a
5 changed files with 157 additions and 12 deletions

18
package-lock.json generated
View File

@ -16,7 +16,7 @@
"@angular/core": "13.2.3",
"@angular/forms": "13.2.3",
"@angular/material": "13.2.3",
"@angular/material-moment-adapter": "13.2.3",
"@angular/material-moment-adapter": "^13.2.3",
"@angular/platform-browser": "13.2.3",
"@angular/platform-browser-dynamic": "13.2.3",
"@angular/router": "13.2.3",
@ -25,7 +25,6 @@
"crypto-js": "3.3.0",
"highlight.js": "11.4.0",
"lodash-es": "4.17.21",
"moment": "2.29.1",
"ng-apexcharts": "1.7.0",
"ngx-markdown": "13.1.0",
"ngx-quill": "16.1.2",
@ -69,6 +68,7 @@
"karma-jasmine": "4.0.1",
"karma-jasmine-html-reporter": "1.7.0",
"lodash": "4.17.21",
"moment": "^2.29.4",
"postcss": "8.4.6",
"tailwindcss": "3.0.23",
"typescript": "4.5.5"
@ -10317,9 +10317,10 @@
}
},
"node_modules/moment": {
"version": "2.29.1",
"resolved": "https://registry.npmjs.org/moment/-/moment-2.29.1.tgz",
"integrity": "sha512-kHmoybcPV8Sqy59DwNDY3Jefr64lK/by/da0ViFcuA4DH0vQg5Q6Ze5VimxkfQNSC+Mls/Kx53s7TjP1RhFEDQ==",
"version": "2.29.4",
"resolved": "https://registry.npmjs.org/moment/-/moment-2.29.4.tgz",
"integrity": "sha512-5LC9SOxjSc2HF6vO2CyuTDNivEdoz2IvyJJGj6X8DJ0eFyfszE0QiEd+iXmBvUP3WHxSjFH/vIsA0EN00cgr8w==",
"dev": true,
"engines": {
"node": "*"
}
@ -22479,9 +22480,10 @@
"dev": true
},
"moment": {
"version": "2.29.1",
"resolved": "https://registry.npmjs.org/moment/-/moment-2.29.1.tgz",
"integrity": "sha512-kHmoybcPV8Sqy59DwNDY3Jefr64lK/by/da0ViFcuA4DH0vQg5Q6Ze5VimxkfQNSC+Mls/Kx53s7TjP1RhFEDQ=="
"version": "2.29.4",
"resolved": "https://registry.npmjs.org/moment/-/moment-2.29.4.tgz",
"integrity": "sha512-5LC9SOxjSc2HF6vO2CyuTDNivEdoz2IvyJJGj6X8DJ0eFyfszE0QiEd+iXmBvUP3WHxSjFH/vIsA0EN00cgr8w==",
"dev": true
},
"ms": {
"version": "2.1.2",

View File

@ -21,7 +21,7 @@
"@angular/core": "13.2.3",
"@angular/forms": "13.2.3",
"@angular/material": "13.2.3",
"@angular/material-moment-adapter": "13.2.3",
"@angular/material-moment-adapter": "^13.2.3",
"@angular/platform-browser": "13.2.3",
"@angular/platform-browser-dynamic": "13.2.3",
"@angular/router": "13.2.3",
@ -30,7 +30,6 @@
"crypto-js": "3.3.0",
"highlight.js": "11.4.0",
"lodash-es": "4.17.21",
"moment": "2.29.1",
"ng-apexcharts": "1.7.0",
"ngx-markdown": "13.1.0",
"ngx-quill": "16.1.2",
@ -74,6 +73,7 @@
"karma-jasmine": "4.0.1",
"karma-jasmine-html-reporter": "1.7.0",
"lodash": "4.17.21",
"moment": "^2.29.4",
"postcss": "8.4.6",
"tailwindcss": "3.0.23",
"typescript": "4.5.5"

View File

@ -7,7 +7,122 @@
class="sm:col-span-6 flex flex-col flex-auto p-6 bg-card shadow rounded-2xl overflow-hidden"
>
<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 roles">
<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 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 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>
<!-- Actions -->
<div class="col-span-4 sm:col-span-4">
<div class="flex items-center mt-6 sm:mt-0 sm:ml-2 space-x-3">
<button
class="fuse-mat-button-rounded bg-accent-700"
mat-flat-button
[color]="'primary'"
>
<mat-icon
class="icon-size-5"
[svgIcon]="'heroicons_solid:mail'"
></mat-icon>
<span class="ml-2">검색하기</span>
</button>
<button
class="fuse-mat-button-rounded"
mat-flat-button
[color]="'primary'"
>
<mat-icon
class="icon-size-5"
[svgIcon]="'heroicons_solid:mail'"
></mat-icon>
<span class="ml-2">어제</span>
</button>
<button
class="fuse-mat-button-rounded"
mat-flat-button
[color]="'primary'"
>
<mat-icon
class="icon-size-5"
[svgIcon]="'heroicons_solid:cog'"
></mat-icon>
<span class="ml-2">오늘</span>
</button>
<button
class="fuse-mat-button-rounded"
mat-flat-button
[color]="'primary'"
>
<mat-icon
class="icon-size-5"
[svgIcon]="'heroicons_solid:cog'"
></mat-icon>
<span class="ml-2">7일</span>
</button>
</div>
</div>
</div>
</div>
<div class="flex flex-col flex-auto mt-2 overflow-x-auto">
<form [formGroup]="dailyParthnerForm" autocomplete="off">

View File

@ -101,6 +101,8 @@ export class ListComponent implements OnInit, AfterViewInit, OnDestroy {
];
private _unsubscribeAll: Subject<any> = new Subject<any>();
roles: any[];
/**
* Constructor
*/
@ -110,7 +112,27 @@ export class ListComponent implements OnInit, AfterViewInit, OnDestroy {
private _formBuilder: FormBuilder,
private _dailyPartnerService: DailyPartnerService,
private router: Router
) {}
) {
this.roles = [
{
label: '전체',
value: '전체',
},
{
label: '파워볼',
value: '파워볼',
},
{
label: '카지노',
value: '카지노',
},
{
label: '슬롯',
value: '슬롯',
},
];
}
// -----------------------------------------------------------------------------------------------------
// @ Lifecycle hooks

View File

@ -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 { dailyPartnerRoutes } from './daily-partner.routing';
MatRadioModule,
MatCheckboxModule,
MatTableModule,
MatDatepickerModule,
MatDividerModule,
MatMomentDateModule,
],
})
export class DailyPartnerModule {}