This commit is contained in:
Park Byung Eun 2022-08-04 04:27:08 +00:00
parent e761119454
commit 44a0b7bc8a
2 changed files with 42 additions and 18 deletions

View File

@ -104,28 +104,28 @@
<div class="grid"> <div class="grid">
<!-- Header --> <!-- Header -->
<div <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 class="hidden lg:block">번호</div>
<div> <div class="hidden lg:block">
정보 정보
<hr style="margin: 7px 0px" /> <hr style="margin: 7px 0px" />
아이디 아이디
</div> </div>
<div> <div class="hidden lg:block">
IP IP
<hr style="margin: 7px 0px" /> <hr style="margin: 7px 0px" />
도메인 도메인
</div> </div>
<div> <div class="hidden lg:block">
접속시간 접속시간
<hr style="margin: 7px 0px" /> <hr style="margin: 7px 0px" />
성공실패 성공실패
</div> </div>
<div>로그인차단/해제</div> <div class="hidden lg:block">로그인차단/해제</div>
<div>IP차단/해제</div> <div class="hidden lg:block">IP차단/해제</div>
<div>회원차단/해제</div> <div class="hidden lg:block">회원차단/해제</div>
</div> </div>
<!-- Rows --> <!-- Rows -->
<ng-container *ngIf="sessioninAdmins$ | async as sessioninAdmins"> <ng-container *ngIf="sessioninAdmins$ | async as sessioninAdmins">
@ -137,38 +137,38 @@
" "
> >
<div <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 }} {{ i + 1 }}
</div> </div>
<!-- 등급 || 아이디 --> <!-- 등급 || 아이디 -->
<div class="hidden lg:block truncate"> <div class="hidden lg:block">
{{ admin.rank }} {{ admin.rank }}
<hr style="margin: 7px 0px" /> <hr style="margin: 7px 0px" />
{{ admin.signinId }} {{ admin.signinId }}
</div> </div>
<!-- IP || Domain--> <!-- IP || Domain-->
<div class="hidden lg:block truncate"> <div class="hidden lg:block">
{{ admin.ip }} {{ admin.ip }}
<hr style="margin: 7px 0px" /> <hr style="margin: 7px 0px" />
{{ admin.domain }} {{ admin.domain }}
</div> </div>
<!-- 접속시간 || 성공실패--> <!-- 접속시간 || 성공실패-->
<div class="hidden sm:block truncate"> <div class="hidden lg:block">
{{ admin.tryConnectDate }} {{ admin.tryConnectDate }}
<hr style="margin: 7px 0px" /> <hr style="margin: 7px 0px" />
{{ admin.errorType }} {{ admin.errorType }}
</div> </div>
<!-- 로그인차단/해제 상태 --> <!-- 로그인차단/해제 상태 -->
<div class="hidden lg:block truncate"> <div class="hidden lg:block">
{{ !!admin.isSigninBlock ? "로그인 차단중" : "정상" }} {{ !!admin.isSigninBlock ? "로그인 차단중" : "정상" }}
</div> </div>
<!-- IP차단/해제--> <!-- IP차단/해제-->
<div class="hidden lg:block truncate"> <div class="hidden lg:block">
<button <button
mat-flat-button mat-flat-button
class="bet-mat-small-8" class="bet-mat-small-8"
@ -179,7 +179,7 @@
</div> </div>
<!-- 회원차단/해제 --> <!-- 회원차단/해제 -->
<div class="hidden lg:block truncate"> <div class="hidden lg:block">
<button <button
mat-flat-button mat-flat-button
class="bet-mat-small-8" class="bet-mat-small-8"

View File

@ -8,7 +8,7 @@ import {
ViewChild, ViewChild,
ViewEncapsulation, ViewEncapsulation,
} from '@angular/core'; } from '@angular/core';
import { FormBuilder, FormControl } from '@angular/forms'; import { FormBuilder, FormControl, FormGroup } from '@angular/forms';
import { MatCheckboxChange } from '@angular/material/checkbox'; import { MatCheckboxChange } from '@angular/material/checkbox';
import { MatPaginator } from '@angular/material/paginator'; import { MatPaginator } from '@angular/material/paginator';
import { MatSort } from '@angular/material/sort'; import { MatSort } from '@angular/material/sort';
@ -35,7 +35,7 @@ import { Router } from '@angular/router';
styles: [ styles: [
/* language=SCSS */ /* language=SCSS */
` `
.inventory-grid { .session-admin-grid {
grid-template-columns: 60px 150px auto 200px 100px 100px 100px; grid-template-columns: 60px 150px auto 200px 100px 100px 100px;
@screen sm { @screen sm {
@ -68,6 +68,8 @@ export class ListComponent implements OnInit, AfterViewInit, OnDestroy {
pagination?: SessioninAdminPagination; pagination?: SessioninAdminPagination;
__isSearchOpened = false; __isSearchOpened = false;
configForm!: FormGroup;
private _unsubscribeAll: Subject<any> = new Subject<any>(); private _unsubscribeAll: Subject<any> = new Subject<any>();
/** /**
@ -89,6 +91,28 @@ export class ListComponent implements OnInit, AfterViewInit, OnDestroy {
* On init * On init
*/ */
ngOnInit(): void { 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 // Get the pagination
this._sessioninAdminService.pagination$ this._sessioninAdminService.pagination$
.pipe(takeUntil(this._unsubscribeAll)) .pipe(takeUntil(this._unsubscribeAll))