From 7a94cecb1df15a6d54c8f0d9ea05dee0b8235bb9 Mon Sep 17 00:00:00 2001
From: JUNG YI DAM <breeze@loafle.com>
Date: Fri, 22 Jul 2022 00:42:30 +0000
Subject: [PATCH] list item is refined

---
 .../mock-api/apps/member/casino-money/api.ts  |  39 +-
 .../mock-api/apps/member/casino-money/data.ts | 398 ++++++++++++++++--
 .../components/list.component.html            | 287 ++++++-------
 .../casino-money/components/list.component.ts |  21 +-
 .../casino-money/models/casino-money.ts       |  21 +-
 5 files changed, 524 insertions(+), 242 deletions(-)

diff --git a/src/app/mock-api/apps/member/casino-money/api.ts b/src/app/mock-api/apps/member/casino-money/api.ts
index 76ab899..3b48ab6 100644
--- a/src/app/mock-api/apps/member/casino-money/api.ts
+++ b/src/app/mock-api/apps/member/casino-money/api.ts
@@ -42,7 +42,11 @@ export class MemberCasinoMoneyMockApi {
         let casinoMoneys: any[] | null = cloneDeep(this._casinoMoneys);
 
         // Sort the casinoMoneys
-        if (sort === 'sku' || sort === 'name' || sort === 'active') {
+        if (
+          sort === 'signinId' ||
+          sort === 'nickname' ||
+          sort === 'accountHolder'
+        ) {
           casinoMoneys.sort((a, b) => {
             const fieldA = a[sort].toString().toUpperCase();
             const fieldB = b[sort].toString().toUpperCase();
@@ -139,24 +143,21 @@ export class MemberCasinoMoneyMockApi {
         // Generate a new casinoMoney
         const newCasinoMoney = {
           id: FuseMockApiUtils.guid(),
-          category: '',
-          name: 'A New User',
-          description: '',
-          tags: [],
-          sku: '',
-          barcode: '',
-          brand: '',
-          vendor: '',
-          stock: '',
-          reserved: '',
-          cost: '',
-          basePrice: '',
-          taxPercent: '',
-          price: '',
-          weight: '',
-          thumbnail: '',
-          images: [],
-          active: false,
+          signinId: '',
+          nickname: '',
+          highRank: '',
+          rank: '',
+          level: '',
+          accountHolder: '',
+          phoneNumber: '',
+          ownCash: 0,
+          ownComp: 0,
+          ownCoupon: 0,
+          gameMoney: 0,
+          todayComp: 0,
+          totalDeposit: 0,
+          totalWithdraw: 0,
+          balance: 0,
         };
 
         // Unshift the new casinoMoney
diff --git a/src/app/mock-api/apps/member/casino-money/data.ts b/src/app/mock-api/apps/member/casino-money/data.ts
index 415c649..4e7a58e 100644
--- a/src/app/mock-api/apps/member/casino-money/data.ts
+++ b/src/app/mock-api/apps/member/casino-money/data.ts
@@ -2,55 +2,363 @@
 
 export const casinoMoneys = [
   {
-    id: 'dsa01233',
-    category: 'b899ec30-b85a-40ab-bb1f-18a596d5c6de',
-    name: 'Benton Mens Automatic Watch 44mm 5 ATM',
-    description:
-      'Velit irure deserunt aliqua officia. Eiusmod quis sunt magna laboris aliquip non dolor consequat cupidatat dolore esse. Consectetur mollit officia laborum fugiat nulla duis ad excepteur do aliqua fugiat. Fugiat non laboris exercitation ipsum in incididunt.',
-    tags: [
-      '167190fa-51b4-45fc-a742-8ce1b33d24ea',
-      '0fc39efd-f640-41f8-95a5-3f1d749df200',
-      '8837b93f-388b-43cc-851d-4ca8f23f3a61',
-      '2300ac48-f268-466a-b765-8b878b6e14a7',
-      'b1286f3a-e2d0-4237-882b-f0efc0819ec3',
-    ],
-    sku: 'ADH-1921',
-    barcode: '8808746892183',
-    brand: 'e1789f32-9475-43e7-9256-451d2e3a2282',
-    vendor: '987dd10a-43b1-49f9-bfd9-05bb2dbc7029',
-    stock: 30,
-    reserved: 3,
-    cost: 390.63,
-    basePrice: 950,
-    taxPercent: 10,
-    price: 1045,
-    weight: 0.76,
-    thumbnail: null,
-    images: [
-      'assets/images/apps/ecommerce/products/watch-03-01.jpg',
-      'assets/images/apps/ecommerce/products/watch-03-02.jpg',
-      'assets/images/apps/ecommerce/products/watch-03-03.jpg',
-    ],
-    active: false,
-
-    highRank: '[매장]xcxc2233',
+    id: '8fcce528-d878-4cc8-99f7-bd3451ed5402',
+    signinId: 'dsa01233',
+    nickname: '아메리카노',
+    highRank: 'xcxc2233',
     rank: '회원',
     level: 1,
-    nickname: '아메리카노',
     accountHolder: '홍길동',
-    contact: '01012341234',
-    cash: 0,
-    comp: 60020,
-    coupon: 0,
+    phoneNumber: '010-1234-1234',
+    ownCash: 0,
+    ownComp: 60020,
+    ownCoupon: 0,
     gameMoney: 364750,
     todayComp: 0,
-    deposit: 500000,
-    withdraw: 0,
-    margin: 500000,
-    accession: '2022-04-23 15:42',
-    final: '',
-    ip: '',
-    state: '2022-06-07',
-    top: '정상',
+    totalDeposit: 500000,
+    totalWithdraw: 0,
+    balance: 500000,
+  },
+  {
+    id: '8fcce528-d878-4cc8-99f7-bd3451ed5405',
+    signinId: 'test111',
+    nickname: '테스트111',
+    highRank: 'kgon5',
+    rank: '회원',
+    level: 1,
+    accountHolder: '테스트일',
+    phoneNumber: '',
+    ownCash: 0,
+    ownComp: 0,
+    ownCoupon: 0,
+    gameMoney: 186930,
+    todayComp: 0,
+    totalDeposit: 1250000,
+    totalWithdraw: 500000,
+    balance: 750000,
+  },
+  {
+    id: 'd7a47d7c-4cdf-4319-bbaa-37ade38c622c',
+    signinId: 'kgon4',
+    nickname: '총판',
+    highRank: 'kgon3',
+    rank: '총판',
+    level: 4,
+    accountHolder: '총판',
+    phoneNumber: '010-0000-0000',
+    ownCash: 0,
+    ownComp: 32927,
+    ownCoupon: 0,
+    gameMoney: 400000,
+    todayComp: 0,
+    totalDeposit: 500000,
+    totalWithdraw: 100000,
+    balance: 400000,
+  },
+  {
+    id: 'ecf0b3df-38c3-45dc-972b-c509a3dc053e',
+    signinId: 'dsa01233',
+    nickname: '아메리카노',
+    highRank: 'xcxc2233',
+    rank: '회원',
+    level: 1,
+    accountHolder: '홍길동',
+    phoneNumber: '010-1234-1234',
+    ownCash: 0,
+    ownComp: 60020,
+    ownCoupon: 0,
+    gameMoney: 364750,
+    todayComp: 0,
+    totalDeposit: 500000,
+    totalWithdraw: 0,
+    balance: 500000,
+  },
+  {
+    id: '5765080a-aaee-40b9-86be-c18b9d79c73c',
+    signinId: 'dsa01233',
+    nickname: '아메리카노',
+    highRank: 'xcxc2233',
+    rank: '회원',
+    level: 1,
+    accountHolder: '홍길동',
+    phoneNumber: '010-1234-1234',
+    ownCash: 0,
+    ownComp: 60020,
+    ownCoupon: 0,
+    gameMoney: 364750,
+    todayComp: 0,
+    totalDeposit: 500000,
+    totalWithdraw: 0,
+    balance: 500000,
+  },
+  {
+    id: '6e71be88-b225-474c-91e5-111ced7d6220',
+    signinId: 'dsa01233',
+    nickname: '아메리카노',
+    highRank: 'xcxc2233',
+    rank: '회원',
+    level: 1,
+    accountHolder: '홍길동',
+    phoneNumber: '010-1234-1234',
+    ownCash: 0,
+    ownComp: 60020,
+    ownCoupon: 0,
+    gameMoney: 364750,
+    todayComp: 0,
+    totalDeposit: 500000,
+    totalWithdraw: 0,
+    balance: 500000,
+  },
+  {
+    id: '51242500-6983-4a78-bff3-d278eb4e3a57',
+    signinId: 'dsa01233',
+    nickname: '아메리카노',
+    highRank: 'xcxc2233',
+    rank: '회원',
+    level: 1,
+    accountHolder: '홍길동',
+    phoneNumber: '010-1234-1234',
+    ownCash: 0,
+    ownComp: 60020,
+    ownCoupon: 0,
+    gameMoney: 364750,
+    todayComp: 0,
+    totalDeposit: 500000,
+    totalWithdraw: 0,
+    balance: 500000,
+  },
+  {
+    id: '844a4395-233f-4ffb-85bd-7baa0e490a88',
+    signinId: 'dsa01233',
+    nickname: '아메리카노',
+    highRank: 'xcxc2233',
+    rank: '회원',
+    level: 1,
+    accountHolder: '홍길동',
+    phoneNumber: '010-1234-1234',
+    ownCash: 0,
+    ownComp: 60020,
+    ownCoupon: 0,
+    gameMoney: 364750,
+    todayComp: 0,
+    totalDeposit: 500000,
+    totalWithdraw: 0,
+    balance: 500000,
+  },
+  {
+    id: '7520f1b6-3c45-46ef-a4d5-881971212d1e',
+    signinId: 'dsa01233',
+    nickname: '아메리카노',
+    highRank: 'xcxc2233',
+    rank: '회원',
+    level: 1,
+    accountHolder: '홍길동',
+    phoneNumber: '010-1234-1234',
+    ownCash: 0,
+    ownComp: 60020,
+    ownCoupon: 0,
+    gameMoney: 364750,
+    todayComp: 0,
+    totalDeposit: 500000,
+    totalWithdraw: 0,
+    balance: 500000,
+  },
+  {
+    id: '683e41d8-6ebc-4e6a-a7c1-9189ca52ef19',
+    signinId: 'dsa01233',
+    nickname: '아메리카노',
+    highRank: 'xcxc2233',
+    rank: '회원',
+    level: 1,
+    accountHolder: '홍길동',
+    phoneNumber: '010-1234-1234',
+    ownCash: 0,
+    ownComp: 60020,
+    ownCoupon: 0,
+    gameMoney: 364750,
+    todayComp: 0,
+    totalDeposit: 500000,
+    totalWithdraw: 0,
+    balance: 500000,
+  },
+  {
+    id: 'd4e52238-292d-462b-b9bb-1751030132e2',
+    signinId: 'dsa01233',
+    nickname: '아메리카노',
+    highRank: 'xcxc2233',
+    rank: '회원',
+    level: 1,
+    accountHolder: '홍길동',
+    phoneNumber: '010-1234-1234',
+    ownCash: 0,
+    ownComp: 60020,
+    ownCoupon: 0,
+    gameMoney: 364750,
+    todayComp: 0,
+    totalDeposit: 500000,
+    totalWithdraw: 0,
+    balance: 500000,
+  },
+  {
+    id: '98861dfc-0d21-4fd5-81aa-49785d003d95',
+    signinId: 'dsa01233',
+    nickname: '아메리카노',
+    highRank: 'xcxc2233',
+    rank: '회원',
+    level: 1,
+    accountHolder: '홍길동',
+    phoneNumber: '010-1234-1234',
+    ownCash: 0,
+    ownComp: 60020,
+    ownCoupon: 0,
+    gameMoney: 364750,
+    todayComp: 0,
+    totalDeposit: 500000,
+    totalWithdraw: 0,
+    balance: 500000,
+  },
+  {
+    id: 'a71f9b10-e884-4aad-9810-29fe10ce6d42',
+    signinId: 'dsa01233',
+    nickname: '아메리카노',
+    highRank: 'xcxc2233',
+    rank: '회원',
+    level: 1,
+    accountHolder: '홍길동',
+    phoneNumber: '010-1234-1234',
+    ownCash: 0,
+    ownComp: 60020,
+    ownCoupon: 0,
+    gameMoney: 364750,
+    todayComp: 0,
+    totalDeposit: 500000,
+    totalWithdraw: 0,
+    balance: 500000,
+  },
+  {
+    id: '149e6db5-4ecc-4021-bc56-08b27514a746',
+    signinId: 'dsa01233',
+    nickname: '아메리카노',
+    highRank: 'xcxc2233',
+    rank: '회원',
+    level: 1,
+    accountHolder: '홍길동',
+    phoneNumber: '010-1234-1234',
+    ownCash: 0,
+    ownComp: 60020,
+    ownCoupon: 0,
+    gameMoney: 364750,
+    todayComp: 0,
+    totalDeposit: 500000,
+    totalWithdraw: 0,
+    balance: 500000,
+  },
+  {
+    id: '655287de-2e24-41f3-a82f-8b08548ecc39',
+    signinId: 'dsa01233',
+    nickname: '아메리카노',
+    highRank: 'xcxc2233',
+    rank: '회원',
+    level: 1,
+    accountHolder: '홍길동',
+    phoneNumber: '010-1234-1234',
+    ownCash: 0,
+    ownComp: 60020,
+    ownCoupon: 0,
+    gameMoney: 364750,
+    todayComp: 0,
+    totalDeposit: 500000,
+    totalWithdraw: 0,
+    balance: 500000,
+  },
+  {
+    id: 'c215b427-d840-4537-aea1-a9bdfa49441b',
+    signinId: 'dsa01233',
+    nickname: '아메리카노',
+    highRank: 'xcxc2233',
+    rank: '회원',
+    level: 1,
+    accountHolder: '홍길동',
+    phoneNumber: '010-1234-1234',
+    ownCash: 0,
+    ownComp: 60020,
+    ownCoupon: 0,
+    gameMoney: 364750,
+    todayComp: 0,
+    totalDeposit: 500000,
+    totalWithdraw: 0,
+    balance: 500000,
+  },
+  {
+    id: '8b1d9366-891e-49cd-aafb-ac65ce2741e2',
+    signinId: 'dsa01233',
+    nickname: '아메리카노',
+    highRank: 'xcxc2233',
+    rank: '회원',
+    level: 1,
+    accountHolder: '홍길동',
+    phoneNumber: '010-1234-1234',
+    ownCash: 0,
+    ownComp: 60020,
+    ownCoupon: 0,
+    gameMoney: 364750,
+    todayComp: 0,
+    totalDeposit: 500000,
+    totalWithdraw: 0,
+    balance: 500000,
+  },
+  {
+    id: '54e29534-518b-4006-b72a-f21fac6c4d5e',
+    signinId: 'dsa01233',
+    nickname: '아메리카노',
+    highRank: 'xcxc2233',
+    rank: '회원',
+    level: 1,
+    accountHolder: '홍길동',
+    phoneNumber: '010-1234-1234',
+    ownCash: 0,
+    ownComp: 60020,
+    ownCoupon: 0,
+    gameMoney: 364750,
+    todayComp: 0,
+    totalDeposit: 500000,
+    totalWithdraw: 0,
+    balance: 500000,
+  },
+  {
+    id: '6a5726e8-c467-45ea-92ab-d83235a06405',
+    signinId: 'dsa01233',
+    nickname: '아메리카노',
+    highRank: 'xcxc2233',
+    rank: '회원',
+    level: 1,
+    accountHolder: '홍길동',
+    phoneNumber: '010-1234-1234',
+    ownCash: 0,
+    ownComp: 60020,
+    ownCoupon: 0,
+    gameMoney: 364750,
+    todayComp: 0,
+    totalDeposit: 500000,
+    totalWithdraw: 0,
+    balance: 500000,
+  },
+  {
+    id: 'd7d1d6df-e91f-4c53-982a-2720bc2b4cdd',
+    signinId: 'dsa01233',
+    nickname: '아메리카노',
+    highRank: 'xcxc2233',
+    rank: '회원',
+    level: 1,
+    accountHolder: '홍길동',
+    phoneNumber: '010-1234-1234',
+    ownCash: 0,
+    ownComp: 60020,
+    ownCoupon: 0,
+    gameMoney: 364750,
+    todayComp: 0,
+    totalDeposit: 500000,
+    totalWithdraw: 0,
+    balance: 500000,
   },
 ];
diff --git a/src/app/modules/admin/member/casino-money/components/list.component.html b/src/app/modules/admin/member/casino-money/components/list.component.html
index 3a4d5e3..4937ca9 100644
--- a/src/app/modules/admin/member/casino-money/components/list.component.html
+++ b/src/app/modules/admin/member/casino-money/components/list.component.html
@@ -10,16 +10,44 @@
       <mat-progress-bar [mode]="'indeterminate'"></mat-progress-bar>
     </div>
     <!-- Title -->
-    <div class="text-4xl font-extrabold tracking-tight">Casino 머니파악</div>
+    <div class="text-4xl font-extrabold tracking-tight">CASINO 머니파악</div>
     <!-- Actions -->
     <div class="flex shrink-0 items-center mt-6 sm:mt-0 sm:ml-4">
-      <!-- Memo -->
-      <!-- <mat-form-field>
-        <input matInput type="text" />
-      </mat-form-field>
-      <button mat-flat-button [color]="'primary'">메모저장</button> -->
+      <!-- Search -->
+      <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"
+  >
+    <mat-form-field
+      class="bet-mat-form-field-wrapper-mb-0 mr-2"
+      style="width: 100%"
+    >
+      <textarea matInput cdkTextareaAutosize cdkAutosizeMinRows="2"></textarea>
+    </mat-form-field>
+    <button mat-flat-button [color]="'primary'">메모저장</button>
+  </div> -->
+
+  <!-- Search -->
+  <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"
+  >
+    <!-- Actions -->
+    <div fxLayout="row wrap" class="items-center mt-6 sm:mt-0 sm:ml-0">
       <!-- SelectBox -->
-      <!-- <mat-form-field>
+      <mat-form-field fxFlex class="bet-mat-form-field-wrapper-mb-0 mr-2">
+        <mat-select placeholder="전체">
+          <mat-option value="">아이디</mat-option>
+          <mat-option value="">닉네임</mat-option>
+        </mat-select>
+      </mat-form-field>
+      <!-- <mat-form-field fxFlex class="bet-mat-form-field-wrapper-mb-0 mr-2">
         <mat-select placeholder="리스트수">
           <mat-option value="40">40</mat-option>
           <mat-option value="60">60</mat-option>
@@ -27,7 +55,7 @@
           <mat-option value="100">100</mat-option>
         </mat-select>
       </mat-form-field>
-      <mat-form-field>
+      <mat-form-field fxFlex class="bet-mat-form-field-wrapper-mb-0 mr-2">
         <mat-select placeholder="레벨">
           <mat-option value="level1">LV.1</mat-option>
           <mat-option value="level2">LV.2</mat-option>
@@ -35,7 +63,7 @@
           <mat-option value="level4">LV.4</mat-option>
         </mat-select>
       </mat-form-field>
-      <mat-form-field>
+      <mat-form-field fxFlex class="bet-mat-form-field-wrapper-mb-0 mr-2">
         <mat-select placeholder="상태">
           <mat-option value="">정상</mat-option>
           <mat-option value="">대기</mat-option>
@@ -44,19 +72,19 @@
           <mat-option value="">블랙</mat-option>
           <mat-option value="">정지</mat-option>
         </mat-select>
-      </mat-form-field> -->
-      <mat-form-field>
-        <mat-select placeholder="전체">
-          <mat-option value="">아이디</mat-option>
-          <mat-option value="">닉네임</mat-option>
+      </mat-form-field>
+      <mat-form-field fxFlex class="bet-mat-form-field-wrapper-mb-0 mr-2">
+        <mat-select placeholder="제한">
+          <mat-option value="">카지노제한</mat-option>
+          <mat-option value="">슬롯제한</mat-option>
         </mat-select>
       </mat-form-field>
-      <!-- <mat-form-field>
+      <mat-form-field fxFlex class="bet-mat-form-field-wrapper-mb-0 mr-2">
         <mat-select placeholder="입금">
           <mat-option value="">계좌입금</mat-option>
         </mat-select>
       </mat-form-field>
-      <mat-form-field>
+      <mat-form-field fxFlex class="bet-mat-form-field-wrapper-mb-0 mr-2">
         <mat-select placeholder="아이디">
           <mat-option value="">아이디</mat-option>
           <mat-option value="">닉네임</mat-option>
@@ -65,7 +93,7 @@
           <mat-option value="">파트너수동지급</mat-option>
         </mat-select>
       </mat-form-field>
-      <mat-form-field>
+      <mat-form-field fxFlex class="bet-mat-form-field-wrapper-mb-0 mr-2">
         <mat-select placeholder="가입일 정렬">
           <mat-option value="">가입일 정렬</mat-option>
           <mat-option value="">아이디 정렬</mat-option>
@@ -78,7 +106,7 @@
           <mat-option value="">차익 정렬</mat-option>
         </mat-select>
       </mat-form-field>
-      <mat-form-field>
+      <mat-form-field fxFlex class="bet-mat-form-field-wrapper-mb-0 mr-2">
         <mat-select placeholder="내림차순">
           <mat-option value="">내림차순</mat-option>
           <mat-option value="">오름차순</mat-option>
@@ -86,7 +114,8 @@
       </mat-form-field> -->
       <!-- Search -->
       <mat-form-field
-        class="fuse-mat-dense fuse-mat-no-subscript fuse-mat-rounded min-w-64"
+        fxFlex
+        class="fuse-mat-rounded min-w-64 bet-mat-form-field-wrapper-mb-0 mr-2"
       >
         <mat-icon
           class="icon-size-5"
@@ -102,13 +131,13 @@
       </mat-form-field>
       <!-- Add user button -->
       <button
-        class="ml-4"
         mat-flat-button
         [color]="'primary'"
+        fxFlex
         (click)="__createProduct()"
       >
-        <mat-icon [svgIcon]="'heroicons_outline:plus'"></mat-icon>
-        <span class="ml-2 mr-1">Add</span>
+        <mat-icon [svgIcon]="'heroicons_outline:search'"></mat-icon>
+        <span class="ml-2 mr-1">Search</span>
       </button>
     </div>
   </div>
@@ -125,23 +154,35 @@
             <!-- Header -->
             <div
               class="inventory-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"
-              matSort
-              matSortDisableClear
             >
-              <div class="hidden sm:block">요율</div>
-              <div class="hidden sm:block">관리</div>
-              <div class="hidden sm:block">아이디</div>
-              <div class="hidden sm:block">닉네임</div>
-              <div class="hidden sm:block">예금주</div>
-              <div class="hidden sm:block">연락처</div>
-              <div class="hidden sm:block">보유금</div>
-              <div class="hidden sm:block">게임중머니</div>
-              <div class="hidden sm:block">카지노->캐쉬</div>
-              <div class="hidden sm:block">금일콤프</div>
-              <div class="hidden sm:block">총입출</div>
-              <div class="hidden sm:block">로그</div>
-              <div class="hidden sm:block">상태</div>
-              <div class="hidden sm:block">상부</div>
+              <div>요율</div>
+              <div>
+                아이디
+                <hr style="margin: 7px 0px" />
+                닉네임
+                <!-- <hr style="margin: 7px 0px" />
+                상태 -->
+              </div>
+              <div>
+                상위
+                <hr style="margin: 7px 0px" />
+                등급
+                <hr style="margin: 7px 0px" />
+                레벨
+              </div>
+              <div class="hidden sm:block">
+                예금주
+                <hr style="margin: 7px 0px" />
+                연락처
+              </div>
+              <div class="hidden md:block">보유금</div>
+              <div class="hidden md:block">
+                게임중머니
+                <hr style="margin: 7px 0px" />
+                금일콤프
+              </div>
+              <div class="hidden md:block">총입출</div>
+              <div class="hidden lg:block">카지노->캐쉬</div>
             </div>
             <!-- Rows -->
             <ng-container *ngIf="casinoMoneys$ | async as casinoMoneys">
@@ -151,141 +192,63 @@
                 <div
                   class="inventory-grid grid items-center gap-4 py-3 px-6 md:px-8 border-b"
                 >
-                  <!-- management -->
-                  <!-- rate -->
-                  <div class="hidden sm:block truncate">
-                    <button
-                      mat-button
-                      color="primary"
-                      matTooltip="요율확인
-                                카지노-바카라: 0%
-                                카지노-룰렛: 0%
-                                카지노-드레곤타이거: 0%
-                                카지노-그외: 0%
-                                슬롯: 0%
-                                카지노루징: 0%
-                                슬롯루징: 0%"
-                    >
-                      요율
-                    </button>
-                    <button mat-flat-button [color]="'primary'">
-                      <mat-form-field>
-                        <mat-select placeholder="관리">
-                          <mat-option value="">보유금지급/회수</mat-option>
-                          <mat-option value="">수수료설정</mat-option>
-                          <mat-option value="">콤프지급/회수</mat-option>
-                          <mat-option value="">쿠폰머니지급/회수</mat-option>
-                          <mat-option value="">쪽지보내기</mat-option>
-                          <mat-option value="">베팅리스트</mat-option>
-                          <mat-option value="">강제로그아웃</mat-option>
-                        </mat-select>
-                      </mat-form-field>
-                    </button>
-                  </div>
-                  <!-- highRank -->
-                  <div class="hidden sm:block truncate">
-                    <button
-                      mat-button
-                      color="primary"
-                      matTooltip="상부트리
-                                  [본사]
-                                  [대본]
-                                  [부본]
-                                  [총판]
-                                  [매장]"
-                    >
-                      {{ casinoMoney.highRank }}
-                    </button>
-                  </div>
-                  <!-- rank -->
-                  <div class="hidden sm:block truncate">
-                    {{ casinoMoney.rank }}
-                  </div>
-                  <!-- level -->
-                  <div class="hidden sm:block truncate">
-                    LV.{{ casinoMoney.level }}
-                  </div>
-
-                  <!-- id -->
-                  <ng-container *ngIf="users$ | async as users">
-                    <ng-container
-                      *ngFor="let user of users; trackBy: __trackByFn"
-                    >
-                      <div
-                        class="hidden sm:block truncate"
-                        (click)="viewUserDetail(user.id!)"
-                      >
-                        {{ casinoMoney.id }}
-                      </div>
-                    </ng-container>
-                  </ng-container>
-                  <!-- nickname -->
-                  <div class="hidden sm:block truncate">
+                  <div>요율</div>
+                  <div>
+                    {{ casinoMoney.signinId }}
+                    <hr style="margin: 7px 0px" />
                     {{ casinoMoney.nickname }}
+                    <!-- <hr style="margin: 7px 0px" />
+                    {{ casinoMoney.state }} -->
                   </div>
-
-                  <!-- accountHolder -->
-                  <div class="hidden sm:block truncate">
+                  <div>
+                    {{ casinoMoney.highRank }}
+                    <hr style="margin: 7px 0px" />
+                    {{ casinoMoney.rank }}
+                    <hr style="margin: 7px 0px" />
+                    LV{{ casinoMoney.level }}
+                  </div>
+                  <div class="hidden sm:block">
                     {{ casinoMoney.accountHolder }}
+                    <hr style="margin: 7px 0px" />
+                    {{ casinoMoney.phoneNumber }}
                   </div>
-
-                  <!-- contact -->
-                  <div class="hidden sm:block truncate">
-                    {{ casinoMoney.contact }}
+                  <div class="hidden md:block">
+                    캐쉬{{ casinoMoney.ownCash }}
+                    <hr style="margin: 7px 0px" />
+                    콤프{{ casinoMoney.ownComp }}
+                    <hr style="margin: 7px 0px" />
+                    쿠폰{{ casinoMoney.ownCoupon }}
                   </div>
-
-                  <!-- reserve -->
-                  <div class="hidden sm:block truncate">
-                    캐쉬{{ casinoMoney.cash }} 콤프{{ casinoMoney.comp }} 쿠폰{{
-                      casinoMoney.coupon
-                    }}
-                  </div>
-
-                  <!-- gameMoney -->
-                  <div class="hidden sm:block truncate">
+                  <div class="hidden md:block">
                     {{ casinoMoney.gameMoney }}
+                    <hr style="margin: 7px 0px" />
+                    {{ casinoMoney.todayComp }}P
                   </div>
-
-                  <!-- casinoCash -->
-                  <div class="hidden sm:block truncate">
-                    <button mat-flat-button [color]="'primary'">
+                  <div class="hidden md:block">
+                    입금{{ casinoMoney.totalDeposit }}
+                    <hr style="margin: 7px 0px" />
+                    출금{{ casinoMoney.totalWithdraw }}
+                    <hr style="margin: 7px 0px" />
+                    차익{{ casinoMoney.balance }}
+                  </div>
+                  <div class="hidden lg:block">
+                    <button
+                      mat-flat-button
+                      class="bet-mat-small-8"
+                      [color]="'primary'"
+                    >
                       게임머니확인
                     </button>
-                    <button mat-flat-button [color]="'primary'">
+                    <hr style="margin: 7px 0px" />
+                    <button
+                      mat-flat-button
+                      class="bet-mat-small-8"
+                      [color]="'primary'"
+                    >
                       게임머니회수
                     </button>
                   </div>
-
-                  <!-- todayComp -->
-                  <div class="hidden sm:block truncate">
-                    {{ casinoMoney.todayComp }}P
-                  </div>
-
-                  <!-- total -->
-                  <div class="hidden sm:block truncate">
-                    입금{{ casinoMoney.deposit }} 출금{{
-                      casinoMoney.withdraw
-                    }}
-                    차익{{ casinoMoney.margin }}
-                  </div>
-
-                  <!-- log -->
-                  <div class="hidden sm:block truncate">
-                    가입{{ casinoMoney.accession }} 최종{{
-                      casinoMoney.final
-                    }}
-                    IP{{ casinoMoney.ip }}
-                  </div>
-
-                  <!-- state -->
-                  <div class="hidden sm:block truncate">
-                    {{ casinoMoney.state }}
-                  </div>
-
-                  <!-- top -->
-                  <div class="hidden sm:block truncate">
-                    <button mat-flat-button [color]="'primary'">상부</button>
-                  </div>
+                  <!-- management -->
                 </div>
               </ng-container>
             </ng-container>
@@ -307,7 +270,7 @@
         <div
           class="p-8 sm:p-16 border-t text-4xl font-semibold tracking-tight text-center"
         >
-          There are no casino moneys!
+          There are no casino money data!
         </div>
       </ng-template>
     </div>
diff --git a/src/app/modules/admin/member/casino-money/components/list.component.ts b/src/app/modules/admin/member/casino-money/components/list.component.ts
index 093d991..030a69e 100644
--- a/src/app/modules/admin/member/casino-money/components/list.component.ts
+++ b/src/app/modules/admin/member/casino-money/components/list.component.ts
@@ -42,18 +42,22 @@ import { Router } from '@angular/router';
     /* language=SCSS */
     `
       .inventory-grid {
-        grid-template-columns: 60px auto 40px;
+        /*                     요율  아이디 상위  예금주 보유금 */
+        grid-template-columns: 40px 140px 100px auto 140px;
 
         @screen sm {
-          grid-template-columns: 60px 60px 60px 60px 60px 60px auto 60px;
+          /*                     요율  아이디 상위  예금주 보유금 게임중머니 */
+          grid-template-columns: 40px 140px 100px auto 140px 140px;
         }
 
         @screen md {
-          grid-template-columns: 60px 60px 60px 60px 60px 60px auto 60px 60px;
+          /*                     요율  아이디 상위  예금주 보유금 게임중머니 총입출 카지노 */
+          grid-template-columns: 40px 140px 100px auto 140px 140px 140px 140px;
         }
 
         @screen lg {
-          grid-template-columns: 60px 70px 70px 70px 70px 100px 60px 60px auto 60px 60px 60px 60px;
+          /*                     요율  아이디 상위  예금주 보유금 게임중머니 총입출 카지노 */
+          grid-template-columns: 40px 140px 100px auto 140px 140px 140px 140px;
         }
       }
     `,
@@ -69,6 +73,7 @@ export class ListComponent implements OnInit, AfterViewInit, OnDestroy {
   casinoMoneys$!: Observable<CasinoMoney[] | undefined>;
   users$!: Observable<User[] | undefined>;
 
+  __isSearchOpened = false;
   isLoading = false;
   searchInputControl = new FormControl();
   selectedCasinoMoney?: CasinoMoney;
@@ -186,6 +191,14 @@ export class ListComponent implements OnInit, AfterViewInit, OnDestroy {
    */
   __toggleDetails(productId: string): void {}
 
+  /**
+   * toggle the search
+   * Used in 'bar'
+   */
+  __onClickSearch(): void {
+    this.__isSearchOpened = !this.__isSearchOpened;
+  }
+
   /**
    * Track by function for ngFor loops
    *
diff --git a/src/app/modules/admin/member/casino-money/models/casino-money.ts b/src/app/modules/admin/member/casino-money/models/casino-money.ts
index 1c4313e..e365198 100644
--- a/src/app/modules/admin/member/casino-money/models/casino-money.ts
+++ b/src/app/modules/admin/member/casino-money/models/casino-money.ts
@@ -1,21 +1,18 @@
 export interface CasinoMoney {
-  id?: string;
+  id: string;
+  signinId?: string;
   nickname?: string;
   highRank?: string;
   rank?: string;
   level?: string;
   accountHolder?: string;
-  contact?: string;
-  cash?: number;
-  comp?: number;
-  coupon?: number;
+  phoneNumber?: string;
+  ownCash?: number;
+  ownComp?: number;
+  ownCoupon?: number;
   gameMoney?: number;
   todayComp?: number;
-  deposit?: number;
-  withdraw?: number;
-  margin?: number;
-  accession?: string;
-  final?: string;
-  ip?: string;
-  state?: string;
+  totalDeposit?: number;
+  totalWithdraw?: number;
+  balance?: number;
 }