From d937a674534cce92137168dfce08dacd2eecc963 Mon Sep 17 00:00:00 2001
From: JUNG YI DAM <breeze@loafle.com>
Date: Sun, 17 Jul 2022 05:45:46 +0000
Subject: [PATCH] =?UTF-8?q?=ED=8C=9D=EC=97=85=20=EB=A6=AC=EC=8A=A4?=
 =?UTF-8?q?=ED=8A=B8=20page=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/mock-api/apps/board/popup/data.ts     |  34 +-
 .../popup/components/list.component.html      | 316 ++++++------------
 .../modules/admin/board/popup/models/popup.ts |  34 +-
 3 files changed, 123 insertions(+), 261 deletions(-)

diff --git a/src/app/mock-api/apps/board/popup/data.ts b/src/app/mock-api/apps/board/popup/data.ts
index 2945bfb..0151900 100644
--- a/src/app/mock-api/apps/board/popup/data.ts
+++ b/src/app/mock-api/apps/board/popup/data.ts
@@ -3,31 +3,13 @@
 export const popups = [
   {
     id: 'on00',
-    totalPartnerCount: '5',
-    totalHoldingMoney: 303675,
-    totalComp: 108933,
-    total: 412608,
-    branchCount: 1,
-    divisionCount: 1,
-    officeCount: 1,
-    storeCount: 1,
-    memberCount: 1,
-    nickname: 'on00',
-    accountHolder: '11',
-    phoneNumber: '010-1111-1111',
-    calculateType: '롤링',
-    ownCash: 50000,
-    ownComp: 1711,
-    ownCoupon: 50000,
-    gameMoney: 0,
-    todayComp: 0,
-    totalDeposit: 0,
-    totalWithdraw: 0,
-    balance: 0,
-    registDate: '2022-06-12 15:38',
-    finalSigninDate: '',
-    ip: '',
-    state: '정상',
-    note: '',
+    index: 10,
+    title: '악성배팅 제제 안내',
+    widthSize: 500,
+    verticalSize: 830,
+    topMargin: 100,
+    leftMargin: 100,
+    site: 'all',
+    useOrNot: 'N',
   },
 ];
diff --git a/src/app/modules/admin/board/popup/components/list.component.html b/src/app/modules/admin/board/popup/components/list.component.html
index af2d2b2..8787ded 100644
--- a/src/app/modules/admin/board/popup/components/list.component.html
+++ b/src/app/modules/admin/board/popup/components/list.component.html
@@ -36,7 +36,7 @@
       </mat-form-field> -->
 
       <!-- SelectBox -->
-      <mat-form-field>
+      <!-- <mat-form-field>
         <mat-select placeholder="리스트수">
           <mat-option value="40">40</mat-option>
           <mat-option value="60">60</mat-option>
@@ -80,7 +80,7 @@
           <mat-option value="">배팅콤프</mat-option>
           <mat-option value="">첫충콤프</mat-option>
         </mat-select>
-      </mat-form-field>
+      </mat-form-field> -->
       <!-- <mat-form-field>
         <mat-select placeholder="입금">
           <mat-option value="">계좌입금</mat-option>
@@ -115,7 +115,7 @@
         </mat-select>
       </mat-form-field> -->
       <!-- Search -->
-      <mat-form-field
+      <!-- <mat-form-field
         class="fuse-mat-dense fuse-mat-no-subscript fuse-mat-rounded min-w-64"
       >
         <mat-icon
@@ -129,225 +129,123 @@
           [autocomplete]="'off'"
           [placeholder]="'Search'"
         />
-      </mat-form-field>
+      </mat-form-field> -->
       <!-- Add user button -->
-      <button
+      <!-- <button
         class="ml-4"
         mat-flat-button
         [color]="'primary'"
         (click)="__createProduct()"
-      >
-        <!-- <mat-icon [svgIcon]="'heroicons_outline:plus'"></mat-icon> -->
-        <span class="ml-2 mr-1">검색하기</span>
+      > -->
+      <!-- <mat-icon [svgIcon]="'heroicons_outline:plus'"></mat-icon> -->
+      <!-- <span class="ml-2 mr-1">검색하기</span>
       </button>
       <button>엑셀저장</button>
       <button>카지노머니확인</button>
     </div>
-  </div>
+  </div> -->
 
-  <!-- Main -->
-  <div class="flex flex-auto overflow-hidden">
-    <!-- Products list -->
-    <div
-      class="flex flex-col flex-auto sm:mb-18 overflow-hidden sm:overflow-y-auto"
-    >
-      <ng-container *ngIf="popups$ | async as popups">
-        <ng-container *ngIf="popups.length > 0; else noPopup">
-          <div class="grid">
-            <!-- 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"><mat-checkbox></mat-checkbox></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 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>
-            <!-- Rows -->
-            <ng-container *ngIf="popups$ | async as popups">
-              <ng-container *ngFor="let popup of popups; trackBy: __trackByFn">
-                <div
-                  class="inventory-grid grid items-center gap-4 py-3 px-6 md:px-8 border-b"
-                >
-                  <div class="hidden sm:block truncate">
-                    <mat-checkbox></mat-checkbox>
-                  </div>
-                  <!-- rate -->
-                  <div class="hidden sm:block truncate">
-                    <button
-                      mat-button
-                      color="primary"
-                      matTooltip="요율확인
-                                카지노-바카라: 0%
-                                카지노-룰렛: 0%
-                                카지노-드레곤타이거: 0%
-                                카지노-그외: 0%
-                                슬롯: 0%
-                                카지노루징: 0%
-                                슬롯루징: 0%"
-                    >
-                      요율
-                    </button>
-                    <div class="hidden sm:block truncate">
-                      <!-- 관리 -->
-                      <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>
-                  </div>
-                  <!-- 매장수 -->
-                  <div class="hidden sm:block truncate">
-                    <button mat-flat-button [color]="'primary'">
-                      {{ popup.branchCount }}
-                    </button>
-                    <button mat-flat-button [color]="'primary'">
-                      {{ popup.divisionCount }}
-                    </button>
-                    <button mat-flat-button [color]="'primary'">
-                      {{ popup.officeCount }}
-                    </button>
-                    <button mat-flat-button [color]="'primary'">
-                      {{ popup.storeCount }}
-                    </button>
-                  </div>
-                  <!-- 회원수 -->
-                  <div class="hidden sm:block truncate">
-                    <button mat-flat-button [color]="'primary'">
-                      {{ popup.memberCount }}
-                    </button>
-                  </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!)"
-                      >
-                        {{ popup.id }}
-                      </div>
-                    </ng-container>
-                  </ng-container>
-                  <!-- nickname -->
-                  <div class="hidden sm:block truncate">
-                    {{ popup.nickname }}
-                  </div>
-                  <!-- accountHolder -->
-                  <div class="hidden sm:block truncate">
-                    {{ popup.accountHolder }}
-                  </div>
-                  <!-- 연락처 -->
-                  <div class="hidden sm:block truncate">
-                    {{ popup.phoneNumber }}
-                  </div>
-                  <!-- 정산 -->
-                  <div class="hidden sm:block truncate">
-                    {{ popup.calculateType }}
-                  </div>
-                  <!-- 보유금 -->
-                  <div class="hidden sm:block truncate">
-                    캐쉬{{ popup.ownCash }} 콤프{{ popup.ownComp }} 쿠폰{{
-                      popup.ownCoupon
-                    }}
-                  </div>
-                  <!-- gameMoney -->
-                  <div class="hidden sm:block truncate">
-                    {{ popup.gameMoney }}
-                  </div>
-                  <!-- casinoCash -->
-                  <div class="hidden sm:block truncate">
-                    <button mat-flat-button [color]="'primary'">
-                      게임머니확인
-                    </button>
-                    <button mat-flat-button [color]="'primary'">
-                      게임머니회수
-                    </button>
-                  </div>
-                  <!-- todayComp -->
-                  <div class="hidden sm:block truncate">
-                    {{ popup.todayComp }}P
-                  </div>
-                  <!-- 총입출 -->
-                  <div class="hidden sm:block truncate">
-                    입금{{ popup.totalDeposit }} 출금{{
-                      popup.totalWithdraw
-                    }}
-                    차익{{ popup.balance }}
-                  </div>
-                  <!-- log -->
-                  <div class="hidden sm:block truncate">
-                    가입{{ popup.registDate }} 최종{{
-                      popup.finalSigninDate
-                    }}
-                    IP{{ popup.ip }}
-                  </div>
-                  <!-- state -->
-                  <div class="hidden sm:block truncate">
-                    {{ popup.state }}
-                  </div>
-                  <!-- 회원수 -->
-                  <div class="hidden sm:block truncate">
-                    {{ popup.memberCount }}
-                  </div>
-                  <!-- 비고 -->
-                  <div class="hidden sm:block truncate">
-                    <button mat-flat-button [color]="'primary'">
-                      {{ popup.note }}
-                    </button>
-                  </div>
-                </div>
-              </ng-container>
-            </ng-container>
-          </div>
-
-          <mat-paginator
-            class="sm:absolute sm:inset-x-0 sm:bottom-0 border-b sm:border-t sm:border-b-0 z-10 bg-gray-50 dark:bg-transparent"
-            [ngClass]="{ 'pointer-events-none': isLoading }"
-            [length]="pagination?.length"
-            [pageIndex]="pagination?.page"
-            [pageSize]="pagination?.size"
-            [pageSizeOptions]="[5, 10, 25, 100]"
-            [showFirstLastButtons]="true"
-          ></mat-paginator>
-        </ng-container>
-      </ng-container>
-
-      <ng-template #noPopup>
+      <!-- Main -->
+      <div class="flex flex-auto overflow-hidden">
+        <!-- Products list -->
         <div
-          class="p-8 sm:p-16 border-t text-4xl font-semibold tracking-tight text-center"
+          class="flex flex-col flex-auto sm:mb-18 overflow-hidden sm:overflow-y-auto"
         >
-          There are no popups!
+          <ng-container *ngIf="popups$ | async as popups">
+            <ng-container *ngIf="popups.length > 0; else noPopup">
+              <div class="grid">
+                <!-- 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>
+                <!-- Rows -->
+                <ng-container *ngIf="popups$ | async as popups">
+                  <ng-container
+                    *ngFor="let popup of popups; trackBy: __trackByFn"
+                  >
+                    <div
+                      class="inventory-grid grid items-center gap-4 py-3 px-6 md:px-8 border-b"
+                    >
+                      <!-- 번호 -->
+                      <div class="hidden sm:block truncate">
+                        {{ popup.index }}
+                      </div>
+                      <!-- 제목 -->
+                      <div class="hidden sm:block truncate">
+                        {{ popup.title }}
+                      </div>
+                      <!-- 가로 -->
+                      <div class="hidden sm:block truncate">
+                        {{ popup.widthSize }}
+                      </div>
+                      <!-- 세로 -->
+                      <div class="hidden sm:block truncate">
+                        {{ popup.verticalSize }}
+                      </div>
+                      <!-- 위에서부터 -->
+                      <div class="hidden sm:block truncate">
+                        {{ popup.topMargin }}
+                      </div>
+                      <!-- 왼쪽에서부터 -->
+                      <div class="hidden sm:block truncate">
+                        {{ popup.leftMargin }}
+                      </div>
+                      <!-- 사이트 -->
+                      <div class="hidden sm:block truncate">
+                        {{ popup.Site }}
+                      </div>
+                      <!-- 사용여부 -->
+                      <div class="hidden sm:block truncate">
+                        {{ popup.useOrNot }}
+                      </div>
+                      <!-- 비고 -->
+                      <div class="hidden sm:block truncate">
+                        <button mat-flat-button [color]="'primary'">
+                          수정
+                        </button>
+                        <button mat-flat-button [color]="'warn'">삭제</button>
+                      </div>
+                    </div>
+                  </ng-container>
+                </ng-container>
+                <button mat-flat-button [color]="'primary'">
+                  팝업창만들기
+                </button>
+              </div>
+
+              <mat-paginator
+                class="sm:absolute sm:inset-x-0 sm:bottom-0 border-b sm:border-t sm:border-b-0 z-10 bg-gray-50 dark:bg-transparent"
+                [ngClass]="{ 'pointer-events-none': isLoading }"
+                [length]="pagination?.length"
+                [pageIndex]="pagination?.page"
+                [pageSize]="pagination?.size"
+                [pageSizeOptions]="[5, 10, 25, 100]"
+                [showFirstLastButtons]="true"
+              ></mat-paginator>
+            </ng-container>
+          </ng-container>
+
+          <ng-template #noPopup>
+            <div
+              class="p-8 sm:p-16 border-t text-4xl font-semibold tracking-tight text-center"
+            >
+              There are no popups!
+            </div>
+          </ng-template>
         </div>
-      </ng-template>
+      </div>
     </div>
   </div>
 </div>
diff --git a/src/app/modules/admin/board/popup/models/popup.ts b/src/app/modules/admin/board/popup/models/popup.ts
index 533f1bf..d49a9b3 100644
--- a/src/app/modules/admin/board/popup/models/popup.ts
+++ b/src/app/modules/admin/board/popup/models/popup.ts
@@ -1,29 +1,11 @@
 export interface Popup {
   id?: string;
-  totalPartnerCount?: number;
-  totalHoldingMoney?: number;
-  totalComp?: number;
-  total?: number;
-  branchCount?: number;
-  divisionCount?: number;
-  officeCount?: number;
-  storeCount?: number;
-  memberCount?: number;
-  nickname?: string;
-  accountHolder?: string;
-  phoneNumber?: string;
-  calculateType?: string;
-  ownCash?: number;
-  ownComp?: number;
-  ownCoupon?: number;
-  gameMoney?: number;
-  todayComp?: number;
-  totalDeposit?: number;
-  totalWithdraw?: number;
-  balance?: number;
-  registDate?: string;
-  finalSigninDate?: string;
-  ip?: string;
-  state?: string;
-  note?: string;
+  index?: number;
+  title?: string;
+  widthSize?: number;
+  verticalSize?: number;
+  topMargin?: number;
+  leftMargin?: number;
+  Site?: string;
+  useOrNot?: string;
 }