사용자 내역 파일 추가

src/app/modules/admin/member/user/components/deposit-history.component.html

@@ -0,0 +1,19 @@
+<div class="flex flex-col flex-auto min-w-0">
+  <div class="flex-auto border-t -mt-px pt-4 sm:pt-6">
+    <div class="w-full max-w-screen-xl mx-auto">
+      <div class="grid grid-cols-1 sm:grid-cols-6 gap-6 w-full min-w-0">
+        <!-- Budget distribution -->
+        <div
+          class="sm:col-span-6 flex flex-col flex-auto p-6 bg-card shadow rounded-2xl overflow-hidden"
+        >
+          <div class="text-lg font-medium tracking-tight leading-6 truncate">
+            검색
+          </div>
+          <div class="flex flex-col flex-auto mt-2 overflow-x-auto">
+            입금정보 테이블
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>

src/app/modules/admin/member/user/components/deposit-history.component.ts

@@ -0,0 +1,106 @@
+import {
+  AfterViewInit,
+  ChangeDetectionStrategy,
+  ChangeDetectorRef,
+  Component,
+  OnDestroy,
+  OnInit,
+  ViewChild,
+  ViewEncapsulation,
+} from '@angular/core';
+import { MatPaginator } from '@angular/material/paginator';
+import { fuseAnimations } from '@fuse/animations';
+import { Subject } from 'rxjs';
+
+@Component({
+  selector: 'deposit-history',
+  templateUrl: './deposit-history.component.html',
+  styles: [
+    /* language=SCSS */
+    `
+      .deposit-history-grid {
+        grid-template-columns: 60px auto 40px;
+
+        @screen sm {
+          grid-template-columns: 100px auto 60px 60px;
+        }
+
+        @screen md {
+          grid-template-columns: 100px 100px auto 60px 60px;
+        }
+
+        @screen lg {
+          grid-template-columns: 100px 100px 100px 60px 60px;
+        }
+      }
+    `,
+  ],
+  encapsulation: ViewEncapsulation.None,
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  animations: fuseAnimations,
+})
+export class DepositHistoryComponent
+  implements OnInit, AfterViewInit, OnDestroy
+{
+  @ViewChild(MatPaginator) private _paginator!: MatPaginator;
+
+  private _unsubscribeAll: Subject<any> = new Subject<any>();
+
+  /**
+   * Constructor
+   */
+  constructor(private _changeDetectorRef: ChangeDetectorRef) {}
+
+  // -----------------------------------------------------------------------------------------------------
+  // @ Lifecycle hooks
+  // -----------------------------------------------------------------------------------------------------
+
+  /**
+   * On init
+   */
+  ngOnInit(): void {}
+
+  /**
+   * After view init
+   */
+  ngAfterViewInit(): void {}
+
+  /**
+   * On destroy
+   */
+  ngOnDestroy(): void {
+    // Unsubscribe from all subscriptions
+    this._unsubscribeAll.next(null);
+    this._unsubscribeAll.complete();
+  }
+
+  // -----------------------------------------------------------------------------------------------------
+  // @ Public methods
+  // -----------------------------------------------------------------------------------------------------
+
+  // -----------------------------------------------------------------------------------------------------
+  // @ Private methods
+  // -----------------------------------------------------------------------------------------------------
+
+  /**
+   * Create product
+   */
+  __createProduct(): void {}
+
+  /**
+   * Toggle product details
+   *
+   * @param productId
+   */
+  __toggleDetails(productId: string): void {}
+
+  /**
+   * Track by function for ngFor loops
+   *
+   * @param index
+   * @param item
+   */
+  __trackByFn(index: number, item: any): any {
+    return item.id || index;
+  }
+}

src/app/modules/admin/member/user/components/index.ts

@@ -1,4 +1,15 @@
+import { DepositHistoryComponent } from './deposit-history.component';
 import { ListComponent } from './list.component';
+import { PartnerSignInHistoryComponent } from './partner-sign-in-history.component';
 import { ViewComponent } from './view.component';
+import { WebSignInHistoryComponent } from './web-sign-in-history.component';
+import { WithdrawHistoryComponent } from './withdraw-history.component';
 
-export const COMPONENTS = [ListComponent, ViewComponent];
+export const COMPONENTS = [
+  ListComponent,
+  ViewComponent,
+  DepositHistoryComponent,
+  WithdrawHistoryComponent,
+  WebSignInHistoryComponent,
+  PartnerSignInHistoryComponent,
+];

src/app/modules/admin/member/user/components/partner-sign-in-history.component.html

@@ -0,0 +1,19 @@
+<div class="flex flex-col flex-auto min-w-0">
+  <div class="flex-auto border-t -mt-px pt-4 sm:pt-6">
+    <div class="w-full max-w-screen-xl mx-auto">
+      <div class="grid grid-cols-1 sm:grid-cols-6 gap-6 w-full min-w-0">
+        <!-- Budget distribution -->
+        <div
+          class="sm:col-span-6 flex flex-col flex-auto p-6 bg-card shadow rounded-2xl overflow-hidden"
+        >
+          <div class="text-lg font-medium tracking-tight leading-6 truncate">
+            검색
+          </div>
+          <div class="flex flex-col flex-auto mt-2 overflow-x-auto">
+            파트너로그인내역 테이블
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>

src/app/modules/admin/member/user/components/partner-sign-in-history.component.ts

@@ -0,0 +1,106 @@
+import {
+  AfterViewInit,
+  ChangeDetectionStrategy,
+  ChangeDetectorRef,
+  Component,
+  OnDestroy,
+  OnInit,
+  ViewChild,
+  ViewEncapsulation,
+} from '@angular/core';
+import { MatPaginator } from '@angular/material/paginator';
+import { fuseAnimations } from '@fuse/animations';
+import { Subject } from 'rxjs';
+
+@Component({
+  selector: 'partner-sign-in-history',
+  templateUrl: './partner-sign-in-history.component.html',
+  styles: [
+    /* language=SCSS */
+    `
+      .partner-sign-in-history-grid {
+        grid-template-columns: 60px auto 40px;
+
+        @screen sm {
+          grid-template-columns: 100px auto 60px 60px;
+        }
+
+        @screen md {
+          grid-template-columns: 100px 100px auto 60px 60px;
+        }
+
+        @screen lg {
+          grid-template-columns: 100px 100px 100px 60px 60px;
+        }
+      }
+    `,
+  ],
+  encapsulation: ViewEncapsulation.None,
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  animations: fuseAnimations,
+})
+export class PartnerSignInHistoryComponent
+  implements OnInit, AfterViewInit, OnDestroy
+{
+  @ViewChild(MatPaginator) private _paginator!: MatPaginator;
+
+  private _unsubscribeAll: Subject<any> = new Subject<any>();
+
+  /**
+   * Constructor
+   */
+  constructor(private _changeDetectorRef: ChangeDetectorRef) {}
+
+  // -----------------------------------------------------------------------------------------------------
+  // @ Lifecycle hooks
+  // -----------------------------------------------------------------------------------------------------
+
+  /**
+   * On init
+   */
+  ngOnInit(): void {}
+
+  /**
+   * After view init
+   */
+  ngAfterViewInit(): void {}
+
+  /**
+   * On destroy
+   */
+  ngOnDestroy(): void {
+    // Unsubscribe from all subscriptions
+    this._unsubscribeAll.next(null);
+    this._unsubscribeAll.complete();
+  }
+
+  // -----------------------------------------------------------------------------------------------------
+  // @ Public methods
+  // -----------------------------------------------------------------------------------------------------
+
+  // -----------------------------------------------------------------------------------------------------
+  // @ Private methods
+  // -----------------------------------------------------------------------------------------------------
+
+  /**
+   * Create product
+   */
+  __createProduct(): void {}
+
+  /**
+   * Toggle product details
+   *
+   * @param productId
+   */
+  __toggleDetails(productId: string): void {}
+
+  /**
+   * Track by function for ngFor loops
+   *
+   * @param index
+   * @param item
+   */
+  __trackByFn(index: number, item: any): any {
+    return item.id || index;
+  }
+}

src/app/modules/admin/member/user/components/view.component.html

@@ -604,8 +604,45 @@
               <ng-container *ngTemplateOutlet="commonButton"></ng-container>
             </ng-container>
             <!-- Notifications -->
-            <ng-container *ngSwitchCase="'historyInfo'"
+            <ng-container *ngSwitchCase="'historyInfo'">
-              ><div>내역</div>
+              <div class="flex flex-col flex-auto min-w-0">
+                <div class="flex-auto border-t -mt-px pt-4 sm:pt-6">
+                  <div class="w-full max-w-screen-xl mx-auto">
+                    <div
+                      class="grid grid-cols-1 sm:grid-cols-6 gap-6 w-full min-w-0"
+                    >
+                      <!-- Budget distribution -->
+                      <div
+                        class="sm:col-span-6 flex flex-col flex-auto p-6 bg-card shadow rounded-2xl overflow-hidden"
+                      >
+                        <mat-tab-group [animationDuration]="'0ms'">
+                          <mat-tab label="충전내역" class="bg-gray-200">
+                            <ng-template matTabContent>
+                              <deposit-history></deposit-history>
+                            </ng-template>
+                          </mat-tab>
+
+                          <mat-tab label="환전내역">
+                            <ng-template matTabContent>
+                              <withdraw-history></withdraw-history>
+                            </ng-template>
+                          </mat-tab>
+                          <mat-tab label="웹로그인정보">
+                            <ng-template matTabContent>
+                              <web-sign-in-history></web-sign-in-history>
+                            </ng-template>
+                          </mat-tab>
+                          <mat-tab label="파트너로그인정보">
+                            <ng-template matTabContent>
+                              <partner-sign-in-history></partner-sign-in-history>
+                            </ng-template>
+                          </mat-tab>
+                        </mat-tab-group>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
             </ng-container>
           </ng-container>
         </div>

src/app/modules/admin/member/user/components/web-sign-in-history.component.html

@@ -0,0 +1,19 @@
+<div class="flex flex-col flex-auto min-w-0">
+  <div class="flex-auto border-t -mt-px pt-4 sm:pt-6">
+    <div class="w-full max-w-screen-xl mx-auto">
+      <div class="grid grid-cols-1 sm:grid-cols-6 gap-6 w-full min-w-0">
+        <!-- Budget distribution -->
+        <div
+          class="sm:col-span-6 flex flex-col flex-auto p-6 bg-card shadow rounded-2xl overflow-hidden"
+        >
+          <div class="text-lg font-medium tracking-tight leading-6 truncate">
+            검색
+          </div>
+          <div class="flex flex-col flex-auto mt-2 overflow-x-auto">
+            웹로그인내역 테이블
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>

src/app/modules/admin/member/user/components/web-sign-in-history.component.ts

@@ -0,0 +1,106 @@
+import {
+  AfterViewInit,
+  ChangeDetectionStrategy,
+  ChangeDetectorRef,
+  Component,
+  OnDestroy,
+  OnInit,
+  ViewChild,
+  ViewEncapsulation,
+} from '@angular/core';
+import { MatPaginator } from '@angular/material/paginator';
+import { fuseAnimations } from '@fuse/animations';
+import { Subject } from 'rxjs';
+
+@Component({
+  selector: 'web-sign-in-history',
+  templateUrl: './web-sign-in-history.component.html',
+  styles: [
+    /* language=SCSS */
+    `
+      .web-sign-in-history-grid {
+        grid-template-columns: 60px auto 40px;
+
+        @screen sm {
+          grid-template-columns: 100px auto 60px 60px;
+        }
+
+        @screen md {
+          grid-template-columns: 100px 100px auto 60px 60px;
+        }
+
+        @screen lg {
+          grid-template-columns: 100px 100px 100px 60px 60px;
+        }
+      }
+    `,
+  ],
+  encapsulation: ViewEncapsulation.None,
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  animations: fuseAnimations,
+})
+export class WebSignInHistoryComponent
+  implements OnInit, AfterViewInit, OnDestroy
+{
+  @ViewChild(MatPaginator) private _paginator!: MatPaginator;
+
+  private _unsubscribeAll: Subject<any> = new Subject<any>();
+
+  /**
+   * Constructor
+   */
+  constructor(private _changeDetectorRef: ChangeDetectorRef) {}
+
+  // -----------------------------------------------------------------------------------------------------
+  // @ Lifecycle hooks
+  // -----------------------------------------------------------------------------------------------------
+
+  /**
+   * On init
+   */
+  ngOnInit(): void {}
+
+  /**
+   * After view init
+   */
+  ngAfterViewInit(): void {}
+
+  /**
+   * On destroy
+   */
+  ngOnDestroy(): void {
+    // Unsubscribe from all subscriptions
+    this._unsubscribeAll.next(null);
+    this._unsubscribeAll.complete();
+  }
+
+  // -----------------------------------------------------------------------------------------------------
+  // @ Public methods
+  // -----------------------------------------------------------------------------------------------------
+
+  // -----------------------------------------------------------------------------------------------------
+  // @ Private methods
+  // -----------------------------------------------------------------------------------------------------
+
+  /**
+   * Create product
+   */
+  __createProduct(): void {}
+
+  /**
+   * Toggle product details
+   *
+   * @param productId
+   */
+  __toggleDetails(productId: string): void {}
+
+  /**
+   * Track by function for ngFor loops
+   *
+   * @param index
+   * @param item
+   */
+  __trackByFn(index: number, item: any): any {
+    return item.id || index;
+  }
+}

src/app/modules/admin/member/user/components/withdraw-history.component.html

@@ -0,0 +1,19 @@
+<div class="flex flex-col flex-auto min-w-0">
+  <div class="flex-auto border-t -mt-px pt-4 sm:pt-6">
+    <div class="w-full max-w-screen-xl mx-auto">
+      <div class="grid grid-cols-1 sm:grid-cols-6 gap-6 w-full min-w-0">
+        <!-- Budget distribution -->
+        <div
+          class="sm:col-span-6 flex flex-col flex-auto p-6 bg-card shadow rounded-2xl overflow-hidden"
+        >
+          <div class="text-lg font-medium tracking-tight leading-6 truncate">
+            검색
+          </div>
+          <div class="flex flex-col flex-auto mt-2 overflow-x-auto">
+            출금내역 테이블
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>

src/app/modules/admin/member/user/components/withdraw-history.component.ts

@@ -0,0 +1,106 @@
+import {
+  AfterViewInit,
+  ChangeDetectionStrategy,
+  ChangeDetectorRef,
+  Component,
+  OnDestroy,
+  OnInit,
+  ViewChild,
+  ViewEncapsulation,
+} from '@angular/core';
+import { MatPaginator } from '@angular/material/paginator';
+import { fuseAnimations } from '@fuse/animations';
+import { Subject } from 'rxjs';
+
+@Component({
+  selector: 'withdraw-history',
+  templateUrl: './withdraw-history.component.html',
+  styles: [
+    /* language=SCSS */
+    `
+      .withdraw-history-grid {
+        grid-template-columns: 60px auto 40px;
+
+        @screen sm {
+          grid-template-columns: 100px auto 60px 60px;
+        }
+
+        @screen md {
+          grid-template-columns: 100px 100px auto 60px 60px;
+        }
+
+        @screen lg {
+          grid-template-columns: 100px 100px 100px 60px 60px;
+        }
+      }
+    `,
+  ],
+  encapsulation: ViewEncapsulation.None,
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  animations: fuseAnimations,
+})
+export class WithdrawHistoryComponent
+  implements OnInit, AfterViewInit, OnDestroy
+{
+  @ViewChild(MatPaginator) private _paginator!: MatPaginator;
+
+  private _unsubscribeAll: Subject<any> = new Subject<any>();
+
+  /**
+   * Constructor
+   */
+  constructor(private _changeDetectorRef: ChangeDetectorRef) {}
+
+  // -----------------------------------------------------------------------------------------------------
+  // @ Lifecycle hooks
+  // -----------------------------------------------------------------------------------------------------
+
+  /**
+   * On init
+   */
+  ngOnInit(): void {}
+
+  /**
+   * After view init
+   */
+  ngAfterViewInit(): void {}
+
+  /**
+   * On destroy
+   */
+  ngOnDestroy(): void {
+    // Unsubscribe from all subscriptions
+    this._unsubscribeAll.next(null);
+    this._unsubscribeAll.complete();
+  }
+
+  // -----------------------------------------------------------------------------------------------------
+  // @ Public methods
+  // -----------------------------------------------------------------------------------------------------
+
+  // -----------------------------------------------------------------------------------------------------
+  // @ Private methods
+  // -----------------------------------------------------------------------------------------------------
+
+  /**
+   * Create product
+   */
+  __createProduct(): void {}
+
+  /**
+   * Toggle product details
+   *
+   * @param productId
+   */
+  __toggleDetails(productId: string): void {}
+
+  /**
+   * Track by function for ngFor loops
+   *
+   * @param index
+   * @param item
+   */
+  __trackByFn(index: number, item: any): any {
+    return item.id || index;
+  }
+}