금일배팅자목록리스트 page 수정

src/app/modules/admin/report/daily-partner/components/list.component.ts

@@ -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$;
   }
 
   /**

src/app/modules/admin/report/today-bet/components/list.component.html

@@ -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

src/app/modules/admin/report/today-bet/components/list.component.ts

@@ -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: '닉네임',
+      },
+    ];
   }
 
   // -----------------------------------------------------------------------------------------------------

src/app/modules/admin/report/today-bet/today-bet.module.ts

@@ -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 {}