From 012b2be24c4dec113a7352410def6e62c1667fb1 Mon Sep 17 00:00:00 2001
From: JUNG YI DAM <breeze@loafle.com>
Date: Thu, 7 Jul 2022 12:34:49 +0000
Subject: [PATCH] =?UTF-8?q?powerball=EC=97=90=20=ED=9A=8C=EC=9B=90?=
 =?UTF-8?q?=EC=83=81=EC=84=B8=EB=B3=B4=EA=B8=B0=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../game/powerball/components/list.component.html  | 14 ++++++++++----
 .../game/powerball/components/list.component.ts    |  2 ++
 .../admin/game/powerball/powerball.routing.ts      |  9 +++++++++
 3 files changed, 21 insertions(+), 4 deletions(-)

diff --git a/src/app/modules/admin/game/powerball/components/list.component.html b/src/app/modules/admin/game/powerball/components/list.component.html
index 4d837b5..5d57473 100644
--- a/src/app/modules/admin/game/powerball/components/list.component.html
+++ b/src/app/modules/admin/game/powerball/components/list.component.html
@@ -201,10 +201,16 @@
                   </div>
 
                   <!-- id, nickname -->
-                  <div class="hidden sm:block truncate">
-                    {{ powerball.id }}
-                    ({{ powerball.nickname }})
-                  </div>
+                  <ng-container *ngIf="users$ | async as users">
+                    <ng-container
+                      *ngFor="let user of users; trackBy: __trackByFn"
+                    >
+                      <div class="hidden sm:block truncate">
+                        {{ powerball.id }}
+                        ({{ powerball.nickname }})
+                      </div>
+                    </ng-container>
+                  </ng-container>
 
                   <!-- bettingProgress -->
                   <div class="hidden sm:block truncate">
diff --git a/src/app/modules/admin/game/powerball/components/list.component.ts b/src/app/modules/admin/game/powerball/components/list.component.ts
index c7bbb30..fd01f57 100644
--- a/src/app/modules/admin/game/powerball/components/list.component.ts
+++ b/src/app/modules/admin/game/powerball/components/list.component.ts
@@ -29,6 +29,7 @@ import {
 import { fuseAnimations } from '@fuse/animations';
 import { FuseConfirmationService } from '@fuse/services/confirmation';
 
+import { User } from 'app/modules/admin/member/user/models/user';
 import { Powerball } from '../models/powerball';
 import { PowerballPagination } from '../models/powerball-pagination';
 import { PowerballService } from '../services/powerball.service';
@@ -65,6 +66,7 @@ export class ListComponent implements OnInit, AfterViewInit, OnDestroy {
   @ViewChild(MatSort) private _sort!: MatSort;
 
   powerballs$!: Observable<Powerball[] | undefined>;
+  users$!: Observable<User[] | undefined>;
 
   isLoading = false;
   searchInputControl = new FormControl();
diff --git a/src/app/modules/admin/game/powerball/powerball.routing.ts b/src/app/modules/admin/game/powerball/powerball.routing.ts
index 9d8bced..6f935ac 100644
--- a/src/app/modules/admin/game/powerball/powerball.routing.ts
+++ b/src/app/modules/admin/game/powerball/powerball.routing.ts
@@ -1,8 +1,10 @@
 import { Route } from '@angular/router';
 
 import { ListComponent } from './components/list.component';
+import { ViewComponent } from '../../member/user/components/view.component';
 
 import { PowerballsResolver } from './resolvers/powerball.resolver';
+import { UserResolver } from '../../dashboards/user/user.resolvers';
 
 export const powerballRoutes: Route[] = [
   {
@@ -12,4 +14,11 @@ export const powerballRoutes: Route[] = [
       deposits: PowerballsResolver,
     },
   },
+  {
+    path: ':id',
+    component: ViewComponent,
+    resolve: {
+      users: UserResolver,
+    },
+  },
 ];