From 9f6abf5635c2b00ffd73f2f4b7bd101a9d0cec98 Mon Sep 17 00:00:00 2001
From: JUNG YI DAM <breeze@loafle.com>
Date: Thu, 1 Sep 2022 09:19:42 +0000
Subject: [PATCH] =?UTF-8?q?=EB=B2=84=ED=8A=BC=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../withdraw/components/list.component.html   | 53 ++++++++++---------
 .../withdraw/components/list.component.ts     | 28 +++++++++-
 .../customer/components/list.component.html   |  6 +--
 .../customer/components/list.component.ts     | 52 ++++++++----------
 .../message/components/list.component.html    | 25 ++++++---
 .../message/components/list.component.ts      | 28 +++++++++-
 6 files changed, 127 insertions(+), 65 deletions(-)

diff --git a/src/app/modules/admin/bank/withdraw/components/list.component.html b/src/app/modules/admin/bank/withdraw/components/list.component.html
index a0d1cc5..181686d 100644
--- a/src/app/modules/admin/bank/withdraw/components/list.component.html
+++ b/src/app/modules/admin/bank/withdraw/components/list.component.html
@@ -33,24 +33,6 @@
     </mat-form-field>
     <button mat-flat-button [color]="'primary'">메모저장</button>
   </div>
-  <div class="flex items-center mt-2 mb-2 ml-6">
-    <div>
-      <button mat-flat-button class="bet-mat-small-8" [color]="'primary'">
-        환전처리
-      </button>
-    </div>
-    <div>
-      <button mat-flat-button class="bet-mat-small-8" [color]="'primary'">
-        대기처리
-      </button>
-    </div>
-    <div>
-      <button mat-flat-button class="bet-mat-small-8" [color]="'warn'">
-        환전취소
-      </button>
-    </div>
-  </div>
-  <hr style="margin: 7px 0px" />
   <div
     *ngIf="__isSearchOpened"
     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"
@@ -130,6 +112,26 @@
       </button>
     </div>
   </div>
+  <div
+    *ngIf="__checkedUsers.length > 0"
+    class="relative flex flex-col sm:flex-row flex-0 sm:items-center py-4 px-6 md:px-8 border-b"
+  >
+    <div>
+      <button mat-flat-button class="bet-mat-small-8" [color]="'primary'">
+        환전처리
+      </button>
+    </div>
+    <div>
+      <button mat-flat-button class="bet-mat-small-8" [color]="'primary'">
+        대기처리
+      </button>
+    </div>
+    <div>
+      <button mat-flat-button class="bet-mat-small-8" [color]="'warn'">
+        환전취소
+      </button>
+    </div>
+  </div>
   <!-- Main -->
   <div class="flex flex-auto overflow-hidden">
     <!-- Products list -->
@@ -143,10 +145,11 @@
             <div
               class="withdraw-grid z-10 sticky top-0 grid gap-4 py-4 px-6 md:px-8 shadow text-md font-semibold text-secondary bg-gray-50 dark:bg-black dark:bg-opacity-5"
             >
-              <div>
-                <mat-checkbox></mat-checkbox>
+              <div style="text-align: center">
+                <mat-checkbox
+                  (change)="__onChangeChkUsersAll($event)"
+                ></mat-checkbox>
               </div>
-
               <div>
                 구분
                 <hr style="margin: 7px 0px" />
@@ -198,10 +201,12 @@
                 <div
                   class="withdraw-grid grid items-center gap-4 py-3 px-6 md:px-8 border-b"
                 >
-                  <div>
-                    <mat-checkbox></mat-checkbox>
+                  <div style="text-align: center">
+                    <mat-checkbox
+                      #chkUsers
+                      (change)="__onChangeChkUsers($event)"
+                    ></mat-checkbox>
                   </div>
-
                   <div>
                     회원
                     <hr style="margin: 7px 0px" />
diff --git a/src/app/modules/admin/bank/withdraw/components/list.component.ts b/src/app/modules/admin/bank/withdraw/components/list.component.ts
index 900e343..e2c5367 100644
--- a/src/app/modules/admin/bank/withdraw/components/list.component.ts
+++ b/src/app/modules/admin/bank/withdraw/components/list.component.ts
@@ -5,7 +5,9 @@ import {
   Component,
   OnDestroy,
   OnInit,
+  QueryList,
   ViewChild,
+  ViewChildren,
   ViewEncapsulation,
 } from '@angular/core';
 import {
@@ -14,7 +16,7 @@ import {
   FormGroup,
   Validators,
 } from '@angular/forms';
-import { MatCheckboxChange } from '@angular/material/checkbox';
+import { MatCheckbox, MatCheckboxChange } from '@angular/material/checkbox';
 import { MatPaginator } from '@angular/material/paginator';
 import { MatSort } from '@angular/material/sort';
 import {
@@ -75,7 +77,10 @@ export class ListComponent implements OnInit, AfterViewInit, OnDestroy {
   @ViewChild(MatPaginator) private _paginator!: MatPaginator;
   @ViewChild(MatSort) private _sort!: MatSort;
 
+  @ViewChildren('chkUsers') chkUsers!: QueryList<MatCheckbox>;
+
   bankWithdraw$!: Observable<MemberBankWithdrawModel[] | undefined>;
+  __checkedUsers: string[] = [];
 
   __isSearchOpened = false;
   isLoading = false;
@@ -199,6 +204,27 @@ export class ListComponent implements OnInit, AfterViewInit, OnDestroy {
   // @ Private methods
   // -----------------------------------------------------------------------------------------------------
 
+  __onChangeChkUsersAll(event: MatCheckboxChange): void {
+    let checked = event.checked;
+    this.chkUsers.forEach((c, i) => {
+      c.checked = checked;
+    });
+    this.__updateCheckedUsers();
+  }
+
+  __onChangeChkUsers(event: MatCheckboxChange): void {
+    this.__updateCheckedUsers();
+  }
+
+  __updateCheckedUsers(): void {
+    this.__checkedUsers = [];
+    this.chkUsers.forEach((c, i) => {
+      if (c.checked) {
+        this.__checkedUsers.push(c.value);
+      }
+    });
+  }
+
   /**
    * Create product
    */
diff --git a/src/app/modules/admin/board/customer/components/list.component.html b/src/app/modules/admin/board/customer/components/list.component.html
index c46c335..a7f5fac 100644
--- a/src/app/modules/admin/board/customer/components/list.component.html
+++ b/src/app/modules/admin/board/customer/components/list.component.html
@@ -90,7 +90,7 @@
   </div>
 
   <div
-    *ngIf="__checkedCustomers"
+    *ngIf="__checkedUsers.length > 0"
     class="relative flex flex-col sm:flex-row flex-0 sm:items-center py-4 px-6 md:px-8 border-b"
   >
     <div>
@@ -114,7 +114,7 @@
             >
               <div style="text-align: center">
                 <mat-checkbox
-                  (change)="__onChangeChkCustomersAll($event)"
+                  (change)="__onChangeChkUsersAll($event)"
                 ></mat-checkbox>
               </div>
               <div>번호</div>
@@ -156,7 +156,7 @@
                   <div style="text-align: center">
                     <mat-checkbox
                       #chkUsers
-                      (change)="__onChangeChkCustomers()"
+                      (change)="__onChangeChkUsers($event)"
                     ></mat-checkbox>
                   </div>
                   <!-- 일련번호 -->
diff --git a/src/app/modules/admin/board/customer/components/list.component.ts b/src/app/modules/admin/board/customer/components/list.component.ts
index 4e01c0c..ffc0027 100644
--- a/src/app/modules/admin/board/customer/components/list.component.ts
+++ b/src/app/modules/admin/board/customer/components/list.component.ts
@@ -74,7 +74,7 @@ export class ListComponent implements OnInit, AfterViewInit, OnDestroy {
   @ViewChildren('chkUsers') chkUsers!: QueryList<MatCheckbox>;
 
   customers$!: Observable<Customer[] | undefined>;
-  __checkedCustomers: string[] = [];
+  __checkedUsers: string[] = [];
 
   isLoading = false;
   searchInputControl = new FormControl();
@@ -182,6 +182,27 @@ export class ListComponent implements OnInit, AfterViewInit, OnDestroy {
   // @ Private methods
   // -----------------------------------------------------------------------------------------------------
 
+  __onChangeChkUsersAll(event: MatCheckboxChange): void {
+    let checked = event.checked;
+    this.chkUsers.forEach((c, i) => {
+      c.checked = checked;
+    });
+    this.__updateCheckedUsers();
+  }
+
+  __onChangeChkUsers(event: MatCheckboxChange): void {
+    this.__updateCheckedUsers();
+  }
+
+  __updateCheckedUsers(): void {
+    this.__checkedUsers = [];
+    this.chkUsers.forEach((c, i) => {
+      if (c.checked) {
+        this.__checkedUsers.push(c.value);
+      }
+    });
+  }
+
   /**
    * toggle the search
    * Used in 'bar'
@@ -211,33 +232,4 @@ export class ListComponent implements OnInit, AfterViewInit, OnDestroy {
   __trackByFn(index: number, item: any): any {
     return item.id || index;
   }
-
-  onClickCustomers(typeNum: number): void {
-    if (this.__checkedCustomers.length === 0) {
-      return;
-    }
-
-    this.__checkedCustomers.map((v) => {});
-  }
-
-  __onChangeChkCustomersAll(event: MatCheckboxChange): void {
-    let checked = event.checked;
-    this.chkUsers.forEach((c, i) => {
-      c.checked = checked;
-    });
-    this.__onChangeChkCustomers();
-  }
-
-  __onChangeChkUsers(event: MatCheckboxChange): void {
-    this.__onChangeChkCustomers();
-  }
-
-  __onChangeChkCustomers(): void {
-    this.__checkedCustomers = [];
-    this.chkUsers.forEach((c, i) => {
-      if (c.checked) {
-        this.__checkedCustomers.push(c.value);
-      }
-    });
-  }
 }
diff --git a/src/app/modules/admin/board/message/components/list.component.html b/src/app/modules/admin/board/message/components/list.component.html
index 0b6744b..fd3579c 100644
--- a/src/app/modules/admin/board/message/components/list.component.html
+++ b/src/app/modules/admin/board/message/components/list.component.html
@@ -93,6 +93,16 @@
     </div>
   </div>
 
+  <div
+    *ngIf="__checkedUsers.length > 0"
+    class="relative flex flex-col sm:flex-row flex-0 sm:items-center py-4 px-6 md:px-8 border-b"
+  >
+    <div>
+      <button mat-flat-button class="bet-mat-small-8" [color]="'primary'">
+        디비에서 완전삭제
+      </button>
+    </div>
+  </div>
   <!-- Main -->
   <div class="flex flex-auto overflow-hidden">
     <!-- Products list -->
@@ -106,10 +116,11 @@
             <div
               class="message-grid z-10 sticky top-0 grid gap-4 py-4 px-6 md:px-8shadow text-md font-semibold text-secondary bg-gray-50 dark:bg-black dark:bg-opacity-5"
             >
-              <div class="hidden lg:block">
-                <mat-checkbox></mat-checkbox>
+              <div style="text-align: center">
+                <mat-checkbox
+                  (change)="__onChangeChkUsersAll($event)"
+                ></mat-checkbox>
               </div>
-
               <div class="hidden lg:block">
                 제목
                 <hr style="margin: 7px 0px" />
@@ -141,10 +152,12 @@
                 <div
                   class="message-grid grid items-center gap-4 py-3 px-6 md:px-8 border-b"
                 >
-                  <div class="hidden lg:block">
-                    <mat-checkbox></mat-checkbox>
+                  <div style="text-align: center">
+                    <mat-checkbox
+                      #chkUsers
+                      (change)="__onChangeChkUsers($event)"
+                    ></mat-checkbox>
                   </div>
-
                   <!-- 제목 -->
                   <div class="hidden lg:block">
                     {{ message.title }}
diff --git a/src/app/modules/admin/board/message/components/list.component.ts b/src/app/modules/admin/board/message/components/list.component.ts
index 52c0185..7220e8f 100644
--- a/src/app/modules/admin/board/message/components/list.component.ts
+++ b/src/app/modules/admin/board/message/components/list.component.ts
@@ -5,7 +5,9 @@ import {
   Component,
   OnDestroy,
   OnInit,
+  QueryList,
   ViewChild,
+  ViewChildren,
   ViewEncapsulation,
 } from '@angular/core';
 import {
@@ -14,7 +16,7 @@ import {
   FormGroup,
   Validators,
 } from '@angular/forms';
-import { MatCheckboxChange } from '@angular/material/checkbox';
+import { MatCheckbox, MatCheckboxChange } from '@angular/material/checkbox';
 import { MatPaginator } from '@angular/material/paginator';
 import { MatSort } from '@angular/material/sort';
 import {
@@ -65,7 +67,10 @@ export class ListComponent implements OnInit, AfterViewInit, OnDestroy {
   @ViewChild(MatPaginator) private _paginator!: MatPaginator;
   @ViewChild(MatSort) private _sort!: MatSort;
 
+  @ViewChildren('chkUsers') chkUsers!: QueryList<MatCheckbox>;
+
   messages$!: Observable<Message[] | undefined>;
+  __checkedUsers: string[] = [];
 
   isLoading = false;
   searchInputControl = new FormControl();
@@ -173,6 +178,27 @@ export class ListComponent implements OnInit, AfterViewInit, OnDestroy {
   // @ Private methods
   // -----------------------------------------------------------------------------------------------------
 
+  __onChangeChkUsersAll(event: MatCheckboxChange): void {
+    let checked = event.checked;
+    this.chkUsers.forEach((c, i) => {
+      c.checked = checked;
+    });
+    this.__updateCheckedUsers();
+  }
+
+  __onChangeChkUsers(event: MatCheckboxChange): void {
+    this.__updateCheckedUsers();
+  }
+
+  __updateCheckedUsers(): void {
+    this.__checkedUsers = [];
+    this.chkUsers.forEach((c, i) => {
+      if (c.checked) {
+        this.__checkedUsers.push(c.value);
+      }
+    });
+  }
+
   /**
    * Create product
    */