From 39abd3aa29f9a6469cf0156dab4a02d32d5f6c5a Mon Sep 17 00:00:00 2001
From: Park Byung Eun <geekdev@naver.com>
Date: Mon, 11 Jul 2022 08:37:28 +0000
Subject: [PATCH] bug fix

---
 .../components/list.component.html            | 250 +++---------------
 1 file changed, 40 insertions(+), 210 deletions(-)

diff --git a/src/app/modules/admin/member/current-user/components/list.component.html b/src/app/modules/admin/member/current-user/components/list.component.html
index 6c6a499..692cdcc 100644
--- a/src/app/modules/admin/member/current-user/components/list.component.html
+++ b/src/app/modules/admin/member/current-user/components/list.component.html
@@ -82,19 +82,6 @@
                   <div class="hidden sm:block" [mat-sort-header]="''">
                     로그아웃
                   </div>
-
-                  <!-- <div class="hidden md:block" [mat-sort-header]="'sku'">SKU</div>
-              <div [mat-sort-header]="'name'">Name</div>
-              <div class="hidden sm:block" [mat-sort-header]="'price'">
-                Price
-              </div>
-              <div class="hidden lg:block" [mat-sort-header]="'stock'">
-                Stock
-              </div>
-              <div class="hidden lg:block" [mat-sort-header]="'active'">
-                Active
-              </div>
-              <div class="hidden sm:block">Details</div> -->
                 </div>
                 <!-- Rows -->
                 <ng-container *ngIf="currentUsers$ | async as currentUsers">
@@ -124,18 +111,12 @@
                         LV.{{ currentUser.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!)"
-                          >
-                            {{ currentUser.id }}
-                          </div>
-                        </ng-container>
-                      </ng-container>
+                      <div
+                        class="hidden sm:block truncate"
+                        (click)="viewUserDetail(currentUser.id!)"
+                      >
+                        {{ currentUser.id }}
+                      </div>
                       <!-- nickname -->
                       <div class="hidden sm:block truncate">
                         {{ currentUser.nickname }}
@@ -186,196 +167,11 @@
                           로그아웃
                         </button>
                       </div>
-                      <!-- Image -->
-                      <!-- <div class="flex items-center">
-                    <div
-                      class="relative flex flex-0 items-center justify-center w-12 h-12 mr-6 rounded overflow-hidden border"
-                    >
-                      <img
-                        class="w-8"
-                        *ngIf="user.thumbnail"
-                        [alt]="'Product thumbnail image'"
-                        [src]="user.thumbnail"
-                      />
-                      <div
-                        class="flex items-center justify-center w-full h-full text-xs font-semibold leading-none text-center uppercase"
-                        *ngIf="!user.thumbnail"
-                      >
-                        NO THUMB
-                      </div>
-                    </div>
-                  </div> -->
-
-                      <!-- SKU -->
-                      <!-- <div class="hidden md:block truncate">
-                    {{ user.sku }}
-                  </div> -->
-
-                      <!-- Name -->
-                      <!-- <div class="truncate">
-                    {{ user.name }}
-                  </div> -->
-
-                      <!-- Price -->
-                      <!-- <div class="hidden sm:block">
-                    {{ user.price | currency: "USD":"symbol":"1.2-2" }}
-                  </div> -->
-
-                      <!-- Stock -->
-                      <!-- <div class="hidden lg:flex items-center">
-                    <div class="min-w-4">{{ user.stock }}</div> -->
-                      <!-- Low stock -->
-                      <!-- <div
-                      class="flex items-end ml-2 w-1 h-4 bg-red-200 rounded overflow-hidden"
-                      *ngIf="user.stock < 20"
-                    >
-                      <div class="flex w-full h-1/3 bg-red-600"></div>
-                    </div> -->
-                      <!-- Medium stock -->
-                      <!-- <div
-                      class="flex items-end ml-2 w-1 h-4 bg-orange-200 rounded overflow-hidden"
-                      *ngIf="user.stock >= 20 && user.stock < 30"
-                    >
-                      <div class="flex w-full h-2/4 bg-orange-400"></div>
-                    </div> -->
-                      <!-- High stock -->
-                      <!-- <div
-                      class="flex items-end ml-2 w-1 h-4 bg-green-100 rounded overflow-hidden"
-                      *ngIf="user.stock >= 30"
-                    >
-                      <div class="flex w-full h-full bg-green-400"></div>
-                    </div>
-                  </div> -->
-
-                      <!-- Active -->
-                      <!-- <div class="hidden lg:block">
-                    <ng-container *ngIf="user.active">
-                      <mat-icon
-                        class="text-green-400 icon-size-5"
-                        [svgIcon]="'heroicons_solid:check'"
-                      ></mat-icon>
-                    </ng-container>
-                    <ng-container *ngIf="!user.active">
-                      <mat-icon
-                        class="text-gray-400 icon-size-5"
-                        [svgIcon]="'heroicons_solid:x'"
-                      ></mat-icon>
-                    </ng-container>
-                  </div> -->
-
-                      <!-- Details button -->
-                      <!-- <div>
-                    <button
-                      class="min-w-10 min-h-7 h-7 px-2 leading-6"
-                      mat-stroked-button
-                      (click)="__toggleDetails(user.id)"
-                    >
-                      <mat-icon
-                        class="icon-size-5"
-                        [svgIcon]="
-                          selectedUser?.id === user.id
-                            ? 'heroicons_solid:chevron-up'
-                            : 'heroicons_solid:chevron-down'
-                        "
-                      ></mat-icon>
-                    </button>
-                  </div> -->
                     </div>
                   </ng-container>
                 </ng-container>
               </div>
-              <div>
-                <mat-card>
-                  <mat-card-header>
-                    <span><b>현재 접속자 & 전체회원 쪽지보내기</b></span>
-                  </mat-card-header>
-                  <mat-card-content>
-                    <!-- 구분 -->
-                    <!-- <div class="flex">
-                      <mat-form-field class="w-1/3 pr-2">
-                        <mat-label>구분</mat-label>
-                        <mat-radio-group>
-                          <mat-radio-button value="auto">전체</mat-radio-button>
-                          <mat-radio-button value="auto"
-                            >현재 접속자</mat-radio-button
-                          >
-                          <mat-radio-button value="auto">본사</mat-radio-button>
-                          <mat-radio-button value="auto">대본</mat-radio-button>
-                          <mat-radio-button value="auto">부본</mat-radio-button>
-                          <mat-radio-button value="auto">총판</mat-radio-button>
-                          <mat-radio-button value="auto">매장</mat-radio-button>
-                          <mat-radio-button value="auto">회원</mat-radio-button>
-                        </mat-radio-group>
-                      </mat-form-field>
-                    </div> -->
 
-                    <!-- 대본아이디 -->
-                    <!-- <div class="flex">
-                      <mat-form-field class="w-1/3 pr-2">
-                        <mat-label>대본아이디</mat-label>
-                        <mat-form-field class="w-1/3 pr-2">
-                          <mat-label>
-                            <mat-radio-group>
-                              <mat-radio-button value="auto"
-                                >대본하부회원</mat-radio-button
-                              >
-                            </mat-radio-group>
-                          </mat-label>
-                          <mat-select>
-                            <mat-option value="brand.id">
-                              brand option
-                            </mat-option>
-                          </mat-select>
-                        </mat-form-field>
-                      </mat-form-field>
-                    </div> -->
-
-                    <!-- 부본아이디 -->
-                    <!-- <div class="flex">
-                      <mat-form-field class="w-1/3 pr-2">
-                        <mat-label>부본아이디</mat-label>
-                        <mat-form-field class="w-1/3 pr-2">
-                          <mat-label>
-                            <mat-radio-group>
-                              <mat-radio-button value="auto"
-                                >부본하부회원</mat-radio-button
-                              >
-                            </mat-radio-group>
-                          </mat-label>
-                          <mat-select>
-                            <mat-option value="brand.id">
-                              brand option
-                            </mat-option>
-                          </mat-select>
-                        </mat-form-field>
-                      </mat-form-field>
-                    </div> -->
-                    <div class="flex">
-                      <mat-form-field class="w-1/3 pr-2">
-                        <mat-label>제목</mat-label>
-                        <input matInput />
-                      </mat-form-field>
-                    </div>
-                    <div class="flex">
-                      <mat-form-field class="w-1/3 pr-2">
-                        <mat-label>글쓴이</mat-label>
-                        <input matInput placeholder="관리자" />
-                      </mat-form-field>
-                    </div>
-                    <div class="flex">
-                      <mat-form-field class="w-1/3 pr-2">
-                        <mat-label>내용</mat-label>
-                        <input matInput />
-                      </mat-form-field>
-                    </div>
-                    <div class="flex">
-                      <mat-form-field class="w-1/3 pr-2">
-                        <input matInput />
-                      </mat-form-field>
-                    </div>
-                  </mat-card-content>
-                </mat-card>
-              </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 }"
@@ -399,4 +195,38 @@
       </div>
     </div>
   </div>
+  <div>
+    <mat-card>
+      <mat-card-header>
+        <span><b>현재 접속자 & 전체회원 쪽지보내기</b></span>
+      </mat-card-header>
+      <mat-card-content>
+        <!-- 구분 -->
+
+        <div class="flex">
+          <mat-form-field class="w-1/3 pr-2">
+            <mat-label>제목</mat-label>
+            <input matInput />
+          </mat-form-field>
+        </div>
+        <div class="flex">
+          <mat-form-field class="w-1/3 pr-2">
+            <mat-label>글쓴이</mat-label>
+            <input matInput placeholder="관리자" />
+          </mat-form-field>
+        </div>
+        <div class="flex">
+          <mat-form-field class="w-1/3 pr-2">
+            <mat-label>내용</mat-label>
+            <input matInput />
+          </mat-form-field>
+        </div>
+        <div class="flex">
+          <mat-form-field class="w-1/3 pr-2">
+            <input matInput />
+          </mat-form-field>
+        </div>
+      </mat-card-content>
+    </mat-card>
+  </div>
 </div>