From 18ab72488ec28b5909b8a4f6324f791a49e3c9fb Mon Sep 17 00:00:00 2001
From: JUNG YI DAM <breeze@loafle.com>
Date: Tue, 16 Aug 2022 05:04:48 +0000
Subject: [PATCH] =?UTF-8?q?user=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../user/components/list.component.html       | 71 ++++++++++---------
 .../modules/admin/member/user/user.module.ts  |  2 +
 2 files changed, 40 insertions(+), 33 deletions(-)

diff --git a/src/app/modules/admin/member/user/components/list.component.html b/src/app/modules/admin/member/user/components/list.component.html
index 9ad4537..1704ba6 100644
--- a/src/app/modules/admin/member/user/components/list.component.html
+++ b/src/app/modules/admin/member/user/components/list.component.html
@@ -11,24 +11,21 @@
     </div>
     <!-- Title -->
     <div class="text-4xl font-extrabold tracking-tight">User</div>
+
     <!-- Actions -->
     <div class="flex shrink-0 items-center mt-6 sm:mt-0 sm:ml-4">
       <!-- Search -->
-      <div>
-        <span>총회원수:<span style="color: red">38</span>명</span>&nbsp;&nbsp;
-        <span>진행중금액:<span style="color: red">0</span>원</span>&nbsp;&nbsp;
-        <span>총 보유머니:<span style="color: red">21,437,873</span>원</span
-        >&nbsp;&nbsp;
-        <span>총 콤프:<span style="color: red">394,860</span>원</span
-        >&nbsp;&nbsp;
-        <span>총 합계:<span style="color: blue">21,832,733</span>원</span>
-      </div>
+      <span>총회원수:<span style="color: red">38</span>명</span>&nbsp;&nbsp;
+      <span>진행중금액:<span style="color: red">0</span>원</span>&nbsp;&nbsp;
+      <span>총 보유머니:<span style="color: red">21,437,873</span>원</span
+      >&nbsp;&nbsp;
+      <span>총 콤프:<span style="color: red">394,860</span>원</span>&nbsp;&nbsp;
+      <span>총 합계:<span style="color: blue">21,832,733</span>원</span>
       <button mat-icon-button (click)="__onClickSearch()">
         <mat-icon [svgIcon]="'heroicons_outline:search'"></mat-icon>
       </button>
     </div>
   </div>
-
   <!-- Memo -->
   <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"
@@ -161,13 +158,13 @@
               matSortDisableClear
               class="user-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>
+              <div style="text-align: center">
                 <mat-checkbox></mat-checkbox>
               </div>
-              <div>관리</div>
-              <div>요율</div>
-              <div>상부</div>
-              <div>
+              <div style="text-align: center">관리</div>
+              <div style="text-align: center">요율</div>
+              <div style="text-align: center">상부</div>
+              <div style="text-align: center">
                 <div>아이디</div>
 
                 <hr style="margin: 7px 0px" />
@@ -175,23 +172,31 @@
                 <hr style="margin: 7px 0px" />
                 연락처
               </div>
-              <div>
+              <div style="text-align: center">
                 등급
                 <hr style="margin: 7px 0px" />
                 레벨
                 <hr style="margin: 7px 0px" />
                 상태
               </div>
-              <div class="hidden sm:block">예금주</div>
-              <div class="hidden md:block">보유금</div>
-              <div class="hidden md:block">
+              <div class="hidden sm:block" style="text-align: center">
+                예금주
+              </div>
+              <div class="hidden md:block" style="text-align: center">
+                보유금
+              </div>
+              <div class="hidden md:block" style="text-align: center">
                 게임중머니
                 <hr style="margin: 7px 0px" />
                 금일콤프
               </div>
-              <div class="hidden md:block">총입출</div>
-              <div class="hidden lg:block">카지노->캐쉬</div>
-              <div class="hidden lg:block">로그</div>
+              <div class="hidden md:block" style="text-align: center">
+                총입출
+              </div>
+              <div class="hidden lg:block" style="text-align: center">
+                카지노->캐쉬
+              </div>
+              <div class="hidden lg:block" style="text-align: center">로그</div>
             </div>
             <!-- Rows -->
             <ng-container *ngIf="users$ | async as users">
@@ -201,10 +206,10 @@
                 <div
                   class="user-grid grid items-center gap-4 py-3 px-6 md:px-8 border-b"
                 >
-                  <div>
+                  <div style="text-align: center">
                     <mat-checkbox></mat-checkbox>
                   </div>
-                  <div class="hidden lg:block">
+                  <div class="hidden lg:block" style="text-align: center">
                     <div
                       mat-button
                       [matMenuTriggerFor]="menu"
@@ -243,7 +248,7 @@
                   <div>
                     {{ user.highRank }}
                   </div>
-                  <div>
+                  <div style="text-align: center">
                     <div
                       (click)="viewUserDetail(user.id!)"
                       style="cursor: pointer"
@@ -255,36 +260,36 @@
                     <hr style="margin: 7px 0px" />
                     {{ user.phoneNumber }}
                   </div>
-                  <div>
+                  <div style="text-align: center">
                     {{ user.rank }}
                     <hr style="margin: 7px 0px" />
-                    LV{{ user.level }}
+                    {{ user.level }}
                     <hr style="margin: 7px 0px" />
                     {{ user.state }}
                   </div>
-                  <div class="hidden sm:block">
+                  <div class="hidden sm:block" style="text-align: center">
                     {{ user.accountHolder }}
                   </div>
-                  <div class="hidden md:block">
+                  <div class="hidden md:block" style="text-align: center">
                     캐쉬{{ user.ownCash }}
                     <hr style="margin: 7px 0px" />
                     콤프{{ user.ownComp }}P
                     <hr style="margin: 7px 0px" />
                     쿠폰{{ user.ownCoupon }}
                   </div>
-                  <div class="hidden md:block">
+                  <div class="hidden md:block" style="text-align: center">
                     {{ user.gameMoney }}
                     <hr style="margin: 7px 0px" />
                     {{ user.todayComp }}P
                   </div>
-                  <div class="hidden md:block">
+                  <div class="hidden md:block" style="text-align: center">
                     입금{{ user.totalDeposit }}
                     <hr style="margin: 7px 0px" />
                     출금{{ user.totalWithdraw }}
                     <hr style="margin: 7px 0px" />
                     차익{{ user.balance }}
                   </div>
-                  <div class="hidden lg:block">
+                  <div class="hidden lg:block" style="text-align: center">
                     <button
                       mat-flat-button
                       class="bet-mat-small-8"
@@ -301,7 +306,7 @@
                       게임머니회수
                     </button>
                   </div>
-                  <div class="hidden lg:block">
+                  <div class="hidden lg:block" style="text-align: center">
                     가입{{ user.registrationDate }}
                     <hr style="margin: 7px 0px" />
                     최종{{ user.finalSigninDate }}
diff --git a/src/app/modules/admin/member/user/user.module.ts b/src/app/modules/admin/member/user/user.module.ts
index 312ef04..a4829c7 100644
--- a/src/app/modules/admin/member/user/user.module.ts
+++ b/src/app/modules/admin/member/user/user.module.ts
@@ -19,6 +19,7 @@ import { MatChipsModule } from '@angular/material/chips';
 import { MatMenuModule } from '@angular/material/menu';
 import { MatDividerModule } from '@angular/material/divider';
 import { MatDialogModule } from '@angular/material/dialog';
+import { MatCardModule } from '@angular/material/card';
 
 import { FuseCardModule } from '@fuse/components/card';
 
@@ -56,6 +57,7 @@ import { userRoutes } from 'app/modules/admin/member/user/user.routing';
     MatMenuModule,
     MatDividerModule,
     MatDialogModule,
+    MatCardModule,
 
     FuseCardModule,
   ],