입금관리 리스트 완료

src/app/modules/admin/bank/deposit/components/list.component.html

@@ -105,8 +105,8 @@
     <div
       class="flex flex-col flex-auto sm:mb-18 overflow-hidden sm:overflow-y-auto"
     >
-      <ng-container *ngIf="deposits$ | async as deposits">
+      <ng-container *ngIf="bankDeposit$ | async as bankDeposit">
-        <ng-container *ngIf="deposits.length > 0; else noDeposit">
+        <ng-container *ngIf="bankDeposit.length > 0; else noDeposit">
           <div class="grid">
             <!-- Header -->
             <div
@@ -145,9 +145,13 @@
               <div class="hidden lg:block">삭제</div>
             </div>
             <!-- Rows -->
-            <ng-container *ngIf="deposits$ | async as deposits">
+            <ng-container *ngIf="bankDeposit$ | async as bankDeposit">
               <ng-container
-                *ngFor="let deposit of deposits; trackBy: __trackByFn"
+                *ngFor="
+                  let deposit of bankDeposit;
+                  trackBy: __trackByFn;
+                  let idx = index
+                "
               >
                 <div
                   class="deposit-grid grid items-center gap-4 py-3 px-6 md:px-8 border-b"
@@ -155,45 +159,55 @@
                   <div>
                     <mat-checkbox></mat-checkbox>
                   </div>
-                  <div>{{ deposit.highRank }}</div>
+                  <!-- 상부 -->
+                  <div>test {{ idx }}</div>
+                  <!-- 아이디, 닉네임 -->
                   <div>
                     <div
-                      (click)="viewUserDetail(deposit.id!)"
+                      (click)="viewUserDetail(deposit.getMemberId())"
                       style="cursor: pointer"
                     >
-                      {{ deposit.signinId }}
+                      test {{ idx }}
                     </div>
                     <hr style="margin: 7px 0px" />
-                    {{ deposit.nickname }}
+                    test {{ idx }}
                   </div>
+                  <!-- 등급, 레벨, 상태 -->
                   <div>
-                    {{ deposit.rank }}
+                    test {{ idx }}
                     <hr style="margin: 7px 0px" />
-                    LV{{ deposit.level }}
+                    test {{ idx }}
                     <hr style="margin: 7px 0px" />
-                    {{ deposit.state }}
+                    test {{ idx }}
                   </div>
+                  <!-- 예금주 -->
                   <div class="hidden sm:block">
-                    {{ deposit.accountHolder }}
+                    {{ deposit.getName() }}
                   </div>
-                  <div>{{ deposit.calculateType }}</div>
+                  <!-- 정산종류 -->
-                  <div>{{ deposit.note }}</div>
+                  <div>{{ idx % 2 === 0 ? "롤링" : "콤프" }}</div>
-                  <div>{{ deposit.depositAmount }}</div>
+                  <!-- 비고 -->
+                  <div>test {{ idx }}</div>
+                  <!-- 입금예정금액 -->
+                  <div>test {{ idx }}</div>
+                  <!-- 등록날짜, 처리날짜 -->
                   <div class="hidden md:block">
-                    {{ deposit.registrationDate }}
+                    {{ deposit.getCreatedAt() | date: "yyyy-MM-dd HH:mm" }}
                     <hr style="margin: 7px 0px" />
-                    {{ deposit.processDate }}
+                    {{ deposit.getStateChangedAt() | date: "yyyy-MM-dd HH:mm" }}
                   </div>
+                  <!-- 입금, 출금 -->
                   <div class="hidden md:block">
-                    입금{{ deposit.deposit }}
+                    <span>41,200,000원</span>
+
                     <hr style="margin: 7px 0px" />
-                    출금{{ deposit.withdraw }}
+                    <span>19,000,000원</span>
+
                     <hr style="margin: 7px 0px" />
-                    계{{ deposit.totalMoney }}
+                    <span>22,200,000원</span>
-                  </div>
-                  <div class="hidden md:block">
-                    {{ deposit.gameMoney }}
                   </div>
+                  <!-- 게임중머니 -->
+                  <div class="hidden md:block">test {{ idx }}</div>
                   <div class="hidden lg:block">
                     <button
                       mat-flat-button

src/app/modules/admin/bank/deposit/components/list.component.ts

@@ -22,6 +22,7 @@ import {
   map,
   merge,
   Observable,
+  of,
   Subject,
   switchMap,
   takeUntil,
@@ -32,7 +33,9 @@ import { FuseConfirmationService } from '@fuse/services/confirmation';
 import { Deposit } from '../models/deposit';
 import { DepositPagination } from '../models/deposit-pagination';
 import { DepositService } from '../services/deposit.service';
-import { Router } from '@angular/router';
+import { ActivatedRoute, Router } from '@angular/router';
+import { ListMemberBankDepositsResponse } from 'app/modules/proto/c2se/member_bank_deposit_pb';
+import { MemberBankDeposit } from 'app/modules/proto/models/member_bank_deposit_pb';
 
 @Component({
   selector: 'deposit-list',
@@ -69,7 +72,7 @@ export class ListComponent implements OnInit, AfterViewInit, OnDestroy {
   @ViewChild(MatPaginator) private _paginator!: MatPaginator;
   @ViewChild(MatSort) private _sort!: MatSort;
 
-  deposits$!: Observable<Deposit[] | undefined>;
+  bankDeposit$!: Observable<MemberBankDeposit[] | undefined>;
 
   __isSearchOpened = false;
   isLoading = false;
@@ -83,6 +86,7 @@ export class ListComponent implements OnInit, AfterViewInit, OnDestroy {
    * Constructor
    */
   constructor(
+    private _activatedRoute: ActivatedRoute,
     private _changeDetectorRef: ChangeDetectorRef,
     private _fuseConfirmationService: FuseConfirmationService,
     private _formBuilder: FormBuilder,
@@ -110,7 +114,20 @@ export class ListComponent implements OnInit, AfterViewInit, OnDestroy {
       });
 
     // Get the products
-    this.deposits$ = this._depositService.deposits$;
+
+    this._activatedRoute.data.subscribe((data) => {
+      let listBankDepositResult: ListMemberBankDepositsResponse.Result =
+        data['bankDeposit'];
+      this.bankDeposit$ = of(listBankDepositResult.getMemberBankDepositsList());
+
+      console.log(
+        'bankWithdraw: ',
+        listBankDepositResult.getMemberBankDepositsList()
+      );
+
+      // Mark for check
+      this._changeDetectorRef.markForCheck();
+    });
   }
 
   /**

src/app/modules/admin/bank/deposit/deposit.routing.ts

@@ -3,7 +3,10 @@ import { Route } from '@angular/router';
 import { ListComponent } from './components/list.component';
 import { ViewComponent } from '../../member/user/components/view.component';
 
-import { DepositsResolver } from './resolvers/deposit.resolver';
+import {
+  BankDepositResolver,
+  DepositsResolver,
+} from './resolvers/deposit.resolver';
 import { UserResolver } from '../../dashboards/user/user.resolvers';
 
 export const depositRoutes: Route[] = [
@@ -11,7 +14,7 @@ export const depositRoutes: Route[] = [
     path: '',
     component: ListComponent,
     resolve: {
-      deposits: DepositsResolver,
+      bankDeposit: BankDepositResolver,
     },
   },
   {

src/app/modules/admin/bank/deposit/resolvers/deposit.resolver.ts

@@ -5,6 +5,8 @@ import {
   Router,
   RouterStateSnapshot,
 } from '@angular/router';
+import { MemberBankDepositService } from 'app/modules/polyglot/member_bank_deposit/services/member_bank_deposit.service';
+import { ListMemberBankDepositsResponse } from 'app/modules/proto/c2se/member_bank_deposit_pb';
 import { catchError, Observable, throwError } from 'rxjs';
 
 import { Deposit } from '../models/deposit';
@@ -85,3 +87,33 @@ export class DepositsResolver implements Resolve<any> {
     return this._depositService.getDeposits();
   }
 }
+
+@Injectable({
+  providedIn: 'root',
+})
+export class BankDepositResolver implements Resolve<any> {
+  /**
+   * Constructor
+   */
+  constructor(private _bankDepositService: MemberBankDepositService) {}
+
+  // -----------------------------------------------------------------------------------------------------
+  // @ Public methods
+  // -----------------------------------------------------------------------------------------------------
+
+  /**
+   * Resolver
+   *
+   * @param route
+   * @param state
+   */
+  resolve(
+    route: ActivatedRouteSnapshot,
+    state: RouterStateSnapshot
+  ):
+    | Observable<ListMemberBankDepositsResponse.Result>
+    | Promise<ListMemberBankDepositsResponse.Result>
+    | ListMemberBankDepositsResponse.Result {
+    return this._bankDepositService.listMemberBankDeposits();
+  }
+}