From 404c8820acd1e82267c5f13c772e7dabf91b7ac8 Mon Sep 17 00:00:00 2001
From: JUNG YI DAM <breeze@loafle.com>
Date: Sun, 24 Jul 2022 08:47:33 +0000
Subject: [PATCH] =?UTF-8?q?=EC=B6=94=EC=B2=9C=EC=BD=94=EB=93=9C=20?=
 =?UTF-8?q?=ED=8E=98=EC=9D=B4=EC=A7=80=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/list.component.html            | 285 +++++++++---------
 1 file changed, 141 insertions(+), 144 deletions(-)

diff --git a/src/app/modules/admin/member/partner-recommendation/components/list.component.html b/src/app/modules/admin/member/partner-recommendation/components/list.component.html
index fc862a0..af699f6 100644
--- a/src/app/modules/admin/member/partner-recommendation/components/list.component.html
+++ b/src/app/modules/admin/member/partner-recommendation/components/list.component.html
@@ -167,152 +167,149 @@
           There are no data!
         </div>
       </ng-template>
-
-      <!-- Actions -->
-      <div class="flex shrink-0 items-center mt-6 sm:mt-0 sm:ml-4">
-        <button mat-icon-button (click)="__onClickSearch2()">
-          <mat-icon [svgIcon]="'heroicons_outline:search'"></mat-icon>
-        </button>
-      </div>
     </div>
-    <!-- Search -->
-    <div
-      *ngIf="__isSearchOpened2"
-      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 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>
-        <!-- Search -->
-        <mat-form-field
-          fxFlex
-          class="fuse-mat-rounded min-w-64 bet-mat-form-field-wrapper-mb-0 mr-2"
-        >
-          <mat-icon
-            class="icon-size-5"
-            matPrefix
-            [svgIcon]="'heroicons_solid:search'"
-          ></mat-icon>
-          <input
-            matInput
-            [formControl]="searchInputControl"
-            [autocomplete]="'off'"
-            [placeholder]="'Search user'"
-          />
-        </mat-form-field>
-        <!-- Add user button -->
-        <button
-          fxFlex
-          mat-flat-button
-          style="position: fixed; margin-top: 4px"
-          [color]="'primary'"
-          (click)="__createProduct()"
-        >
-          <mat-icon [svgIcon]="'heroicons_outline:search'"></mat-icon>
-          <span class="ml-2 mr-1">Search</span>
-        </button>
-      </div>
-    </div>
-    <!-- Products list -->
-    <div
-      class="flex flex-col flex-auto sm:mb-18 overflow-hidden sm:overflow-y-auto"
-    >
-      <ng-container
-        *ngIf="partnerRecommendations$ | async as partnerRecommendations"
-      >
-        <ng-container
-          *ngIf="
-            partnerRecommendations.length > 0;
-            else noPartnerRecommendation
-          "
-        >
-          <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"
-            >
-              <div>선택</div>
-              <div>상부</div>
-              <div>
-                아이디
-                <hr style="margin: 7px 0px" />
-                닉네임
-                <hr style="margin: 7px 0px" />
-                상태
-              </div>
-              <div>등급</div>
-              <div class="hidden md:block">사용여부</div>
-              <div class="hidden sm:block">회원수</div>
-            </div>
-            <!-- Rows -->
-            <ng-container
-              *ngIf="partnerRecommendations$ | async as partnerRecommendations"
-            >
-              <ng-container
-                *ngFor="
-                  let partnerRecommendation of partnerRecommendations;
-                  trackBy: __trackByFn
-                "
-              >
-                <div
-                  class="inventory-grid grid items-center gap-4 py-3 px-6 md:px-8 border-b"
-                >
-                  <div>
-                    <mat-checkbox></mat-checkbox>
-                  </div>
-                  <div>{{ partnerRecommendation.highRank }}</div>
-                  <div>
-                    {{ partnerRecommendation.signinId }}
-                    <hr style="margin: 7px 0px" />
-                    {{ partnerRecommendation.nickname }}
-                    <hr style="margin: 7px 0px" />
-                    {{ partnerRecommendation.state }}
-                  </div>
-                  <div>
-                    {{ partnerRecommendation.rank }}
-                  </div>
-                  <div>{{ partnerRecommendation.useOrNot }}</div>
-                  <div class="hidden sm:block">
-                    {{ partnerRecommendation.memberCount }}
-                  </div>
-                  <div class="hidden lg:block">
-                    {{ partnerRecommendation.siteAddress }}
-                  </div>
-                </div>
-              </ng-container>
-            </ng-container>
-          </div>
-          <div>
-            <button mat-flat-button class="bet-mat-small-8" [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 #noPartnerRecommendation>
-        <div
-          class="p-8 sm:p-16 border-t text-4xl font-semibold tracking-tight text-center"
-        >
-          There are no data!
-        </div>
-      </ng-template>
+    <!-- Actions -->
+    <div class="flex shrink-0 items-center mt-6 sm:mt-0 sm:ml-4">
+      <button mat-icon-button (click)="__onClickSearch2()">
+        <mat-icon [svgIcon]="'heroicons_outline:search'"></mat-icon>
+      </button>
     </div>
   </div>
+  <!-- Search -->
+  <div
+    *ngIf="__isSearchOpened2"
+    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 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>
+      <!-- Search -->
+      <mat-form-field
+        fxFlex
+        class="fuse-mat-rounded min-w-64 bet-mat-form-field-wrapper-mb-0 mr-2"
+      >
+        <mat-icon
+          class="icon-size-5"
+          matPrefix
+          [svgIcon]="'heroicons_solid:search'"
+        ></mat-icon>
+        <input
+          matInput
+          [formControl]="searchInputControl"
+          [autocomplete]="'off'"
+          [placeholder]="'Search user'"
+        />
+      </mat-form-field>
+      <!-- Add user button -->
+      <button
+        fxFlex
+        mat-flat-button
+        style="position: fixed; margin-top: 4px"
+        [color]="'primary'"
+        (click)="__createProduct()"
+      >
+        <mat-icon [svgIcon]="'heroicons_outline:search'"></mat-icon>
+        <span class="ml-2 mr-1">Search</span>
+      </button>
+    </div>
+  </div>
+  <!-- Products list -->
+  <div
+    class="flex flex-col flex-auto sm:mb-18 overflow-hidden sm:overflow-y-auto"
+  >
+    <ng-container
+      *ngIf="partnerRecommendations$ | async as partnerRecommendations"
+    >
+      <ng-container
+        *ngIf="partnerRecommendations.length > 0; else noPartnerRecommendation"
+      >
+        <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"
+          >
+            <div>선택</div>
+            <div>상부</div>
+            <div>
+              아이디
+              <hr style="margin: 7px 0px" />
+              닉네임
+              <hr style="margin: 7px 0px" />
+              상태
+            </div>
+            <div>등급</div>
+            <div class="hidden md:block">사용여부</div>
+            <div class="hidden sm:block">회원수</div>
+          </div>
+          <!-- Rows -->
+          <ng-container
+            *ngIf="partnerRecommendations$ | async as partnerRecommendations"
+          >
+            <ng-container
+              *ngFor="
+                let partnerRecommendation of partnerRecommendations;
+                trackBy: __trackByFn
+              "
+            >
+              <div
+                class="inventory-grid grid items-center gap-4 py-3 px-6 md:px-8 border-b"
+              >
+                <div>
+                  <mat-checkbox></mat-checkbox>
+                </div>
+                <div>{{ partnerRecommendation.highRank }}</div>
+                <div>
+                  {{ partnerRecommendation.signinId }}
+                  <hr style="margin: 7px 0px" />
+                  {{ partnerRecommendation.nickname }}
+                  <hr style="margin: 7px 0px" />
+                  {{ partnerRecommendation.state }}
+                </div>
+                <div>
+                  {{ partnerRecommendation.rank }}
+                </div>
+                <div>{{ partnerRecommendation.useOrNot }}</div>
+                <div class="hidden sm:block">
+                  {{ partnerRecommendation.memberCount }}
+                </div>
+                <div class="hidden lg:block">
+                  {{ partnerRecommendation.siteAddress }}
+                </div>
+              </div>
+            </ng-container>
+          </ng-container>
+        </div>
+        <div>
+          <button mat-flat-button class="bet-mat-small-8" [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 #noPartnerRecommendation>
+      <div
+        class="p-8 sm:p-16 border-t text-4xl font-semibold tracking-tight text-center"
+      >
+        There are no data!
+      </div>
+    </ng-template>
+  </div>
 </div>