profile menu is modified

projects/ucap-webmessenger-app/src/app/layouts/native/components/top-bar.component.html

@@ -220,9 +220,9 @@
     <ucap-profile-my-profile-widget
       [profileImageRoot]="sessionVerinfo.profileRoot"
       [profileImageFile]="getMyProfileImageWidget()"
-      (click)="onClickOpenProfile($event)"
       *ngIf="!!loginRes"
       class="myprofile-item"
+      [matMenuTriggerFor]="profileMenu"
     ></ucap-profile-my-profile-widget>
 
     <div class="app-layout-native-title-bar-actions">
@@ -320,3 +320,18 @@
     </div>
   </div>
 </mat-toolbar>
+
+<mat-menu #profileMenu="matMenu">
+  <button mat-menu-item [matMenuTriggerFor]="presenseMenu">대화 가능</button>
+  <button mat-menu-item>상태 메시지 설정</button>
+  <button mat-menu-item (click)="onClickSettings()">설정</button>
+  <button mat-menu-item (click)="onClickLogout()">로그아웃</button>
+</mat-menu>
+
+<mat-menu #presenseMenu="matMenu">
+  <button mat-menu-item>온라인</button>
+  <button mat-menu-item>부재중</button>
+  <button mat-menu-item>다른용무중</button>
+  <button mat-menu-item>회의중</button>
+  <button mat-menu-item>집중근무중</button>
+</mat-menu>

projects/ucap-webmessenger-app/src/app/layouts/native/native.layout.module.ts

@@ -4,6 +4,7 @@ import { CommonModule } from '@angular/common';
 import { FlexLayoutModule } from '@angular/flex-layout';
 
 import { MatIconModule } from '@angular/material/icon';
+import { MatMenuModule } from '@angular/material/menu';
 import { MatToolbarModule } from '@angular/material/toolbar';
 
 import { UCapUiModule } from '@ucap-webmessenger/ui';
@@ -19,6 +20,7 @@ import { MatTooltipModule, MatBadgeModule } from '@angular/material';
     MatIconModule,
     MatToolbarModule,
     MatTooltipModule,
+    MatMenuModule,
     MatBadgeModule,
 
     UCapUiModule,