From 44a0b7bc8adeb16b402d693e1f4def9a28970149 Mon Sep 17 00:00:00 2001
From: Park Byung Eun <geekdev@naver.com>
Date: Thu, 4 Aug 2022 04:27:08 +0000
Subject: [PATCH] bug fix

---
 .../components/list.component.html            | 32 +++++++++----------
 .../components/list.component.ts              | 28 ++++++++++++++--
 2 files changed, 42 insertions(+), 18 deletions(-)

diff --git a/src/app/modules/admin/report/sessionin-admin/components/list.component.html b/src/app/modules/admin/report/sessionin-admin/components/list.component.html
index e02344d..cfd01d5 100644
--- a/src/app/modules/admin/report/sessionin-admin/components/list.component.html
+++ b/src/app/modules/admin/report/sessionin-admin/components/list.component.html
@@ -104,28 +104,28 @@
           <div class="grid">
             <!-- Header -->
             <div
-              class="inventory-grid z-10 sticky top-0 grid gap-4 py-4 px-6 md:px-8shadow text-md font-semibold text-secondary bg-gray-50 dark:bg-black dark:bg-opacity-5"
+              class="session-admin-grid z-10 sticky top-0 grid gap-4 py-4 px-6 md:px-8shadow text-md font-semibold text-secondary bg-gray-50 dark:bg-black dark:bg-opacity-5"
             >
-              <div>번호</div>
-              <div>
+              <div class="hidden lg:block">번호</div>
+              <div class="hidden lg:block">
                 정보
                 <hr style="margin: 7px 0px" />
                 아이디
               </div>
 
-              <div>
+              <div class="hidden lg:block">
                 IP
                 <hr style="margin: 7px 0px" />
                 도메인
               </div>
-              <div>
+              <div class="hidden lg:block">
                 접속시간
                 <hr style="margin: 7px 0px" />
                 성공실패
               </div>
-              <div>로그인차단/해제</div>
-              <div>IP차단/해제</div>
-              <div>회원차단/해제</div>
+              <div class="hidden lg:block">로그인차단/해제</div>
+              <div class="hidden lg:block">IP차단/해제</div>
+              <div class="hidden lg:block">회원차단/해제</div>
             </div>
             <!-- Rows -->
             <ng-container *ngIf="sessioninAdmins$ | async as sessioninAdmins">
@@ -137,38 +137,38 @@
                 "
               >
                 <div
-                  class="inventory-grid grid items-center gap-4 py-3 px-6 md:px-8 border-b"
+                  class="session-admin-grid grid items-center gap-4 py-3 px-6 md:px-8 border-b"
                 >
                   <!-- 번호 -->
-                  <div class="hidden lg:block truncate">
+                  <div class="hidden lg:block">
                     {{ i + 1 }}
                   </div>
                   <!-- 등급 || 아이디 -->
-                  <div class="hidden lg:block truncate">
+                  <div class="hidden lg:block">
                     {{ admin.rank }}
                     <hr style="margin: 7px 0px" />
                     {{ admin.signinId }}
                   </div>
 
                   <!-- IP || Domain-->
-                  <div class="hidden lg:block truncate">
+                  <div class="hidden lg:block">
                     {{ admin.ip }}
                     <hr style="margin: 7px 0px" />
                     {{ admin.domain }}
                   </div>
                   <!-- 접속시간 || 성공실패-->
-                  <div class="hidden sm:block truncate">
+                  <div class="hidden lg:block">
                     {{ admin.tryConnectDate }}
                     <hr style="margin: 7px 0px" />
                     {{ admin.errorType }}
                   </div>
 
                   <!-- 로그인차단/해제 상태 -->
-                  <div class="hidden lg:block truncate">
+                  <div class="hidden lg:block">
                     {{ !!admin.isSigninBlock ? "로그인 차단중" : "정상" }}
                   </div>
                   <!-- IP차단/해제-->
-                  <div class="hidden lg:block truncate">
+                  <div class="hidden lg:block">
                     <button
                       mat-flat-button
                       class="bet-mat-small-8"
@@ -179,7 +179,7 @@
                   </div>
 
                   <!-- 회원차단/해제 -->
-                  <div class="hidden lg:block truncate">
+                  <div class="hidden lg:block">
                     <button
                       mat-flat-button
                       class="bet-mat-small-8"
diff --git a/src/app/modules/admin/report/sessionin-admin/components/list.component.ts b/src/app/modules/admin/report/sessionin-admin/components/list.component.ts
index 92b7e59..d121f29 100644
--- a/src/app/modules/admin/report/sessionin-admin/components/list.component.ts
+++ b/src/app/modules/admin/report/sessionin-admin/components/list.component.ts
@@ -8,7 +8,7 @@ import {
   ViewChild,
   ViewEncapsulation,
 } from '@angular/core';
-import { FormBuilder, FormControl } from '@angular/forms';
+import { FormBuilder, FormControl, FormGroup } from '@angular/forms';
 import { MatCheckboxChange } from '@angular/material/checkbox';
 import { MatPaginator } from '@angular/material/paginator';
 import { MatSort } from '@angular/material/sort';
@@ -35,7 +35,7 @@ import { Router } from '@angular/router';
   styles: [
     /* language=SCSS */
     `
-      .inventory-grid {
+      .session-admin-grid {
         grid-template-columns: 60px 150px auto 200px 100px 100px 100px;
 
         @screen sm {
@@ -68,6 +68,8 @@ export class ListComponent implements OnInit, AfterViewInit, OnDestroy {
   pagination?: SessioninAdminPagination;
   __isSearchOpened = false;
 
+  configForm!: FormGroup;
+
   private _unsubscribeAll: Subject<any> = new Subject<any>();
 
   /**
@@ -89,6 +91,28 @@ export class ListComponent implements OnInit, AfterViewInit, OnDestroy {
    * On init
    */
   ngOnInit(): void {
+    this.configForm = this._formBuilder.group({
+      title: '알림',
+      message:
+        '정말로 삭제하시겠습니까? <span class="font-medium">삭제!</span>',
+      icon: this._formBuilder.group({
+        show: true,
+        name: 'heroicons_outline:exclamation',
+        color: 'warn',
+      }),
+      actions: this._formBuilder.group({
+        confirm: this._formBuilder.group({
+          show: true,
+          label: '삭제',
+          color: 'warn',
+        }),
+        cancel: this._formBuilder.group({
+          show: true,
+          label: '취소',
+        }),
+      }),
+      dismissible: true,
+    });
     // Get the pagination
     this._sessioninAdminService.pagination$
       .pipe(takeUntil(this._unsubscribeAll))