From fda2a21fd69ac2987db5f24a946f87e3e81f0882 Mon Sep 17 00:00:00 2001
From: leejh <leejh@biztechpartners.co.kr>
Date: Thu, 7 Nov 2019 17:27:42 +0900
Subject: [PATCH] =?UTF-8?q?video=20=ED=83=80=EC=9E=85=20message=20box=20?=
 =?UTF-8?q?=ED=99=94=EB=A9=B4=20=EC=B2=98=EB=A6=AC.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../message-box/video.component.html          | 25 ++++++++++++-------
 .../components/message-box/video.component.ts | 16 +++++++++---
 2 files changed, 29 insertions(+), 12 deletions(-)

diff --git a/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/video.component.html b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/video.component.html
index 911ce46e..0a61718c 100644
--- a/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/video.component.html
+++ b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/video.component.html
@@ -1,24 +1,31 @@
 <div class="bubble-main">
-  <div class="file-img video"></div>
+  <!--파일명에 따라 doc exe hwp ppt xls zip 으로 추가되고 나머지 파일 명은 file로 기간이 만료된 파일은 그뒤에 disable도 추가-->
+  <!-- <div class="file-img" [ngClass]="fileInfo.FileExt"></div> -->
+  <div [ngClass]="['mime-icon', 'light', 'ico-' + fileInfo.fileExt]">
+    <div class="ico"></div>
+  </div>
   <ul class="file-info">
     <li class="file-name">
-      {{ fileInfo.FileName }}
+      {{ fileInfo.fileName }}
     </li>
     <li class="file-size">
-      {{ fileInfo.AttSize }}
+      {{ fileInfo.attachmentSize | ucapBytes }}
     </li>
     <li class="file-ext">
-      {{ fileInfo.FileExt }}
+      {{ fileInfo.fileExt }}
     </li>
   </ul>
 </div>
-<span  class="btn-box">
-  <ul>
+<div class="btn-box">
+  <ul *ngIf="expired" class="expired">
+    <li>기간이 만료된 파일입니다.</li>
+  </ul>
+  <ul *ngIf="!expired && fileInfo && fileInfo.attachmentSeq">
     <li>
-      <button mat-button >Save</button>
+      <button mat-button (click)="onClickSave()">Save</button>
     </li>
     <li>
-      <button mat-button >Save As</button>
+      <button mat-button (click)="onClickSaveAs()">Save As</button>
     </li>
   </ul>
-</span>
+</div>
diff --git a/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/video.component.ts b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/video.component.ts
index cf717735..c8fb8879 100644
--- a/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/video.component.ts
+++ b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/video.component.ts
@@ -1,6 +1,6 @@
-import { Component, OnInit, Input } from '@angular/core';
+import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core';
 import { NGXLogger } from 'ngx-logger';
-import { FileInfo } from '../../models/file-info.json';
+import { FileEventJson } from '@ucap-webmessenger/protocol-event';
 
 @Component({
   selector: 'ucap-chat-message-box-video',
@@ -9,11 +9,21 @@ import { FileInfo } from '../../models/file-info.json';
 })
 export class VideoComponent implements OnInit {
   @Input()
-  fileInfo: FileInfo;
+  fileInfo: FileEventJson;
   @Input()
   expired = false;
 
+  @Output()
+  save = new EventEmitter<string>();
+
   constructor(private logger: NGXLogger) {}
 
   ngOnInit() {}
+
+  onClickSave() {
+    this.save.emit('save');
+  }
+  onClickSaveAs() {
+    this.save.emit('saveAs');
+  }
 }