94 lines
3.2 KiB
HTML
94 lines
3.2 KiB
HTML
|
<div class="profile-menu-container">
|
||
|
|
<ng-container [ngSwitch]="menuButtonType">
|
||
|
|
<ng-container *ngSwitchCase="1">
|
||
|
|
<button
|
||
|
|
mat-icon-button
|
||
|
|
aria-label="chat"
|
||
|
|
[matTooltip]="'common:tooltip.chat' | ucapI18n"
|
||
|
|
(click)="onClickProfileMenu($event, ProfileMenuType.chat)"
|
||
|
|
>
|
||
|
|
<img src="assets/images/ico/btn_lise_chat_a24.svg" alt="" />
|
||
|
|
</button>
|
||
|
|
<button
|
||
|
|
mat-icon-button
|
||
|
|
aria-label="message"
|
||
|
|
[matTooltip]="'common:tooltip.message' | ucapI18n"
|
||
|
|
(click)="onClickProfileMenu($event, ProfileMenuType.message)"
|
||
|
|
>
|
||
|
|
<img src="assets/images/ico/btn_list_message_a24.svg" alt="" />
|
||
|
|
</button>
|
||
|
|
<button
|
||
|
|
mat-icon-button
|
||
|
|
aria-label="mobile"
|
||
|
|
[matTooltip]="'common:tooltip.mobile' | ucapI18n"
|
||
|
|
(click)="onClickProfileMenu($event, ProfileMenuType.mobile)"
|
||
|
|
>
|
||
|
|
<img src="assets/images/ico/btn_list_mobile_a24.svg" alt="" />
|
||
|
|
</button>
|
||
|
|
<button
|
||
|
|
mat-icon-button
|
||
|
|
aria-label="call"
|
||
|
|
[matTooltip]="'common:tooltip.office' | ucapI18n"
|
||
|
|
(click)="onClickProfileMenu($event, ProfileMenuType.office)"
|
||
|
|
>
|
||
|
|
<img src="assets/images/ico/btn_list_call_a24.svg" alt="" />
|
||
|
|
</button>
|
||
|
|
<button
|
||
|
|
mat-icon-button
|
||
|
|
aria-label="vc"
|
||
|
|
[disabled]="!authRes || (!!authRes && !authRes.canVideoConference)"
|
||
|
|
[matTooltip]="'common:tooltip.videoConference' | ucapI18n"
|
||
|
|
(click)="onClickProfileMenu($event, ProfileMenuType.videoConference)"
|
||
|
|
>
|
||
|
|
<img src="assets/images/ico/btn_list_vc-a24.svg" alt="" />
|
||
|
|
</button>
|
||
|
|
<button
|
||
|
|
mat-icon-button
|
||
|
|
aria-label="more"
|
||
|
|
*ngIf="isShowMoreMenu"
|
||
|
|
[matTooltip]="'common:tooltip.more' | ucapI18n"
|
||
|
|
(click)="onClickMoreMenu($event)"
|
||
|
|
>
|
||
|
|
<mat-icon>more_horiz</mat-icon>
|
||
|
|
</button>
|
||
|
|
</ng-container>
|
||
|
|
<ng-container *ngSwitchCase="2">
|
||
|
|
<button
|
||
|
|
mat-icon-button
|
||
|
|
aria-label="Profile"
|
||
|
|
[matTooltip]="'common:tooltip.profile' | ucapI18n"
|
||
|
|
(click)="onClickProfileMenu($event, ProfileMenuType.profile)"
|
||
|
|
>
|
||
|
|
<img src="assets/images/ico/btn_list_profile_set_a24.svg" alt="" />
|
||
|
|
</button>
|
||
|
|
<button
|
||
|
|
mat-icon-button
|
||
|
|
aria-label="chat"
|
||
|
|
[matTooltip]="'common:tooltip.chat' | ucapI18n"
|
||
|
|
(click)="onClickProfileMenu($event, ProfileMenuType.chat)"
|
||
|
|
>
|
||
|
|
<img src="assets/images/ico/btn_lise_chat_a24.svg" alt="" />
|
||
|
|
</button>
|
||
|
|
<button
|
||
|
|
mat-icon-button
|
||
|
|
*ngIf="!isMe"
|
||
|
|
aria-label="message"
|
||
|
|
[matTooltip]="'common:tooltip.message' | ucapI18n"
|
||
|
|
(click)="onClickProfileMenu($event, ProfileMenuType.message)"
|
||
|
|
>
|
||
|
|
<img src="assets/images/ico/btn_list_message_a24.svg" alt="" />
|
||
|
|
</button>
|
||
|
|
<div *ngIf="!isMe && !!isShowForce" class="divider"></div>
|
||
|
|
<button
|
||
|
|
mat-icon-button
|
||
|
|
*ngIf="!isMe && !!isShowForce"
|
||
|
|
aria-label="vc"
|
||
|
|
[matTooltip]="'common:tooltip.exitForcing' | ucapI18n"
|
||
|
|
(click)="onClickProfileMenu($event, ProfileMenuType.exitForcing)"
|
||
|
|
>
|
||
|
|
<img src="assets/images/ico/btn_list_exit_a24.svg" alt="" />
|
||
|
|
</button>
|
||
|
|
</ng-container>
|
||
|
|
</ng-container>
|
||
|
|
</div>
|