From 62a78cac37ed343091ef143212ec8564dd073656 Mon Sep 17 00:00:00 2001
From: khk <khk@gmail.com>
Date: Thu, 26 Mar 2020 16:59:34 +0900
Subject: [PATCH] =?UTF-8?q?=ED=94=84=EB=A1=9C=ED=95=84=20=EC=BD=94?=
 =?UTF-8?q?=EB=81=BC=EB=A6=AC-=ED=95=98=EB=8B=A8=20=EB=B2=84=ED=8A=BC=20?=
 =?UTF-8?q?=EC=98=81=EC=97=AD=EC=9C=BC=EB=A1=9C=20=EC=9D=B4=EB=8F=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/lib/components/profile.component.html | 53 ++++++-------------
 .../src/lib/components/profile.component.scss |  9 +++-
 2 files changed, 24 insertions(+), 38 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 0938984c..edb85802 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
@@ -260,12 +260,7 @@
           [disabled]="getDisabledBtn('LINE')"
           (click)="onClickCall('LINE')"
         >
-          <svg
-            id="레이어_1"
-            data-name="레이어 1"
-            xmlns="http://www.w3.org/2000/svg"
-            viewBox="0 0 20 20"
-          >
+          <svg 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
@@ -293,12 +288,7 @@
           [disabled]="getDisabledBtn('MOBILE')"
           (click)="onClickCall('MOBILE')"
         >
-          <svg
-            id="레이어_1"
-            data-name="레이어 1"
-            xmlns="http://www.w3.org/2000/svg"
-            viewBox="0 0 20 20"
-          >
+          <svg 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
@@ -325,12 +315,7 @@
             matTooltipPosition="above"
             (click)="onClickOpenChat()"
           >
-            <svg
-              id="레이어_1"
-              data-name="레이어 1"
-              xmlns="http://www.w3.org/2000/svg"
-              viewBox="0 0 20 20"
-            >
+            <svg 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)"
@@ -340,7 +325,6 @@
                 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)"
               />
@@ -384,7 +368,7 @@
           </button>
           <span class="button-text">{{ 'profile.fieldSMS' | translate }}</span>
         </div>
-
+        <!--화상
         <div
           class="button-text-item"
           *ngIf="!isMe && !!authInfo && authInfo.canVideoConference"
@@ -407,31 +391,28 @@
             'profile.fieldVideoConference' | translate
           }}</span>
         </div>
-
-        <!-- <div class="button-text-item" *ngIf="!!enableElephantButton">
+        -->
+        <div
+          class="button-text-item"
+          *ngIf="!isMe && !!authInfo && authInfo.canVideoConference"
+        >
           <button
             mat-mini-fab
-            class="mat-elevation-z bg-accent-darkest"
+            class="mat-elevation-z btn-elephant"
             *ngIf="!isMe"
-            matTooltip="칭찬 코끼리"
-            matTooltipPosition="above"
+            matTooltip="칭찬 코끼리 보내기"
             (click)="onClickSendElephant()"
           >
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              viewBox="0 0 30 30"
-              stroke-width="1.5"
-              stroke="#357abc"
-              fill="#98d7e2"
-            >
+            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 24.49">
               <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)"
+                d="M31.91,13.4a12.78,12.78,0,0,0-12-8.64A12.63,12.63,0,0,0,7.42,15.53c0,.34-.16,1-.41.79,0,0-1.59-.8-.36-3.26l-4.35-2s-2.63,3.69-.41,7.22a6.39,6.39,0,0,0,6,3l.15.49q.25.66.57,1.29a13.62,13.62,0,0,0,6.66,6.06c.92.41.9-.63.9-.63V27.37a3.83,3.83,0,0,1,7.65,0v.91s.07,1.12.7.87c2.54-1,5.11-2.95,5.93-5.86l.18.74c.31,1.83.33,3.37.91,2.46C33.92,22.87,32.89,16.18,31.91,13.4Zm-20-.3a1,1,0,1,1,1-1A1,1,0,0,1,11.91,13.1Zm11.62,5.76c-5.76,5.3-9-1.34-8.8-5,.14-2.3,1.73-5.05,6.47-6C25.74,7.08,29.28,13.56,23.53,18.86Z"
+                transform="translate(-1 -4.76)"
+                style="fill:#fff"
               />
             </svg>
           </button>
-          <span class="button-text">칭찬 코끼리</span>
-        </div> -->
+          <span class="button-text">칭찬코끼리</span>
+        </div>
 
         <div class="button-text-item" *ngIf="!isMe">
           <button
diff --git a/projects/ucap-webmessenger-ui-profile/src/lib/components/profile.component.scss b/projects/ucap-webmessenger-ui-profile/src/lib/components/profile.component.scss
index 73448a2e..42779f33 100644
--- a/projects/ucap-webmessenger-ui-profile/src/lib/components/profile.component.scss
+++ b/projects/ucap-webmessenger-ui-profile/src/lib/components/profile.component.scss
@@ -228,7 +228,7 @@ $login-max-height: 800px;
   }
 }
 
-.btn-elephant {
+/*.btn-elephant {
   position: absolute;
   background-color: #ffffff !important;
   justify-content: center;
@@ -246,7 +246,7 @@ $login-max-height: 800px;
       fill: #ffffff;
     }
   }
-}
+}*/
 
 .userInfo-call {
   position: relative;
@@ -287,6 +287,11 @@ $login-max-height: 800px;
         height: 20px;
         display: flex;
       }
+      &.btn-elephant {
+        svg {
+          width: 24px;
+        }
+      }
     }
   }
   .button-text {