433 lines
17 KiB
HTML
Raw Normal View History

<mat-card class="example-card profile mat-elevation-z">
2019-11-08 13:35:39 +09:00
<mat-card-header>
2019-12-23 17:48:28 +09:00
<div class="profile-img">
<div class="profile-img-mask">
<!-- <div
class="profile-img-mask"
(click)="onClickProfileImageView()"
style="cursor: pointer;"
> -->
2019-12-24 17:11:43 +09:00
<img
ucapImage
[base]="profileImageRoot"
[path]="userInfo.profileImageFile"
[default]="'assets/images/img_nophoto_50.png'"
/>
2019-12-23 17:48:28 +09:00
</div>
2019-12-23 19:12:22 +09:00
2019-12-24 17:11:43 +09:00
<button
mat-mini-fab
2020-02-13 20:03:24 +09:00
class="mat-elevation-z6 icon-button btn-upload-profile-image"
2019-12-24 17:11:43 +09:00
*ngIf="isMe && editableProfileImage"
2020-01-08 17:35:56 +09:00
matTooltip="{{ 'profile.changeProfileImage' | translate }}"
2019-12-24 17:11:43 +09:00
matTooltipPosition="above"
[disabled]="
profileImageFileUploadItem &&
profileImageFileUploadItem.uploadingProgress$
"
(click)="profileImageFileInput.click()"
>
2020-02-13 20:03:24 +09:00
<i class="mid mdi-camera"></i>
2019-12-23 19:12:22 +09:00
</button>
<button
mat-mini-fab
class="mat-elevation-z6 icon-button btn-elephant"
*ngIf="!!enableElephantButton"
matTooltip="칭찬 코끼리 보내기"
(click)="onClickSendElephant()"
>
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 30 30"
stroke-width="1.5"
stroke="#357abc"
fill="#98d7e2"
>
<path
d="M29,17.3a21.32,21.32,0,0,0-.63-4.39A10.59,10.59,0,0,0,28,11.85c0-.14-.1-.27-.15-.41l-.16-.39a13,13,0,0,0-.81-1.52,11.29,11.29,0,0,0-1.59-2c-.2-.2-.4-.4-.62-.58s-.43-.36-.66-.53a10.83,10.83,0,0,0-1.82-1.09l-.39-.18c-.26-.11-.53-.21-.81-.31A11.06,11.06,0,0,0,6.62,13.71l0,.09v0s0,.07,0,.1v0a.52.52,0,0,0,0,.11h0a.43.43,0,0,1,0,.11h0a.32.32,0,0,1,0,.09v0s0,.05,0,.08h0a.1.1,0,0,1,0,0h0l-.05,0h0l0,0a1.42,1.42,0,0,1-.56-.62,1.84,1.84,0,0,1-.13-1.17A4,4,0,0,1,6,11.55L2.14,9.83h0a6.75,6.75,0,0,0-.84,1.78c-.05.14-.09.29-.13.45A6.18,6.18,0,0,0,1,13.31a5,5,0,0,0,.78,2.84c.08.13.17.26.26.38l.06.08c.09.11.17.22.27.33l0,0,.26.28.07.06.28.25,0,0a2.48,2.48,0,0,0,.26.19l.06,0,.3.19.05,0,.27.14.06,0,.29.13.06,0,.25.09,0,0,.29.09h.06l.24.06h0l.26.05h0l.23,0h0l.23,0h.94l.13.43c.07.19.15.38.23.57s.17.38.27.56a11.26,11.26,0,0,0,1,1.51c.13.16.25.32.39.48a5.34,5.34,0,0,0,.39.44A11.78,11.78,0,0,0,10.9,24.1c.27.2.54.39.83.57a11.72,11.72,0,0,0,1.78,1l.16.06h.19l.13,0h0l.1-.06h0a.39.39,0,0,0,.08-.1h0l.05-.11v0l0-.1h0s0-.06,0-.09v-.08h0v-1a3.27,3.27,0,0,1,.41-1.59,3.36,3.36,0,0,1,2.94-1.76h0a3.31,3.31,0,0,1,1,.16l.3.11a3.15,3.15,0,0,1,.57.31,2.48,2.48,0,0,1,.26.19A3.34,3.34,0,0,1,21,24.08v.79h0v.29l0,0v0a.43.43,0,0,1,0,0v0a.25.25,0,0,0,0,.07h0a.21.21,0,0,0,0,.06v0l0,0,0,0,0,0,0,0,0,0h.18l.09,0a11,11,0,0,0,1.65-.82c.27-.16.53-.34.78-.52a10.65,10.65,0,0,0,1.07-.93c.11-.12.22-.23.32-.35a7.25,7.25,0,0,0,.58-.76l.24-.4a6.43,6.43,0,0,0,.41-.88l.15-.46.15.64c0,.09,0,.18.05.27v.09l0,.18v.1l0,.19V22l0,.2v.05l0,.2v.07c0,.05,0,.09,0,.14v.07a.69.69,0,0,1,0,.13V23a.94.94,0,0,1,0,.16v0a.56.56,0,0,0,0,.12v0l0,.08v0l0,.06,0,0a.1.1,0,0,0,.05,0h.07l.05,0s0,0,0,0a.12.12,0,0,0,.05,0l0,0a.52.52,0,0,0,.08-.11A9.41,9.41,0,0,0,29,18.52C29,18.12,29,17.71,29,17.3ZM10.55,11.59a.86.86,0,1,1,0-1.71.85.85,0,0,1,.85.85A.86.86,0,0,1,10.55,11.59Zm9.79,4.79A5.27,5.27,0,0,1,17,18.07a2.67,2.67,0,0,1-2-.95,7.21,7.21,0,0,1-1.69-4.84c.07-1.18.76-4,5.58-4.94a4.18,4.18,0,0,1,.61,0v0a3.43,3.43,0,0,1,3.11,2.29C23.5,11.73,22.63,14.27,20.34,16.38Z"
transform="translate(-1 -4.29)"
/>
</svg>
</button>
2019-12-24 17:11:43 +09:00
<span
*ngIf="getWorkstatus(userInfo).length > 0"
class="work-status"
[ngClass]="getWorkstatusStyle(userInfo)"
2019-12-24 17:11:43 +09:00
>
{{ getWorkstatus(userInfo) }}
2019-12-23 17:48:28 +09:00
</span>
2019-12-24 17:11:43 +09:00
<mat-spinner
*ngIf="
profileImageFileUploadItem &&
profileImageFileUploadItem.uploadingProgress$
"
mode="determinate"
strokeWidth="5"
diameter="84"
[value]="profileImageFileUploadItem.uploadingProgress$ | async"
class="upload-profile-image-spinner"
>
2019-12-24 15:44:30 +09:00
</mat-spinner>
2019-12-23 17:48:28 +09:00
2019-12-24 17:11:43 +09:00
<input
type="file"
#profileImageFileInput
style="display: none"
(change)="onChangeFileInput()"
/>
2019-12-23 17:48:28 +09:00
</div>
2019-11-08 13:35:39 +09:00
<mat-card-title>
2019-12-23 19:12:22 +09:00
<span class="name">{{ userInfo | ucapTranslate: 'name' }}</span>
<span class="number">{{ userInfo.employeeNum | slice: 2 }}</span>
2019-11-08 13:35:39 +09:00
</mat-card-title>
2019-12-23 19:12:22 +09:00
<mat-card-subtitle>
<span class="company">{{
userInfo.companyName | ucapStringEmptycheck
}}</span>
2019-12-24 17:11:43 +09:00
<span class="deptName">{{ userInfo | ucapTranslate: 'deptName' }}</span>
2019-12-23 19:12:22 +09:00
<span class="grade">{{ userInfo | ucapTranslate: 'grade' }}</span>
</mat-card-subtitle>
2019-11-29 18:24:51 +09:00
2020-01-20 13:25:59 +09:00
<div class="intro">
<ng-container *ngIf="!isMe">
{{ userInfo.intro }}
</ng-container>
<ng-container *ngIf="!!isMe">
<ucap-inline-edit-input
(apply)="
$event.stopPropagation(); onApplyIntroMessage(introMessage.value)
"
(edit)="$event.stopPropagation()"
(cancel)="
$event.stopPropagation(); introMessage.value = userInfo.intro
"
2020-01-20 13:25:59 +09:00
class="form-eidt"
>
<span ucapInlineEditInput="view">{{ userInfo.intro }}</span>
<span ucapInlineEditInput="edit"
><input
matInput
#introMessage
type="text"
maxlength="20"
[value]="userInfo.intro"
(click)="$event.stopPropagation()"
/></span>
</ucap-inline-edit-input>
</ng-container>
</div>
<div *ngIf="!isMe" class="profile-option">
2019-12-24 17:11:43 +09:00
<span *ngIf="isBuddy" class="btn-favorite">
<svg
xmlns="http://www.w3.org/2000/svg"
width="20"
height="20"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="1.5"
stroke-linecap="butt"
stroke-linejoin="round"
[ngClass]="[isFavorit ? 'on' : '']"
(click)="onToggleFavorit()"
2020-01-08 17:35:56 +09:00
matTooltip="{{ 'profile.favorite' | translate }}"
2019-12-24 17:11:43 +09:00
>
2019-12-24 15:44:30 +09:00
<polygon
2019-12-24 17:11:43 +09:00
points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"
></polygon>
2019-11-13 17:46:25 +09:00
</svg>
</span>
<span class="btn-groupadd">
<svg
xmlns="http://www.w3.org/2000/svg"
width="20"
height="20"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="1.5"
stroke-linecap="butt"
stroke-linejoin="round"
class="on"
*ngIf="getShowBuddyToggleBtn('ADD')"
(click)="onClickAddBuddy()"
2020-01-08 17:35:56 +09:00
matTooltip="{{ 'profile.addBuddy' | translate }}"
>
<!-- not buddy -->
<path d="M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path>
<circle cx="8.5" cy="7" r="4"></circle>
<line x1="20" y1="8" x2="20" y2="14"></line>
<line x1="23" y1="11" x2="17" y2="11"></line>
</svg>
<svg
xmlns="http://www.w3.org/2000/svg"
width="20"
height="20"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="1.5"
stroke-linecap="butt"
stroke-linejoin="round"
class="on"
*ngIf="getShowBuddyToggleBtn('DEL')"
(click)="onClickDelBuddy()"
2020-01-08 17:35:56 +09:00
matTooltip="{{ 'profile.removeBuddy' | translate }}"
>
<!-- is buddy -->
<path d="M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path>
<circle cx="8.5" cy="7" r="4"></circle>
<line x1="23" y1="11" x2="17" y2="11"></line>
</svg>
2019-11-13 17:46:25 +09:00
</span>
</div>
2019-12-24 17:11:43 +09:00
<!-- <div *ngIf="isMe" class="profile-edit">
2019-12-23 17:48:28 +09:00
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
2019-12-24 17:11:43 +09:00
<path
d="M12.3 3.7l4 4L4 20H0v-4L12.3 3.7zm1.4-1.4L16 0l4 4-2.3 2.3-4-4z"
/>
</svg>
</div> -->
2019-12-23 17:48:28 +09:00
</mat-card-header>
2019-11-13 17:46:25 +09:00
2019-12-23 17:48:28 +09:00
<mat-card-content>
2020-02-06 09:57:34 +09:00
<button class="icon-button btn-dialog-close" (click)="onClose()">
<i class="mdi mdi-window-close"></i>
</button>
2019-12-23 17:48:28 +09:00
<ul class="userInfo-list">
2019-12-24 15:44:30 +09:00
<li class="company">
2020-01-08 17:35:56 +09:00
<dt class="division">{{ 'profile.fieldCompany' | translate }}</dt>
<dd>{{ userInfo.companyName | ucapStringEmptycheck }}</dd>
2019-12-24 15:44:30 +09:00
</li>
<li class="employeeNum">
<dt class="division">
{{ 'profile.fieldEmployeeNumber' | translate }}
</dt>
<dd>{{ userInfo.employeeNum | slice: 2 }}</dd>
</li>
<li class="deptName">
<dt class="division">{{ 'search.fieldDeptartment' | translate }}</dt>
<dd>{{ userInfo | ucapTranslate: 'deptName' }}</dd>
</li>
<li class="grade">
<dt class="division">{{ 'search.fieldGrade' | translate }}</dt>
<dd>{{ userInfo | ucapTranslate: 'grade' }}</dd>
</li>
2019-12-24 15:44:30 +09:00
<li>
2020-01-08 17:35:56 +09:00
<dt class="division">
{{ 'profile.fieldResponsibilities' | translate }}
</dt>
2019-12-24 17:11:43 +09:00
<dd>{{ userInfo.responsibilities | ucapStringEmptycheck }}</dd>
2019-12-24 15:44:30 +09:00
</li>
<li>
2020-01-10 16:54:00 +09:00
<dt>{{ 'profile.fieldWorkplace' | translate }}</dt>
<dd>{{ userInfo.workplace | ucapStringEmptycheck }}</dd>
2019-12-24 15:44:30 +09:00
</li>
<li *ngIf="userInfo.job">
2020-01-08 17:35:56 +09:00
<dt class="division">{{ 'profile.fieldJob' | translate }}</dt>
<dd>{{ userInfo.job | ucapStringEmptycheck }}</dd>
2019-12-24 15:44:30 +09:00
</li>
<li *ngIf="userInfo.customerInfo">
2020-01-08 17:35:56 +09:00
<dt>{{ 'profile.fieldCustomerInfo' | translate }}</dt>
<dd>{{ userInfo.customerInfo | ucapStringEmptycheck }}</dd>
2019-12-24 15:44:30 +09:00
</li>
2019-11-08 13:35:39 +09:00
<li>
2020-01-08 17:35:56 +09:00
<dt class="division">{{ 'profile.fieldEmail' | translate }}</dt>
2019-12-24 17:11:43 +09:00
<dd>{{ userInfo.email | ucapStringEmptycheck }}</dd>
</li>
2019-11-08 13:35:39 +09:00
<li>
2020-01-08 17:35:56 +09:00
<dt class="division">
{{ 'profile.fieldOfficePhoneNumber' | translate }}
</dt>
<dd class="phone-number">
2019-12-24 17:11:43 +09:00
{{
userInfo.lineNumber
| ucapStringFormatterPhone
| ucapStringEmptycheck
}}
</dd>
<button
mat-mini-fab
class="mat-elevation-z userInfo-call"
*ngIf="!isMe"
2020-01-08 17:35:56 +09:00
matTooltip="{{ 'profile.fieldOfficePhoneNumber' | translate }}"
2019-12-24 17:11:43 +09:00
matTooltipPosition="above"
[disabled]="getDisabledBtn('LINE')"
(click)="onClickCall('LINE')"
>
<svg
id="레이어_1"
data-name="레이어 1"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 20 20"
>
<path
d="M18.61,16.55c-0.42,1.03-2.29,1.97-3.12,2.01c-0.83,0.04-0.85,0.64-5.37-1.32c-4.51-1.96-7.23-6.73-7.45-7.04
2019-12-23 17:48:28 +09:00
C2.46,9.9,0.92,7.71,1,5.51c0.08-2.2,1.29-3.24,1.72-3.67c0.43-0.43,0.92-0.51,1.22-0.51c0.36-0.01,0.59-0.01,0.85,0
c0.26,0.01,0.66-0.06,1,0.85c0.34,0.91,1.16,3.14,1.26,3.37c0.1,0.23,0.17,0.49,0.01,0.78C6.91,6.63,6.82,6.81,6.59,7.06
c-0.24,0.25-0.5,0.57-0.71,0.76C5.65,8.04,5.4,8.27,5.65,8.73c0.25,0.46,1.1,1.96,2.39,3.19c1.66,1.59,3.1,2.11,3.54,2.35
c0.44,0.24,0.71,0.21,0.98-0.07c0.27-0.29,1.18-1.26,1.49-1.7c0.32-0.44,0.62-0.35,1.02-0.19c0.41,0.16,2.58,1.33,3.03,1.57
2019-12-24 17:11:43 +09:00
c0.44,0.24,0.74,0.36,0.84,0.55C19.05,14.62,19.02,15.52,18.61,16.55L18.61,16.55z"
/>
2019-12-23 17:48:28 +09:00
</svg>
</button>
2019-11-08 13:35:39 +09:00
</li>
<li>
2020-01-08 17:35:56 +09:00
<dt class="division">{{ 'profile.fieldHandphone' | translate }}</dt>
<dd class="phone-number">
2019-12-24 17:11:43 +09:00
{{
userInfo.hpNumber | ucapStringFormatterPhone | ucapStringEmptycheck
}}
</dd>
<button
mat-mini-fab
class="mat-elevation-z userInfo-call"
*ngIf="!isMe"
2020-01-08 17:35:56 +09:00
matTooltip="{{ 'profile.fieldHandphone' | translate }}"
2019-12-24 17:11:43 +09:00
matTooltipPosition="above"
[disabled]="getDisabledBtn('MOBILE')"
(click)="onClickCall('MOBILE')"
>
<svg
id="레이어_1"
data-name="레이어 1"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 20 20"
>
<path
d="M18.61,16.55c-0.42,1.03-2.29,1.97-3.12,2.01c-0.83,0.04-0.85,0.64-5.37-1.32c-4.51-1.96-7.23-6.73-7.45-7.04
2019-12-23 17:48:28 +09:00
C2.46,9.9,0.92,7.71,1,5.51c0.08-2.2,1.29-3.24,1.72-3.67c0.43-0.43,0.92-0.51,1.22-0.51c0.36-0.01,0.59-0.01,0.85,0
c0.26,0.01,0.66-0.06,1,0.85c0.34,0.91,1.16,3.14,1.26,3.37c0.1,0.23,0.17,0.49,0.01,0.78C6.91,6.63,6.82,6.81,6.59,7.06
c-0.24,0.25-0.5,0.57-0.71,0.76C5.65,8.04,5.4,8.27,5.65,8.73c0.25,0.46,1.1,1.96,2.39,3.19c1.66,1.59,3.1,2.11,3.54,2.35
c0.44,0.24,0.71,0.21,0.98-0.07c0.27-0.29,1.18-1.26,1.49-1.7c0.32-0.44,0.62-0.35,1.02-0.19c0.41,0.16,2.58,1.33,3.03,1.57
2019-12-24 17:11:43 +09:00
c0.44,0.24,0.74,0.36,0.84,0.55C19.05,14.62,19.02,15.52,18.61,16.55L18.61,16.55z"
/>
2019-12-24 15:44:30 +09:00
</svg>
2019-12-23 17:48:28 +09:00
</button>
</li>
2019-11-08 13:35:39 +09:00
</ul>
2019-11-13 17:46:25 +09:00
2019-12-23 17:48:28 +09:00
<mat-card-actions>
<div fxFlex fxLayout="row" fxLayoutAlign="space-around center">
<div class="button-text-item">
2019-12-24 17:11:43 +09:00
<button
mat-mini-fab
class="mat-elevation-z bg-accent-darkest"
2020-01-08 17:35:56 +09:00
matTooltip="{{
(isMe ? 'profile.fieldMyTalk' : 'profile.fieldOneToOneTalk')
| translate
}}"
2019-12-24 17:11:43 +09:00
matTooltipPosition="above"
(click)="onClickOpenChat()"
>
<svg
id="레이어_1"
data-name="레이어 1"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 20 20"
>
2019-12-24 15:44:30 +09:00
<path
d="M26.57,14a9.05,9.05,0,0,0-12.82,0,9.07,9.07,0,0,0-.57,12.2,3.57,3.57,0,0,1-1.46,1.61.84.84,0,0,0-.46.89.86.86,0,0,0,.71.71,4.34,4.34,0,0,0,.71.05,5.32,5.32,0,0,0,3.19-1.06A9.07,9.07,0,0,0,26.57,14Z"
2019-12-24 17:11:43 +09:00
transform="translate(-11.09 -11.32)"
/>
2019-12-24 15:44:30 +09:00
<path
d="M20.16,20.53a.14.14,0,0,1-.14-.14.14.14,0,0,1,.14-.14.14.14,0,0,1,.13.14A.13.13,0,0,1,20.16,20.53Z"
2019-12-24 17:11:43 +09:00
transform="translate(-11.09 -11.32)"
/>
<path
class="cls-1"
d="M20.16,19.75a.64.64,0,1,0,.64.64.64.64,0,0,0-.64-.64Z"
transform="translate(-11.09 -11.32)"
/>
2019-12-24 15:44:30 +09:00
<circle cx="12.35" cy="9.07" r="0.14" />
2019-12-24 17:11:43 +09:00
<path
class="cls-1"
d="M23.44,19.75a.64.64,0,1,0,.64.64.64.64,0,0,0-.64-.64Z"
transform="translate(-11.09 -11.32)"
/>
2019-12-24 15:44:30 +09:00
<circle cx="5.78" cy="9.07" r="0.14" />
2019-12-24 17:11:43 +09:00
<path
class="cls-1"
d="M16.88,19.75a.64.64,0,1,0,.63.64.64.64,0,0,0-.63-.64Z"
transform="translate(-11.09 -11.32)"
/>
2019-12-23 17:48:28 +09:00
</svg>
</button>
2020-01-08 17:35:56 +09:00
<span *ngIf="!isMe" class="button-text">{{
'profile.fieldOneToOneTalk' | translate
}}</span>
<span *ngIf="isMe" class="button-text">{{
'profile.fieldMyTalk' | translate
}}</span>
2019-12-23 17:48:28 +09:00
</div>
2019-11-13 17:46:25 +09:00
2019-12-23 17:48:28 +09:00
<div class="button-text-item" *ngIf="!isMe">
2019-12-24 17:11:43 +09:00
<button
mat-mini-fab
class="mat-elevation-z"
*ngIf="!isMe"
2020-01-08 17:35:56 +09:00
matTooltip="{{ 'profile.fieldSMS' | translate }}"
2019-12-24 17:11:43 +09:00
matTooltipPosition="above"
[disabled]="getDisabledBtn('SMS')"
(click)="onClickSMS()"
>
2019-12-23 17:48:28 +09:00
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
<path
2019-12-24 17:11:43 +09:00
d="M2 2c0-1.1.9-2 2-2h12a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2zm2 0v14h12V2H4zm6 17a1 1 0 1 0 0-2 1 1 0 0 0 0 2z"
/>
2019-12-24 15:44:30 +09:00
</svg>
2019-12-23 17:48:28 +09:00
</button>
2020-01-08 17:35:56 +09:00
<span class="button-text">{{ 'profile.fieldSMS' | translate }}</span>
2019-12-23 17:48:28 +09:00
</div>
<div
class="button-text-item"
*ngIf="!isMe && !!authInfo && authInfo.canVideoConference"
>
2019-12-24 17:11:43 +09:00
<button
mat-mini-fab
class="mat-elevation-z bg-accent-darkest"
*ngIf="!isMe"
2020-01-08 17:35:56 +09:00
matTooltip="{{ 'profile.fieldVideoConference' | translate }}"
2019-12-24 17:11:43 +09:00
matTooltipPosition="above"
(click)="onClickVideoConference()"
>
2019-12-23 17:48:28 +09:00
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
2019-12-24 15:44:30 +09:00
<path
2019-12-24 17:11:43 +09:00
d="M16 7l4-4v14l-4-4v3a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4c0-1.1.9-2 2-2h12a2 2 0 0 1 2 2v3zm-8 7a4 4 0 1 0 0-8 4 4 0 0 0 0 8zm0-2a2 2 0 1 1 0-4 2 2 0 0 1 0 4z"
/>
</svg>
2019-12-23 17:48:28 +09:00
</button>
2020-01-08 17:35:56 +09:00
<span class="button-text">{{
'profile.fieldVideoConference' | translate
}}</span>
2019-12-23 17:48:28 +09:00
</div>
2019-12-23 17:48:28 +09:00
<div class="button-text-item" *ngIf="!isMe">
2019-12-24 17:11:43 +09:00
<button
mat-mini-fab
class="mat-elevation-z bg-accent-darkest"
*ngIf="!isMe"
2020-01-08 17:35:56 +09:00
matTooltip="{{ 'profile.fieldMessage' | translate }}"
2019-12-24 17:11:43 +09:00
matTooltipPosition="above"
(click)="onClickMessage()"
>
2019-12-23 17:48:28 +09:00
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
2019-12-24 17:11:43 +09:00
<path d="M0 0l20 10L0 20V0zm0 8v4l10-2L0 8z" />
</svg>
2019-12-23 17:48:28 +09:00
</button>
2020-01-08 17:35:56 +09:00
<span class="button-text">{{
'profile.fieldMessage' | translate
}}</span>
2019-12-23 17:48:28 +09:00
</div>
</div>
</mat-card-actions>
</mat-card-content>
2019-12-24 17:11:43 +09:00
</mat-card>