From af60a4a1fdfa718f5511d0cda87bc8a8652832f3 Mon Sep 17 00:00:00 2001
From: Park Byung Eun <geekdev@naver.com>
Date: Wed, 6 Jul 2022 10:02:34 +0000
Subject: [PATCH] grid added

---
 .../user/components/view.component.html       | 316 +++++++++++++++++-
 .../member/user/components/view.component.ts  |  18 +
 .../modules/admin/member/user/user.module.ts  |   8 +-
 3 files changed, 334 insertions(+), 8 deletions(-)

diff --git a/src/app/modules/admin/member/user/components/view.component.html b/src/app/modules/admin/member/user/components/view.component.html
index 43b16c7..3fa132d 100644
--- a/src/app/modules/admin/member/user/components/view.component.html
+++ b/src/app/modules/admin/member/user/components/view.component.html
@@ -22,15 +22,317 @@
     <div
       class="flex flex-col flex-auto sm:mb-18 overflow-hidden sm:overflow-y-auto"
     >
-      <ng-container *ngIf="true"> ddddd</ng-container>
-
-      <ng-template #noUser>
-        <div
-          class="p-8 sm:p-16 border-t text-4xl font-semibold tracking-tight text-center"
+      <div>
+        <span
+          >카테고리:
+          <p>on00</p>
+          <p>on01</p>
+          <p>on02</p>
+          <p>on03</p></span
         >
-          There are no user!
+        <span
+          >사이트명:
+          <p>test.com</p></span
+        >
+        <span>총입금: </span>
+        <span>최근30일 배팅금액: </span>
+      </div>
+      <div>
+        <div class="hidden sm:block truncate">
+          <button mat-flat-button [color]="'primary'">콤프사용로그</button>
+          <button mat-flat-button [color]="'primary'">머니활동로그</button>
+          <button mat-flat-button [color]="'primary'">수정하기</button>
+          <button mat-flat-button [color]="'primary'">목록으로</button>
+          <button mat-flat-button [color]="'primary'">배팅리스트</button>
+          <mat-form-field>
+            <mat-select placeholder="관리">
+              <mat-option value="40">40</mat-option>
+              <mat-option value="60">60</mat-option>
+              <mat-option value="80">80</mat-option>
+              <mat-option value="100">100</mat-option>
+            </mat-select>
+          </mat-form-field>
         </div>
-      </ng-template>
+        <div>
+          <mat-grid-list cols="4" rowHeight="100px">
+            <mat-grid-tile>
+              <mat-form-field appearance="outline">
+                <mat-label>아이디</mat-label>
+                <input matInput type="text" />
+              </mat-form-field>
+            </mat-grid-tile>
+            <mat-grid-tile>
+              <mat-form-field appearance="outline">
+                <mat-label>비밀번호</mat-label>
+                <input matInput type="text" />
+              </mat-form-field> </mat-grid-tile
+            ><mat-grid-tile>
+              <mat-form-field appearance="outline">
+                <mat-label>환전비밀번호</mat-label>
+                <input matInput type="text" />
+              </mat-form-field>
+            </mat-grid-tile>
+            <mat-grid-tile>
+              <mat-form-field appearance="outline">
+                <mat-label>닉네임</mat-label>
+                <input matInput type="text" />
+              </mat-form-field>
+            </mat-grid-tile>
+            <mat-grid-tile>
+              <mat-form-field appearance="outline">
+                <mat-label>레벨</mat-label>
+
+                <mat-select placeholder="LV1">
+                  <mat-option value="LV1">LV1</mat-option>
+                  <mat-option value="LV2">LV2</mat-option>
+                  <mat-option value="LV3">LV3</mat-option>
+                </mat-select>
+              </mat-form-field>
+            </mat-grid-tile>
+            <mat-grid-tile>
+              <mat-form-field appearance="outline">
+                <mat-label>상태</mat-label>
+
+                <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-select>
+              </mat-form-field>
+            </mat-grid-tile>
+            <mat-grid-tile>
+              <mat-form-field appearance="outline">
+                <mat-label>은행명</mat-label>
+                <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-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-option value="탈퇴">전북은행</mat-option>
+                  <mat-option value="삭제">제주은행</mat-option>
+                  <mat-option value="휴면">하나은행</mat-option>
+                  <mat-option value="블랙">한국씨티은행</mat-option>
+                  <mat-option value="대기">HSBC은행</mat-option>
+                  <mat-option value="탈퇴">SC제일은행</mat-option>
+                  <mat-option value="삭제">신협</mat-option>
+                  <mat-option value="휴면">카카오뱅크</mat-option>
+                  <mat-option value="블랙">K뱅크</mat-option>
+                  <mat-option value="휴면">산림조합</mat-option>
+                  <mat-option value="블랙">산업은행</mat-option>
+                </mat-select>
+              </mat-form-field> </mat-grid-tile
+            ><mat-grid-tile>
+              <mat-form-field appearance="outline">
+                <mat-label>사이트 변경</mat-label>
+                <mat-select>
+                  <mat-option value="40">test.com</mat-option>
+                  <mat-option value="60">kgon.com</mat-option>
+                  <mat-option value="80">nava.com</mat-option>
+                </mat-select>
+              </mat-form-field>
+            </mat-grid-tile>
+            <mat-grid-tile>
+              <span>
+                <mat-slide-toggle [color]="'primary'">
+                  카지노 배팅
+                </mat-slide-toggle>
+              </span>
+              <span
+                ><mat-slide-toggle [color]="'primary'">
+                  첫충콤프
+                </mat-slide-toggle></span
+              > </mat-grid-tile
+            ><mat-grid-tile>
+              <span>
+                <mat-slide-toggle [color]="'primary'">
+                  슬롯배팅
+                </mat-slide-toggle>
+              </span>
+              <span
+                ><mat-slide-toggle [color]="'primary'">
+                  매충콤프
+                </mat-slide-toggle></span
+              >
+            </mat-grid-tile>
+            <mat-grid-tile>
+              <span
+                ><mat-slide-toggle [color]="'primary'">
+                  파워볼배팅
+                </mat-slide-toggle></span
+              >
+            </mat-grid-tile>
+            <mat-grid-tile>
+              <mat-form-field appearance="outline">
+                <mat-label>등급</mat-label>
+                <input matInput type="text" />
+              </mat-form-field> </mat-grid-tile
+            ><mat-grid-tile>
+              <mat-form-field appearance="outline">
+                <mat-label>오늘콤프</mat-label>
+                <input matInput type="text" />
+              </mat-form-field> </mat-grid-tile
+            ><mat-grid-tile>
+              <mat-form-field appearance="outline">
+                <mat-label>핸드폰</mat-label>
+                <input matInput type="text" />
+              </mat-form-field> </mat-grid-tile
+            ><mat-grid-tile>
+              <mat-form-field appearance="outline">
+                <mat-label>계좌번호</mat-label>
+                <input matInput type="text" />
+              </mat-form-field> </mat-grid-tile
+            ><mat-grid-tile>
+              <mat-form-field appearance="outline">
+                <mat-label>추천횟수</mat-label>
+                <input matInput type="text" />
+              </mat-form-field> </mat-grid-tile
+            ><mat-grid-tile>
+              <mat-form-field appearance="outline">
+                <mat-label>슬롯배팅</mat-label>
+                <input matInput type="text" />
+              </mat-form-field> </mat-grid-tile
+            ><mat-grid-tile>
+              <mat-form-field appearance="outline">
+                <mat-label>매충콤프</mat-label>
+                <input matInput type="text" />
+              </mat-form-field> </mat-grid-tile
+            ><mat-grid-tile>
+              <mat-form-field appearance="outline">
+                <mat-label>정산종류</mat-label>
+                <input matInput type="text" />
+              </mat-form-field> </mat-grid-tile
+            ><mat-grid-tile>
+              <mat-form-field appearance="outline">
+                <mat-label>금일 입금/출금액</mat-label>
+                <input matInput type="text" />
+              </mat-form-field> </mat-grid-tile
+            ><mat-grid-tile>
+              <mat-form-field appearance="outline">
+                <mat-label>보유머니</mat-label>
+                <input matInput type="text" />
+              </mat-form-field> </mat-grid-tile
+            ><mat-grid-tile>
+              <mat-form-field appearance="outline">
+                <mat-label>콤프</mat-label>
+                <input matInput type="text" />
+              </mat-form-field> </mat-grid-tile
+            ><mat-grid-tile>
+              <mat-form-field appearance="outline">
+                <mat-label>쿠폰</mat-label>
+                <input matInput type="text" />
+              </mat-form-field> </mat-grid-tile
+            ><mat-grid-tile>
+              <mat-form-field appearance="outline">
+                <mat-label>예금주</mat-label>
+                <input matInput type="text" />
+              </mat-form-field> </mat-grid-tile
+            ><mat-grid-tile>
+              <mat-radio-group aria-label="파트너수동지급" value="">
+                <mat-radio-button> 하부파트너전체 </mat-radio-button>
+                <mat-radio-button> 직속파트너만 </mat-radio-button>
+                <mat-radio-button> 사용안함 </mat-radio-button>
+              </mat-radio-group>
+            </mat-grid-tile>
+
+            <mat-grid-tile>
+              <mat-form-field appearance="outline">
+                <mat-label>추천인</mat-label>
+                <input matInput type="text" />
+              </mat-form-field>
+            </mat-grid-tile>
+            <mat-grid-tile>
+              <mat-form-field appearance="outline">
+                <mat-label>환전금지</mat-label>
+                <input matInput type="text" />
+              </mat-form-field>
+            </mat-grid-tile>
+            <mat-grid-tile>
+              <mat-form-field appearance="outline">
+                <mat-label>바카라</mat-label>
+                <input matInput type="text" />
+              </mat-form-field>
+            </mat-grid-tile>
+            <mat-grid-tile>
+              <mat-form-field appearance="outline">
+                <mat-label>룰렛</mat-label>
+                <input matInput type="text" />
+              </mat-form-field>
+            </mat-grid-tile>
+            <mat-grid-tile>
+              <mat-form-field appearance="outline">
+                <mat-label>드래곤타이거</mat-label>
+                <input matInput type="text" />
+              </mat-form-field>
+            </mat-grid-tile>
+            <mat-grid-tile>
+              <mat-form-field appearance="outline">
+                <mat-label>기타게임</mat-label>
+                <input matInput type="text" />
+              </mat-form-field>
+            </mat-grid-tile>
+            <mat-grid-tile>
+              <mat-form-field appearance="outline">
+                <mat-label>슬롯게임요율</mat-label>
+                <input matInput type="text" />
+              </mat-form-field>
+            </mat-grid-tile>
+            <mat-grid-tile>
+              <mat-form-field appearance="outline">
+                <mat-label>룰렛</mat-label>
+                <input matInput type="text" />
+              </mat-form-field>
+            </mat-grid-tile>
+            <mat-grid-tile>
+              <mat-form-field appearance="outline">
+                <mat-label>카지노 루징요율</mat-label>
+                <input matInput type="text" />
+              </mat-form-field>
+            </mat-grid-tile>
+            <mat-grid-tile>
+              <mat-form-field appearance="outline">
+                <mat-label>슬롯게임 루징요율</mat-label>
+                <input matInput type="text" />
+              </mat-form-field>
+            </mat-grid-tile>
+            <mat-grid-tile>
+              <mat-form-field appearance="outline">
+                <mat-label>환전금지</mat-label>
+
+                <mat-select placeholder="예">
+                  <mat-option value="예">예</mat-option>
+                  <mat-option value="아니오">아니오</mat-option>
+                </mat-select>
+              </mat-form-field>
+            </mat-grid-tile>
+            <mat-grid-tile colspan="2" rowspan="1">
+              <mat-form-field appearance="outline">
+                <mat-label>메모</mat-label>
+                <textarea matInput name="memo" width="100%"></textarea>
+              </mat-form-field>
+            </mat-grid-tile>
+            <mat-grid-tile colspan="2" rowspan="1">
+              <mat-form-field appearance="outline">
+                <mat-label>게임중머니</mat-label>
+                <input matInput type="text" />
+              </mat-form-field>
+            </mat-grid-tile>
+          </mat-grid-list>
+        </div>
+      </div>
+      <div></div>
     </div>
   </div>
 </div>
diff --git a/src/app/modules/admin/member/user/components/view.component.ts b/src/app/modules/admin/member/user/components/view.component.ts
index 483958e..649024f 100644
--- a/src/app/modules/admin/member/user/components/view.component.ts
+++ b/src/app/modules/admin/member/user/components/view.component.ts
@@ -33,6 +33,13 @@ import { User } from '../models/user';
 import { UserPagination } from '../models/user-pagination';
 import { UserService } from '../services/user.service';
 
+export interface Tile {
+  color: string;
+  cols: number;
+  rows: number;
+  text: string;
+}
+
 @Component({
   selector: 'user-view',
   templateUrl: './view.component.html',
@@ -61,6 +68,17 @@ import { UserService } from '../services/user.service';
   animations: fuseAnimations,
 })
 export class ViewComponent implements OnInit, AfterViewInit, OnDestroy {
+  tiles: Tile[] = [
+    { text: 'One', cols: 1, rows: 1, color: 'lightblue' },
+    { text: 'Two', cols: 1, rows: 1, color: 'lightgreen' },
+    { text: 'Three', cols: 1, rows: 1, color: 'lightpink' },
+    { text: 'Four', cols: 1, rows: 1, color: '#DDBDF1' },
+    { text: 'five', cols: 1, rows: 1, color: 'lightblue' },
+    { text: 'six', cols: 1, rows: 1, color: 'lightgreen' },
+    { text: 'seven', cols: 1, rows: 1, color: 'lightpink' },
+    { text: 'eight', cols: 1, rows: 1, color: '#DDBDF1' },
+  ];
+
   @ViewChild(MatPaginator) private _paginator!: MatPaginator;
   @ViewChild(MatSort) private _sort!: MatSort;
 
diff --git a/src/app/modules/admin/member/user/user.module.ts b/src/app/modules/admin/member/user/user.module.ts
index ca60b7d..6835a1a 100644
--- a/src/app/modules/admin/member/user/user.module.ts
+++ b/src/app/modules/admin/member/user/user.module.ts
@@ -11,6 +11,9 @@ import { MatRippleModule } from '@angular/material/core';
 import { MatSortModule } from '@angular/material/sort';
 import { MatSelectModule } from '@angular/material/select';
 import { MatTooltipModule } from '@angular/material/tooltip';
+import { MatGridListModule } from '@angular/material/grid-list';
+import { MatSlideToggleModule } from '@angular/material/slide-toggle';
+import { MatRadioModule } from '@angular/material/radio';
 
 import { TranslocoModule } from '@ngneat/transloco';
 
@@ -36,7 +39,10 @@ import { userRoutes } from 'app/modules/admin/member/user/user.routing';
     MatRippleModule,
     MatSortModule,
     MatSelectModule,
-    MatTooltipModule
+    MatTooltipModule,
+    MatGridListModule,
+    MatSlideToggleModule,
+    MatRadioModule,
   ],
 })
 export class UserModule {}