From edb24ef08dc8083bc0f8604af92abc462c1177b8 Mon Sep 17 00:00:00 2001
From: Park Byung Eun <geekdev@naver.com>
Date: Tue, 2 Aug 2022 09:54:09 +0000
Subject: [PATCH] =?UTF-8?q?=EB=A3=A8=EC=A7=95=20=EA=B4=80=EB=A6=AC=20?=
 =?UTF-8?q?=EA=B8=B0=EB=B3=B8=20=EB=8D=B0=EC=9D=B4=ED=84=B0=20=EC=83=81?=
 =?UTF-8?q?=EC=84=B8=20=EC=A7=84=ED=96=89=EC=A4=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../loosing/components/list.component.html    |   4 +-
 .../loosing/components/list.component.ts      |  17 +-
 .../loosing/components/view.component.html    | 247 ++++++++++--------
 .../loosing/components/view.component.ts      |  22 +-
 .../admin/report/loosing/loosing.routing.ts   |   6 +-
 5 files changed, 175 insertions(+), 121 deletions(-)

diff --git a/src/app/modules/admin/report/loosing/components/list.component.html b/src/app/modules/admin/report/loosing/components/list.component.html
index 35608fc..06284e0 100644
--- a/src/app/modules/admin/report/loosing/components/list.component.html
+++ b/src/app/modules/admin/report/loosing/components/list.component.html
@@ -123,7 +123,7 @@
                       mat-flat-button
                       class="bet-mat-small-8"
                       [color]="'primary'"
-                      (click)="__viewLoosingDetail(info.id)"
+                      (click)="__viewLoosingDetail(info, '0')"
                     >
                       상세보기
                     </button></span
@@ -153,7 +153,7 @@
                       mat-flat-button
                       class="bet-mat-small-8"
                       [color]="'primary'"
-                      (click)="__viewLoosingDetail(info.id)"
+                      (click)="__viewLoosingDetail(info, '1')"
                     >
                       상세보기
                     </button></span
diff --git a/src/app/modules/admin/report/loosing/components/list.component.ts b/src/app/modules/admin/report/loosing/components/list.component.ts
index df96e31..48d4580 100644
--- a/src/app/modules/admin/report/loosing/components/list.component.ts
+++ b/src/app/modules/admin/report/loosing/components/list.component.ts
@@ -19,7 +19,11 @@ import { FuseConfirmationService } from '@fuse/services/confirmation';
 import { Loosing } from '../models/loosing';
 
 import { LoosingService } from '../services/loosing.service';
-import { Router } from '@angular/router';
+import {
+  NavigationBehaviorOptions,
+  NavigationExtras,
+  Router,
+} from '@angular/router';
 import { MatTableDataSource } from '@angular/material/table';
 
 @Component({
@@ -164,9 +168,16 @@ export class ListComponent implements OnInit, AfterViewInit, OnDestroy {
   // @ Private methods
   // -----------------------------------------------------------------------------------------------------
 
-  __viewLoosingDetail(loosing: Loosing): void {
+  __viewLoosingDetail(loosing: Loosing, type: string): void {
     let url: string = 'report/loosing/' + loosing.id;
-    this.router.navigateByUrl(url);
+    let extras: NavigationBehaviorOptions = {
+      state: {
+        viewType: type,
+        startDate: loosing.startDate,
+        endDate: loosing.endDate,
+      },
+    };
+    this.router.navigateByUrl(url, extras);
   }
 
   __onClickRemoveBtn(event: MouseEvent, id: string): void {
diff --git a/src/app/modules/admin/report/loosing/components/view.component.html b/src/app/modules/admin/report/loosing/components/view.component.html
index cda689c..5dbdf90 100644
--- a/src/app/modules/admin/report/loosing/components/view.component.html
+++ b/src/app/modules/admin/report/loosing/components/view.component.html
@@ -7,49 +7,13 @@
           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>
 
           <!-- Search -->
           <div
             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"
           >
-            <!-- 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>
             <!-- Actions -->
             <div fxLayout="row wrap" class="items-center mt-6 sm:mt-0 sm:ml-0">
               <!-- Search -->
@@ -61,7 +25,16 @@
                 (click)="__createProduct()"
               >
                 <mat-icon [svgIcon]="'heroicons_outline:search'"></mat-icon>
-                <span class="ml-2 mr-1">기본데이터생성</span>
+                <span class="ml-2 mr-1">목록으로</span>
+              </button>
+              <button
+                mat-flat-button
+                [color]="'primary'"
+                fxFlex
+                (click)="__createProduct()"
+              >
+                <mat-icon [svgIcon]="'heroicons_outline:search'"></mat-icon>
+                <span class="ml-2 mr-1">루징데이터보기</span>
               </button>
             </div>
           </div>
@@ -72,9 +45,11 @@
               mat-table
               [dataSource]="loosingDataSource"
             >
-              <!-- Index -->
-              <ng-container matColumnDef="index">
-                <th mat-header-cell *matHeaderCellDef>번호</th>
+              <!-- 아이디 -->
+              <ng-container matColumnDef="signinId">
+                <th mat-header-cell *matHeaderCellDef [attr.rowspan]="2">
+                  아이디
+                </th>
                 <td mat-cell *matCellDef="let info; let i = index">
                   <span class="font-medium text-right">
                     {{ i + 1 }}
@@ -82,18 +57,22 @@
                 </td>
               </ng-container>
 
-              <!-- 시작일 -->
-              <ng-container matColumnDef="startDate">
-                <th mat-header-cell *matHeaderCellDef>시작일</th>
+              <!-- 코드 -->
+              <ng-container matColumnDef="code">
+                <th mat-header-cell *matHeaderCellDef [attr.rowspan]="2">
+                  코드
+                </th>
                 <td mat-cell *matCellDef="let info">
                   <span class="font-medium text-right">
                     {{ info.startDate }}
                   </span>
                 </td>
               </ng-container>
-              <!-- 종료일 -->
-              <ng-container matColumnDef="endDate">
-                <th mat-header-cell *matHeaderCellDef>종료일</th>
+
+              <!-- 카지노루징 시작-->
+              <!-- 베팅 -->
+              <ng-container matColumnDef="casinoBet">
+                <th mat-header-cell *matHeaderCellDef>베팅</th>
                 <td mat-cell *matCellDef="let info">
                   <span class="font-medium text-right">
                     {{ info.endDate }}
@@ -101,81 +80,141 @@
                 </td>
               </ng-container>
 
-              <!-- 기본데이터 -->
-              <ng-container matColumnDef="defaultDataTotalCount">
-                <th mat-header-cell *matHeaderCellDef colspan="2">
-                  기본데이터
-                </th>
+              <!-- 당첨 -->
+              <ng-container matColumnDef="casinoWin">
+                <th mat-header-cell *matHeaderCellDef>당첨</th>
                 <td mat-cell *matCellDef="let info">
                   <span class="font-medium text-right">{{
                     info.defaultCount
                   }}</span>
                 </td>
               </ng-container>
-              <ng-container matColumnDef="defaultDataViewBtn">
-                <td
-                  mat-cell
-                  *matCellDef="let info"
-                  style="border-left: 1px solid #e0e0e0"
-                >
-                  <span class="font-medium text-right"
-                    ><button
-                      mat-flat-button
-                      class="bet-mat-small-8"
-                      [color]="'primary'"
-                    >
-                      상세보기
-                    </button></span
-                  >
-                </td>
-              </ng-container>
 
-              <!-- 루징데이터 -->
-              <ng-container matColumnDef="loosingDataTotalCount">
-                <th mat-header-cell *matHeaderCellDef colspan="2">
-                  루징데이터
-                </th>
+              <!-- 윈로스 -->
+              <ng-container matColumnDef="casinoWinLoss">
+                <th mat-header-cell *matHeaderCellDef>윈로스</th>
                 <td mat-cell *matCellDef="let info">
                   <span class="font-medium text-right">{{
                     info.loosingCount
                   }}</span>
                 </td>
               </ng-container>
-              <ng-container matColumnDef="loosingDataViewBtn">
-                <td
-                  mat-cell
-                  *matCellDef="let info"
-                  style="border-left: 1px solid #e0e0e0"
-                >
-                  <span class="font-medium text-right"
-                    ><button
-                      mat-flat-button
-                      class="bet-mat-small-8"
-                      [color]="'primary'"
-                    >
-                      상세보기
-                    </button></span
-                  >
-                </td>
-              </ng-container>
 
-              <!-- 삭제 -->
-              <ng-container matColumnDef="removeBtn">
-                <th mat-header-cell *matHeaderCellDef>삭제</th>
+              <!-- 롤링 -->
+              <ng-container matColumnDef="casinoRolling">
+                <th mat-header-cell *matHeaderCellDef>롤링</th>
                 <td mat-cell *matCellDef="let info">
-                  <span class="font-medium text-right"
-                    ><button
-                      mat-flat-button
-                      class="bet-mat-small-8"
-                      [color]="'primary'"
-                    >
-                      삭제
-                    </button></span
-                  >
+                  <span class="font-medium text-right">{{
+                    info.loosingCount
+                  }}</span>
                 </td>
               </ng-container>
 
-              <tr mat-header-row *matHeaderRowDef="headerTableColumns"></tr>
+              <!-- 루징요율 -->
+              <ng-container matColumnDef="casinoLoosing">
+                <th mat-header-cell *matHeaderCellDef>루징요율</th>
+                <td mat-cell *matCellDef="let info">
+                  <span class="font-medium text-right">{{
+                    info.loosingCount
+                  }}</span>
+                </td>
+              </ng-container>
+              <!-- 본인 -->
+              <ng-container matColumnDef="casinoSelf">
+                <th mat-header-cell *matHeaderCellDef>본인</th>
+                <td mat-cell *matCellDef="let info">
+                  <span class="font-medium text-right">{{
+                    info.loosingCount
+                  }}</span>
+                </td>
+              </ng-container>
+              <!-- 카지노루징 끝-->
+
+              <!-- 슬롯루징 시작-->
+              <!-- 베팅 -->
+              <ng-container matColumnDef="slotBet">
+                <th mat-header-cell *matHeaderCellDef>베팅</th>
+                <td mat-cell *matCellDef="let info">
+                  <span class="font-medium text-right">
+                    {{ info.endDate }}
+                  </span>
+                </td>
+              </ng-container>
+
+              <!-- 당첨 -->
+              <ng-container matColumnDef="slotWin">
+                <th mat-header-cell *matHeaderCellDef>당첨</th>
+                <td mat-cell *matCellDef="let info">
+                  <span class="font-medium text-right">{{
+                    info.defaultCount
+                  }}</span>
+                </td>
+              </ng-container>
+
+              <!-- 윈로스 -->
+              <ng-container matColumnDef="slotWinLoss">
+                <th mat-header-cell *matHeaderCellDef>윈로스</th>
+                <td mat-cell *matCellDef="let info">
+                  <span class="font-medium text-right">{{
+                    info.loosingCount
+                  }}</span>
+                </td>
+              </ng-container>
+
+              <!-- 롤링 -->
+              <ng-container matColumnDef="slotRolling">
+                <th mat-header-cell *matHeaderCellDef>롤링</th>
+                <td mat-cell *matCellDef="let info">
+                  <span class="font-medium text-right">{{
+                    info.loosingCount
+                  }}</span>
+                </td>
+              </ng-container>
+
+              <!-- 루징요율 -->
+              <ng-container matColumnDef="slotLoosing">
+                <th mat-header-cell *matHeaderCellDef>루징요율</th>
+                <td mat-cell *matCellDef="let info">
+                  <span class="font-medium text-right">{{
+                    info.loosingCount
+                  }}</span>
+                </td>
+              </ng-container>
+              <!-- 본인 -->
+              <ng-container matColumnDef="slotSelf">
+                <th mat-header-cell *matHeaderCellDef>본인</th>
+                <td mat-cell *matCellDef="let info">
+                  <span class="font-medium text-right">{{
+                    info.loosingCount
+                  }}</span>
+                </td>
+              </ng-container>
+              <!-- 슬롯루징 끝-->
+
+              <!-- Header row second group -->
+              <ng-container matColumnDef="header-row-casino-group">
+                <th mat-header-cell *matHeaderCellDef [attr.colspan]="6">
+                  카지노루징
+                </th>
+              </ng-container>
+
+              <!-- Header row second group -->
+              <ng-container matColumnDef="header-row-slot-group">
+                <th mat-header-cell *matHeaderCellDef [attr.colspan]="6">
+                  슬롯루징
+                </th>
+              </ng-container>
+
+              <tr
+                mat-header-row
+                *matHeaderRowDef="[
+                  'signinId',
+                  'code',
+                  'header-row-casino-group',
+                  'header-row-slot-group'
+                ]"
+              ></tr>
+              <tr mat-header-row *matHeaderRowDef="displayedTableColumns"></tr>
               <tr
                 mat-row
                 *matRowDef="let row; columns: displayedTableColumns"
diff --git a/src/app/modules/admin/report/loosing/components/view.component.ts b/src/app/modules/admin/report/loosing/components/view.component.ts
index ebaeeb7..a3c4dcc 100644
--- a/src/app/modules/admin/report/loosing/components/view.component.ts
+++ b/src/app/modules/admin/report/loosing/components/view.component.ts
@@ -70,14 +70,18 @@ export class ViewComponent implements OnInit, AfterViewInit, OnDestroy {
   ];
 
   displayedTableColumns: string[] = [
-    'index',
-    'startDate',
-    'endDate',
-    'defaultDataTotalCount',
-    'defaultDataViewBtn',
-    'loosingDataTotalCount',
-    'loosingDataViewBtn',
-    'removeBtn',
+    'casinoBet',
+    'casinoWin',
+    'casinoWinLoss',
+    'casinoRolling',
+    'casinoLoosing',
+    'casinoSelf',
+    'slotBet',
+    'slotWin',
+    'slotWinLoss',
+    'slotRolling',
+    'slotLoosing',
+    'slotSelf',
   ];
 
   /**
@@ -87,7 +91,7 @@ export class ViewComponent implements OnInit, AfterViewInit, OnDestroy {
     private _changeDetectorRef: ChangeDetectorRef,
     private _fuseConfirmationService: FuseConfirmationService,
     private _loosingService: LoosingService,
-    private router: Router
+    private _router: Router
   ) {}
 
   // -----------------------------------------------------------------------------------------------------
diff --git a/src/app/modules/admin/report/loosing/loosing.routing.ts b/src/app/modules/admin/report/loosing/loosing.routing.ts
index 92c7c01..666ffdd 100644
--- a/src/app/modules/admin/report/loosing/loosing.routing.ts
+++ b/src/app/modules/admin/report/loosing/loosing.routing.ts
@@ -19,8 +19,8 @@ export const loosingRoutes: Route[] = [
   {
     path: ':id',
     component: ViewComponent,
-    resolve: {
-      loosing: LoosingResolver,
-    },
+    // resolve: {
+    //   loosing: LoosingResolver,
+    // },
   },
 ];