77 lines
1.9 KiB
HTML
77 lines
1.9 KiB
HTML
|
<mat-card class="example-card">
|
||
|
|
<mat-card-header>
|
||
|
|
<mat-card-title>
|
||
|
|
<span>{{ userInfo.name }}</span>
|
||
|
|
<span>{{ userInfo.grade }}</span>
|
||
|
|
</mat-card-title>
|
||
|
|
<mat-card-subtitle>{{ userInfo.deptName }}</mat-card-subtitle>
|
||
|
|
</mat-card-header>
|
||
|
|
<mat-card-content>
|
||
|
|
<ul>
|
||
|
|
<li>
|
||
|
|
<img
|
||
|
|
ucapImage
|
||
|
|
[base]="profileImageRoot"
|
||
|
|
[path]="userInfo.profileImageFile"
|
||
|
|
[default]="'assets/images/img_nophoto_50.png'"
|
||
|
|
/>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<mat-icon>chat</mat-icon>
|
||
|
|
{{ userInfo.intro }}
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<mat-icon>email</mat-icon>
|
||
|
|
{{ userInfo.email }}
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<mat-icon>local_phone</mat-icon>
|
||
|
|
{{ userInfo.lineNumber }}
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<mat-icon>phone_android</mat-icon>
|
||
|
|
{{ userInfo.hpNumber }}
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</mat-card-content>
|
||
|
|
<mat-card-actions>
|
||
|
|
<div fxFlex fxLayout="row" fxLayoutAlign="space-around center">
|
||
|
|
<button
|
||
|
|
mat-mini-fab
|
||
|
|
[matTooltip]="isMe ? 'MyTalk' : '1:1 대화'"
|
||
|
|
matTooltipPosition="above"
|
||
|
|
(click)="onClickOpenChat()"
|
||
|
|
>
|
||
|
|
<mat-icon>chat</mat-icon>
|
||
|
|
</button>
|
||
|
|
<button
|
||
|
|
mat-mini-fab
|
||
|
|
*ngIf="!isMe"
|
||
|
|
matTooltip="전화"
|
||
|
|
matTooltipPosition="above"
|
||
|
|
(click)="onClickCall()"
|
||
|
|
>
|
||
|
|
<mat-icon>call</mat-icon>
|
||
|
|
</button>
|
||
|
|
<button
|
||
|
|
mat-mini-fab
|
||
|
|
*ngIf="!isMe"
|
||
|
|
matTooltip="화상회의"
|
||
|
|
matTooltipPosition="above"
|
||
|
|
(click)="onClickVideoConference()"
|
||
|
|
>
|
||
|
|
<mat-icon>videocam</mat-icon>
|
||
|
|
</button>
|
||
|
|
<button
|
||
|
|
mat-mini-fab
|
||
|
|
*ngIf="!isMe"
|
||
|
|
matTooltip="쪽지"
|
||
|
|
matTooltipPosition="above"
|
||
|
|
(click)="onClickMessage()"
|
||
|
|
>
|
||
|
|
<mat-icon>sms</mat-icon>
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
</mat-card-actions>
|
||
|
|
</mat-card>
|