회원 정보 수정

src/app/core/auth/auth.service.ts

@@ -4,6 +4,8 @@ import { catchError, Observable, of, switchMap, throwError } from 'rxjs';
 import { AuthUtils } from 'app/core/auth/auth.utils';
 import { WebSessionStorageService } from 'app/core/web-storage/services/web-session-storage.service';
 import { IdentityService } from 'app/modules/polyglot/identity/services/identity.service';
+import { MemberService } from 'app/modules/polyglot/member/services/member.service';
+import { MemberInfo } from 'app/shared/models/member-info';
 
 @Injectable()
 export class AuthService {
@@ -15,6 +17,7 @@ export class AuthService {
   constructor(
     private _httpClient: HttpClient,
     private _identityService: IdentityService,
+    private _memberService: MemberService,
     private __webSessionStorageService: WebSessionStorageService
   ) {}
 
@@ -33,6 +36,21 @@ export class AuthService {
     localStorage.setItem('accessToken', token);
   }
 
+  set memberInfo(memberInfo: MemberInfo) {
+    const info = JSON.stringify(memberInfo);
+    localStorage.setItem('memberInfo', info);
+  }
+
+  get memberInfo(): MemberInfo {
+    const info = localStorage.getItem('memberInfo') ?? '';
+    let result = {} as MemberInfo;
+
+    if (info !== '') {
+      result = JSON.parse(info) as MemberInfo;
+    }
+    return result;
+  }
+
   // -----------------------------------------------------------------------------------------------------
   // @ Public methods
   // -----------------------------------------------------------------------------------------------------
@@ -75,6 +93,10 @@ export class AuthService {
             res.getAccessToken()
           );
 
+          this.memberInfo = {
+            username: credentials.username,
+          } as MemberInfo;
+
           // Store the access token in the local storage
           this.accessToken = res.getAccessToken();
 
@@ -121,6 +143,7 @@ export class AuthService {
   signOut(): Observable<any> {
     // Remove the access token from the local storage
     localStorage.removeItem('accessToken');
+    localStorage.removeItem('memberInfo');
 
     // Set the authenticated flag to false
     this._authenticated = false;

src/app/modules/beteran/component/home.component.html

@@ -84,19 +84,24 @@
             >
               회원아이디
             </div>
-            <div class="font-medium">test님</div>
+            <div class="font-medium">{{ member?.getUsername() }}</div>
             <div
               class="justify-self-end font-medium tracking-tight text-secondary"
             >
               보유금액
             </div>
-            <div class="font-medium">74,100원</div>
+            <div class="font-medium">
+              {{
+                member?.getMemberBalance()?.getBalanceSum()
+                  | currency: "KRW":"symbol"
+              }}
+            </div>
             <div
               class="justify-self-end font-medium tracking-tight text-secondary"
             >
               콤프
             </div>
-            <div class="font-medium">3,100P</div>
+            <div class="font-medium">3000P</div>
             <div
               class="justify-self-end font-medium tracking-tight text-secondary"
             >

src/app/modules/beteran/component/home.component.ts

@@ -29,6 +29,8 @@ import { environment } from 'environments/environment';
 import { ModifyMemberComposeComponent } from '../compose/compose/modify-member-compose.component';
 import { SlotGameComposeComponent } from '../compose/compose/slot-game-compose.component';
 import { MessageComposeComponent } from '../compose/compose/message-compose.component';
+import { MemberService } from 'app/modules/polyglot/member/services/member.service';
+import { MemberModel } from 'app/modules/proto/models/member_pb';
 
 export enum ComposeMenuType {
   signIn = 'SignIn',
@@ -60,6 +62,7 @@ export class HomeComponent implements OnInit {
   liveCasinos!: Vendor[];
   hotelCasinos!: Vendor[];
   slotGames!: Vendor[];
+  member!: MemberModel | undefined;
 
   data = {
     schedule: {
@@ -97,12 +100,17 @@ export class HomeComponent implements OnInit {
     private _formBuilder: FormBuilder,
     private _fuseConfirmationService: FuseConfirmationService,
     private _vendorService: VendorService,
-    private __gameService: GameService,
+    private _gameService: GameService,
+    private _memberService: MemberService,
     private _authService: AuthService
   ) {}
 
   ngOnInit(): void {
     if (!!this.loggedIn) {
+      const memberInfo = this._authService.memberInfo;
+      this._memberService
+        .getMemberByUsername(memberInfo.username)
+        .then((res) => (this.member = res.getMember()));
     }
     this._vendorService.listVendors().then((result) => {
       this.liveCasinos = result
@@ -229,7 +237,7 @@ export class HomeComponent implements OnInit {
   private async getGameByParentId(
     parenId: number
   ): Promise<ListGamesResponse.Result> {
-    return await this.__gameService.listGames(parenId);
+    return await this._gameService.listGames(parenId);
   }
 
   private openGameWindow(url: string): void {
@@ -301,7 +309,7 @@ export class HomeComponent implements OnInit {
         gameKey = gameList[0].getKey();
       }
 
-      let r = this.__gameService
+      let r = this._gameService
         .getGameUrl(vendor.getKey(), gameKey)
         .then((r) => {
           console.log('success', r.getUrl());

src/app/modules/polyglot/member/services/member.service.ts

@@ -64,10 +64,13 @@ export class MemberService {
     });
   }
 
-  getMemberByUsername(): Promise<GetMemberByUsernameResponse.Result> {
+  getMemberByUsername(
+    username: string
+  ): Promise<GetMemberByUsernameResponse.Result> {
     return new Promise<GetMemberByUsernameResponse.Result>(
       (resolve, reject) => {
         let req = new GetMemberByUsernameRequest();
+        req.setUsername(username);
 
         this.__natsService
           .request<GetMemberByUsernameResponse.Result>(

src/app/shared/models/member-info.ts

@@ -0,0 +1,4 @@
+export interface MemberInfo {
+  memberId?: string;
+  username: string;
+}