팝업 리스트 page 수정

src/app/mock-api/apps/board/popup/data.ts

@@ -3,31 +3,13 @@
 export const popups = [
   {
     id: 'on00',
-    totalPartnerCount: '5',
+    index: 10,
-    totalHoldingMoney: 303675,
+    title: '악성배팅 제제 안내',
-    totalComp: 108933,
+    widthSize: 500,
-    total: 412608,
+    verticalSize: 830,
-    branchCount: 1,
+    topMargin: 100,
-    divisionCount: 1,
+    leftMargin: 100,
-    officeCount: 1,
+    site: 'all',
-    storeCount: 1,
+    useOrNot: 'N',
-    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: '',
   },
 ];

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,21 +129,21 @@
           [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>
+      <!-- <span class="ml-2 mr-1">검색하기</span>
       </button>
       <button>엑셀저장</button>
       <button>카지노머니확인</button>
     </div>
-  </div>
+  </div> -->
 
       <!-- Main -->
       <div class="flex flex-auto overflow-hidden">
@@ -160,173 +160,69 @@
                   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 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">
+                  <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>
+                        {{ popup.index }}
                       </div>
-                  <!-- rate -->
+                      <!-- 제목 -->
                       <div class="hidden sm:block truncate">
-                    <button
+                        {{ popup.title }}
-                      mat-button
+                      </div>
-                      color="primary"
+                      <!-- 가로 -->
-                      matTooltip="요율확인
-                                카지노-바카라: 0%
-                                카지노-룰렛: 0%
-                                카지노-드레곤타이거: 0%
-                                카지노-그외: 0%
-                                슬롯: 0%
-                                카지노루징: 0%
-                                슬롯루징: 0%"
-                    >
-                      요율
-                    </button>
                       <div class="hidden sm:block truncate">
-                      <!-- 관리 -->
+                        {{ popup.widthSize }}
-                      <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.verticalSize }}
-                      {{ 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.topMargin }}
-                      {{ 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 }}
+                        {{ popup.leftMargin }}
                       </div>
-                  <!-- accountHolder -->
+                      <!-- 사이트 -->
                       <div class="hidden sm:block truncate">
-                    {{ popup.accountHolder }}
+                        {{ popup.Site }}
                       </div>
-                  <!-- 연락처 -->
+                      <!-- 사용여부 -->
                       <div class="hidden sm:block truncate">
-                    {{ popup.phoneNumber }}
+                        {{ popup.useOrNot }}
-                  </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>
+                        <button mat-flat-button [color]="'warn'">삭제</button>
                       </div>
                     </div>
                   </ng-container>
                 </ng-container>
+                <button mat-flat-button [color]="'primary'">
+                  팝업창만들기
+                </button>
               </div>
 
               <mat-paginator
@@ -351,3 +247,5 @@
         </div>
       </div>
     </div>
+  </div>
+</div>

src/app/modules/admin/board/popup/models/popup.ts

@@ -1,29 +1,11 @@
 export interface Popup {
   id?: string;
-  totalPartnerCount?: number;
+  index?: number;
-  totalHoldingMoney?: number;
+  title?: string;
-  totalComp?: number;
+  widthSize?: number;
-  total?: number;
+  verticalSize?: number;
-  branchCount?: number;
+  topMargin?: number;
-  divisionCount?: number;
+  leftMargin?: number;
-  officeCount?: number;
+  Site?: string;
-  storeCount?: number;
+  useOrNot?: string;
-  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;
 }