From e57a44fa5b4e8677c66b22c2f31ed785b10bd75a Mon Sep 17 00:00:00 2001
From: leejinho <lilis7575@gmail.com>
Date: Thu, 21 Nov 2019 14:05:55 +0900
Subject: [PATCH] =?UTF-8?q?=EC=95=A8=EB=B2=94=ED=95=A8=20preview=20defatul?=
 =?UTF-8?q?=20=EC=9D=B4=EB=AF=B8=EC=A7=80=20=EB=B6=84=EA=B8=B0=EC=B2=98?=
 =?UTF-8?q?=EB=A6=AC.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../right-drawer/album-box.component.html     | 43 ++++++++++++++-----
 1 file changed, 32 insertions(+), 11 deletions(-)

diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/right-drawer/album-box.component.html b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/right-drawer/album-box.component.html
index b27d2402..1d964527 100644
--- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/right-drawer/album-box.component.html
+++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/right-drawer/album-box.component.html
@@ -1,4 +1,4 @@
-<div fxLayout="column"  class="album-box">
+<div fxLayout="column" class="album-box">
   <div>
     <mat-tab-group (selectedIndexChange)="onSelectedIndexChange($event)">
       <mat-tab label="Image"></mat-tab>
@@ -7,11 +7,20 @@
   </div>
   <div fxFlex="1 1 240px" class="select-filebox bg-accent-brightest">
     <!--<ng-container *ngIf="!selectedFile">-->
-      <ng-container *ngIf="!selectedFile">
-        <!--이미지 빈화면-->
-      <div class="empty-msg">
-        <svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 24 24" fill="none" stroke="currentColor"
-          stroke-width="1.5" stroke-linecap="butt" stroke-linejoin="round">
+    <ng-container *ngIf="!selectedFile">
+      <!--이미지 빈화면-->
+      <div class="empty-msg" *ngIf="currentTabIndex === 0">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          width="36"
+          height="36"
+          viewBox="0 0 24 24"
+          fill="none"
+          stroke="currentColor"
+          stroke-width="1.5"
+          stroke-linecap="butt"
+          stroke-linejoin="round"
+        >
           <rect x="3" y="3" width="18" height="18" rx="2" />
           <circle cx="8.5" cy="8.5" r="1.5" />
           <path d="M20.4 14.5L16 10 4 20" />
@@ -19,9 +28,18 @@
         <span>Select File.</span>
       </div>
       <!--비디오 빈화면-->
-      <div class="empty-msg">
-        <svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 24 24" fill="none" stroke="currentColor"
-          stroke-width="1.5" stroke-linecap="butt" stroke-linejoin="round">
+      <div class="empty-msg" *ngIf="currentTabIndex === 1">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          width="36"
+          height="36"
+          viewBox="0 0 24 24"
+          fill="none"
+          stroke="currentColor"
+          stroke-width="1.5"
+          stroke-linecap="butt"
+          stroke-linejoin="round"
+        >
           <rect x="2" y="2" width="20" height="20" rx="2.18" ry="2.18"></rect>
           <line x1="7" y1="2" x2="7" y2="22"></line>
           <line x1="17" y1="2" x2="17" y2="22"></line>
@@ -50,8 +68,11 @@
         </video>
       </div>
       <ul>
-        <li class="name"> {{ selectedFile.info.name }}</li>
-        <li><span class="text-accent-color">size :</span> {{ selectedFile.info.size | ucapBytes }}</li>
+        <li class="name">{{ selectedFile.info.name }}</li>
+        <li>
+          <span class="text-accent-color">size :</span>
+          {{ selectedFile.info.size | ucapBytes }}
+        </li>
         <li>
           <span class="text-accent-color">date :</span>
           {{ selectedFile.info.sendDate | dateToStringFormat: 'YYYY.MM.DD' }}