86 lines
2.4 KiB
HTML
86 lines
2.4 KiB
HTML
|
<div
|
||
|
|
class="ucap-group-profile-list-item-02-container"
|
||
|
|
(mouseover)="onMouseover($event)"
|
||
|
|
(mouseleave)="onMouseleave($event)"
|
||
|
|
>
|
||
|
|
<div class="user-profile-info">
|
||
|
|
<div class="profile-image">
|
||
|
|
<ucap-organization-profile-image-01
|
||
|
|
ucapGroupProfileListItem02="profileImage"
|
||
|
|
[userInfo]="userInfo"
|
||
|
|
[profileImageRoot]="versionInfo2Res?.profileRoot"
|
||
|
|
defaultProfileImage="assets/images/ico/img_nophoto.svg"
|
||
|
|
>
|
||
|
|
</ucap-organization-profile-image-01>
|
||
|
|
</div>
|
||
|
|
<div class="user-info">
|
||
|
|
<div class="user-n-g">
|
||
|
|
<div class="user-name">
|
||
|
|
{{ userInfo | ucapOrganizationTranslate: 'name' }}
|
||
|
|
</div>
|
||
|
|
<div class="user-grade">
|
||
|
|
{{ userInfo | ucapOrganizationTranslate: 'grade' }}
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="dept-name">
|
||
|
|
{{ userInfo | ucapOrganizationTranslate: 'deptName' }}
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="user-info">
|
||
|
|
<div class="intro">{{ userInfo.intro }}</div>
|
||
|
|
<div class="nickname">{{ userInfo.nickName }}</div>
|
||
|
|
</div>
|
||
|
|
<div *ngIf="isShow || isClickMore">
|
||
|
|
<ng-template [ngTemplateOutlet]="profileMoreContextTemplate"></ng-template>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<ng-template #profileMoreContextTemplate>
|
||
|
|
<button
|
||
|
|
mat-icon-button
|
||
|
|
aria-label="chat"
|
||
|
|
(click)="onClickProfileContextMenu($event, 'CHAT')"
|
||
|
|
>
|
||
|
|
<img src="../../../assets/images/ico/btn_lise_chat_a24.svg" alt="" />
|
||
|
|
</button>
|
||
|
|
<button
|
||
|
|
mat-icon-button
|
||
|
|
aria-label="message"
|
||
|
|
(click)="
|
||
|
|
$event.stopPropagation(); onClickProfileContextMenu($event, 'CHAT')
|
||
|
|
"
|
||
|
|
>
|
||
|
|
<img src="../../../assets/images/ico/btn_list_message_a24.svg" alt="" />
|
||
|
|
</button>
|
||
|
|
<button
|
||
|
|
mat-icon-button
|
||
|
|
aria-label="mobile"
|
||
|
|
(click)="onClickProfileContextMenu($event, 'CHAT')"
|
||
|
|
>
|
||
|
|
<img src="../../../assets/images/ico/btn_list_mobile_a24.svg" alt="" />
|
||
|
|
</button>
|
||
|
|
<button
|
||
|
|
mat-icon-button
|
||
|
|
aria-label="call"
|
||
|
|
(click)="onClickProfileContextMenu($event, 'CHAT')"
|
||
|
|
>
|
||
|
|
<img src="../../../assets/images/ico/btn_list_call_a24.svg" alt="" />
|
||
|
|
</button>
|
||
|
|
<button
|
||
|
|
mat-icon-button
|
||
|
|
aria-label="vc"
|
||
|
|
(click)="onClickProfileContextMenu($event, 'CHAT')"
|
||
|
|
>
|
||
|
|
<img src="../../../assets/images/ico/btn_list_vc-a24.svg" alt="" />
|
||
|
|
</button>
|
||
|
|
<button
|
||
|
|
mat-icon-button
|
||
|
|
aria-label="more"
|
||
|
|
*ngIf="true"
|
||
|
|
(click)="onClickMore($event)"
|
||
|
|
>
|
||
|
|
<mat-icon>more_horiz</mat-icon>
|
||
|
|
</button>
|
||
|
|
</ng-template>
|