From ebf25660d5f83c06b801094a83365f1667290263 Mon Sep 17 00:00:00 2001
From: khk <khk@gmail.com>
Date: Tue, 24 Dec 2019 15:44:30 +0900
Subject: [PATCH] =?UTF-8?q?=ED=94=84=EB=A1=9C=ED=95=84=20=EC=B6=94?=
 =?UTF-8?q?=EA=B0=80=EC=A0=95=EB=B3=B4=20=EC=A0=81=EC=9A=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/lib/components/profile.component.html | 87 +++++++++++++------
 1 file changed, 62 insertions(+), 25 deletions(-)

diff --git a/projects/ucap-webmessenger-ui-profile/src/lib/components/profile.component.html b/projects/ucap-webmessenger-ui-profile/src/lib/components/profile.component.html
index 3396717c..ca053b59 100644
--- a/projects/ucap-webmessenger-ui-profile/src/lib/components/profile.component.html
+++ b/projects/ucap-webmessenger-ui-profile/src/lib/components/profile.component.html
@@ -3,7 +3,7 @@
     <div class="profile-img">
       <div class="profile-img-mask">
         <img ucapImage [base]="profileImageRoot" [path]="userInfo.profileImageFile"
-        [default]="'assets/images/img_nophoto_50.png'" />
+          [default]="'assets/images/img_nophoto_50.png'" />
       </div>
 
       <button mat-mini-fab class="mat-elevation-z6 btn-upload-profile-image" *ngIf="isMe && editableProfileImage"
@@ -22,7 +22,8 @@
                   profileImageFileUploadItem &&
                   profileImageFileUploadItem.uploadingProgress$
                 " mode="determinate" strokeWidth="5" diameter="84"
-        [value]="profileImageFileUploadItem.uploadingProgress$ | async" class="upload-profile-image-spinner"></mat-spinner>
+        [value]="profileImageFileUploadItem.uploadingProgress$ | async" class="upload-profile-image-spinner">
+      </mat-spinner>
 
       <input type="file" #profileImageFileInput style="display: none" (change)="onChangeFileInput()" />
 
@@ -41,9 +42,11 @@
 
     <div *ngIf="!isMe" class="profile-option">
       <span *ngIf="isBuddy" class="btn-favorite" (click)="onToggleFavorit()">
-        <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' : '']">
-          <polygon 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">
+        <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' : '']">
+          <polygon
+            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>
         </svg>
       </span>
@@ -73,11 +76,12 @@
     <div *ngIf="isMe" class="profile-edit">
       <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
         <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>
+    </div>
   </mat-card-header>
 
   <mat-card-content>
     <ul class="userInfo-list">
+      <!--기존 삭제해주세요
       <li>
         <dt class="division">사업장</dt>
         <dd>{{ userInfo.workplace }}</dd>
@@ -90,14 +94,35 @@
         <dt class="division">사원직무/거래처</dt>
         <dd>가나다라마바사아자차카타파하</dd>
       </li>
+    -->
+      <li class="company">
+        <dt class="division">회사</dt>
+        <dd>회사명</dd>
+      </li>
+      <li>
+        <dt class="division">담당업무</dt>
+        <dd>담당업무 정보</dd>
+      </li>
+      <li>
+        <dt>근무지</dt>
+        <dd>근무지영역정보</dd>
+      </li>
+      <li>
+        <dt class="division">직무</dt>
+        <dd>직무정보</dd>
+      </li>
+      <li>
+        <dt>거래처</dt>
+        <dd>거래처정보</dd>
+      </li>
       <li>
         <dt class="division">이메일</dt>
         <dd>{{ userInfo.email }}</dd>
       <li>
         <dt class="division">사무실</dt>
         <dd>{{ userInfo.lineNumber }}1234567890123456789012345678901234567890</dd>
-        <button mat-mini-fab class="mat-elevation-z userInfo-call" *ngIf="!isMe" matTooltip="전화" matTooltipPosition="above"
-          [disabled]="getDisabledBtn('LINE')" (click)="onClickCall('LINE')">
+        <button mat-mini-fab class="mat-elevation-z userInfo-call" *ngIf="!isMe" matTooltip="전화"
+          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
               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
@@ -111,8 +136,8 @@
       <li>
         <dt class="division">핸드폰</dt>
         <dd>{{ userInfo.hpNumber }}</dd>
-        <button mat-mini-fab class="mat-elevation-z userInfo-call" *ngIf="!isMe" matTooltip="모바일" matTooltipPosition="above"
-          [disabled]="getDisabledBtn('MOBILE')" (click)="onClickCall('MOBILE')">
+        <button mat-mini-fab class="mat-elevation-z userInfo-call" *ngIf="!isMe" matTooltip="모바일"
+          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
             	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
@@ -120,7 +145,7 @@
             	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
               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" />
-            </svg>
+          </svg>
         </button>
       </li>
     </ul>
@@ -128,16 +153,26 @@
     <mat-card-actions>
       <div fxFlex fxLayout="row" fxLayoutAlign="space-around center">
         <div class="button-text-item">
-          <button mat-mini-fab  class="mat-elevation-z bg-accent-darkest" [matTooltip]="isMe ? 'MyTalk' : '1:1 대화'" matTooltipPosition="above"
-            (click)="onClickOpenChat()">
+          <button mat-mini-fab class="mat-elevation-z bg-accent-darkest" [matTooltip]="isMe ? 'MyTalk' : '1:1 대화'"
+            matTooltipPosition="above" (click)="onClickOpenChat()">
             <svg id="레이어_1" data-name="레이어 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
-              <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" transform="translate(-11.09 -11.32)"/>
-              <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" 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)"/>
-              <circle cx="12.35" cy="9.07" r="0.14"/><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)"/>
-              <circle cx="5.78" cy="9.07" r="0.14"/><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)"/>
+              <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"
+                transform="translate(-11.09 -11.32)" />
+              <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"
+                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)" />
+              <circle cx="12.35" cy="9.07" r="0.14" />
+              <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)" />
+              <circle cx="5.78" cy="9.07" r="0.14" />
+              <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)" />
             </svg>
           </button>
-          <span *ngIf="!isMe" class="button-text" >대화</span>
+          <span *ngIf="!isMe" class="button-text">대화</span>
           <span *ngIf="isMe" class="button-text">myTalk</span>
         </div>
 
@@ -147,23 +182,25 @@
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
               <path
                 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" />
-              </svg>
+            </svg>
           </button>
           <span class="button-text">SMS</span>
         </div>
 
         <div class="button-text-item" *ngIf="!isMe">
-          <button mat-mini-fab class="mat-elevation-z bg-accent-darkest" *ngIf="!isMe" matTooltip="화상회의" matTooltipPosition="above"
-            (click)="onClickVideoConference()">
+          <button mat-mini-fab class="mat-elevation-z bg-accent-darkest" *ngIf="!isMe" matTooltip="화상회의"
+            matTooltipPosition="above" (click)="onClickVideoConference()">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
-              <path 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>
+              <path
+                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>
           </button>
           <span class="button-text">화상</span>
         </div>
 
         <div class="button-text-item" *ngIf="!isMe">
-          <button mat-mini-fab class="mat-elevation-z bg-accent-darkest" *ngIf="!isMe" matTooltip="쪽지" matTooltipPosition="above"
-            (click)="onClickMessage()">
+          <button mat-mini-fab class="mat-elevation-z bg-accent-darkest" *ngIf="!isMe" matTooltip="쪽지"
+            matTooltipPosition="above" (click)="onClickMessage()">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
               <path d="M0 0l20 10L0 20V0zm0 8v4l10-2L0 8z" /></svg>
           </button>
@@ -172,4 +209,4 @@
       </div>
     </mat-card-actions>
   </mat-card-content>
-</mat-card>
+</mat-card>
\ No newline at end of file