From b7927e3fa42a6821c44ab2aae7b3499abeedfb3b Mon Sep 17 00:00:00 2001
From: leejinho <lilis7575@gmail.com>
Date: Fri, 6 Dec 2019 18:08:01 +0900
Subject: [PATCH] =?UTF-8?q?=EC=95=A8=EB=B2=94=ED=95=A8=20=EC=8D=B8?=
 =?UTF-8?q?=EB=84=A4=EC=9D=BC=20=EC=9D=B4=EB=AF=B8=EC=A7=80=20=EC=95=88?=
 =?UTF-8?q?=EB=82=98=EC=98=A4=EB=8A=94=20=EB=B6=80=EB=B6=84=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../right-drawer/album-box.component.html     | 10 ++++--
 .../right-drawer/album-box.component.ts       | 34 +++++++++++++++++++
 2 files changed, 42 insertions(+), 2 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 0a2ba851..1d654395 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
@@ -99,7 +99,13 @@
             >
               <span class="mdi mdi-spin mdi-loading mdi-48px"></span>
             </div>
-            <div
+            <img
+              #thumbImg
+              [src]="getThumbnailUrl(fileInfo)"
+              [matTooltip]="fileInfo.info.name"
+              (error)="onErrorThumbnail(thumbImg, fileInfo)"
+            />
+            <!-- <div
               *ngIf="
                 !!fileInfo.eventInfo &&
                   !!fileInfo.eventInfo.sentMessageJson &&
@@ -124,7 +130,7 @@
               >
                 <div class="ico"></div>
               </div>
-            </ng-template>
+            </ng-template> -->
           </dt>
           <dd>
             <span class="checkbox">
diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/right-drawer/album-box.component.ts b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/right-drawer/album-box.component.ts
index 40b9c8cb..692c48c0 100644
--- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/right-drawer/album-box.component.ts
+++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/right-drawer/album-box.component.ts
@@ -22,6 +22,8 @@ import { UCAP_NATIVE_SERVICE, NativeService } from '@ucap-webmessenger/native';
 import { NGXLogger } from 'ngx-logger';
 import { SnackBarService } from '@ucap-webmessenger/ui';
 import { FileDownloadItem } from '@ucap-webmessenger/api';
+import { ModuleConfig } from '@ucap-webmessenger/api-common';
+import { _MODULE_CONFIG } from 'projects/ucap-webmessenger-api-common/src/lib/config/token';
 
 export interface FileInfoTotal {
   info: FileInfo;
@@ -51,12 +53,15 @@ export class AlbumBoxComponent implements OnInit, OnDestroy {
   FileType = FileType;
   currentTabIndex = 0;
 
+  thumbBaseUrl: string;
+
   constructor(
     private store: Store<any>,
     private sessionStorageService: SessionStorageService,
     private commonApiService: CommonApiService,
     private snackBarService: SnackBarService,
     @Inject(UCAP_NATIVE_SERVICE) private nativeService: NativeService,
+    @Inject(_MODULE_CONFIG) private moduleConfig: ModuleConfig,
     private logger: NGXLogger
   ) {
     this.loginRes = this.sessionStorageService.get<LoginResponse>(
@@ -68,6 +73,10 @@ export class AlbumBoxComponent implements OnInit, OnDestroy {
     this.sessionVerinfo = this.sessionStorageService.get<VersionInfo2Response>(
       KEY_VER_INFO
     );
+
+    this.thumbBaseUrl = `${this.moduleConfig.hostConfig.protocol}://${
+      this.moduleConfig.hostConfig.domain
+    }:${String(this.moduleConfig.hostConfig.port)}`;
   }
 
   ngOnInit() {
@@ -144,6 +153,31 @@ export class AlbumBoxComponent implements OnInit, OnDestroy {
     );
   }
 
+  getThumbnailUrl(fileInfo: FileInfoTotal): string {
+    if (
+      !!fileInfo.eventInfo &&
+      !!fileInfo.eventInfo.sentMessageJson &&
+      !!fileInfo.eventInfo.sentMessageJson.thumbUrl
+    ) {
+      return fileInfo.eventInfo.sentMessageJson.thumbUrl;
+    } else {
+      return `${this.thumbBaseUrl}${fileInfo.info.url.replace(
+        '/AttFile/',
+        '/WebFile/'
+      )}.thumb.jpg`;
+    }
+  }
+
+  onErrorThumbnail(el: HTMLElement, fileInfo: FileInfoTotal): void {
+    const iconEl = document.createElement('div');
+    iconEl.setAttribute(
+      'class',
+      'mime-icon light ico-' + this.getExtention(fileInfo.info.name)
+    );
+    iconEl.innerHTML = `<div class="ico"></div>`;
+    el.replaceWith(iconEl);
+  }
+
   onSelectedIndexChange(index: number) {
     this.selectedFile = null;
     this.currentTabIndex = index;