프로필 코끼리-하단 버튼 영역으로 이동

(cherry picked from commit 62a78cac37)
2020-03-26 16:59:34 +09:00 · 2020-03-26 16:59:34 +09:00 · b64805ceef
commit b64805ceef
parent ae3a3dbd1d
2 changed files with 24 additions and 38 deletions
--- 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
--- 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 {