앨범함 썸네일 이미지 안나오는 부분 수정.

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">

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;