ucap/next-ucap-messenger
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

앨범함에서 이미지 뷰어 연결하는 기능 추가.

Browse Source
This commit is contained in:
leejh 2020-02-21 17:01:39 +09:00
parent 1fcb309056
commit f174604296
3 changed files with 30 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
projects/ucap-webmessenger-app/src/app/layouts/messenger/components/right-drawer/album-box.component.html
View File

@ -158,6 +158,9 @@
<button mat-button (click)="onClickDownload(fileInfo)"> <button mat-button (click)="onClickDownload(fileInfo)">
<mat-icon>vertical_align_bottom</mat-icon> <mat-icon>vertical_align_bottom</mat-icon>
</button> </button>
<button mat-button (click)="onFileViewer(fileInfo)">
<mat-icon>search</mat-icon>
</button>
</span> </span>
</dd> </dd>
</dl> </dl>

4
projects/ucap-webmessenger-app/src/app/layouts/messenger/components/right-drawer/album-box.component.scss
View File

@ -109,6 +109,10 @@ $tablet-s-width: 768px;
.btn-download { .btn-download {
margin-left: auto; margin-left: auto;
height: 40px; height: 40px;
button {
padding: 0 0 0 5px;
min-width: auto;
}
} }
} }
} }

46
projects/ucap-webmessenger-app/src/app/layouts/messenger/components/right-drawer/album-box.component.ts
View File

@ -269,28 +269,28 @@ export class AlbumBoxComponent implements OnInit, OnDestroy {
} }
} }
async onFileViewer(event: MouseEvent, fileInfos: FileInfoTotal) { async onFileViewer(fileInfos: FileInfoTotal) {
// const result = await this.dialogService.open< const result = await this.dialogService.open<
// FileViewerDialogComponent, FileViewerDialogComponent,
// FileViewerDialogData, FileViewerDialogData,
// FileViewerDialogResult FileViewerDialogResult
// >(FileViewerDialogComponent, { >(FileViewerDialogComponent, {
// position: { position: {
// top: '50px' top: '50px'
// }, },
// maxWidth: '100vw', maxWidth: '100vw',
// maxHeight: '100vh', maxHeight: '100vh',
// height: 'calc(100% - 50px)', height: 'calc(100% - 50px)',
// width: '100%', width: '100%',
// hasBackdrop: false, hasBackdrop: false,
// panelClass: 'app-dialog-full', panelClass: 'app-dialog-full',
// data: { data: {
// fileInfo: fileInfos.info.sentMessageJson, fileInfo: fileInfos.info.sentMessageJson,
// downloadUrl: this.sessionVerinfo.downloadUrl, downloadUrl: this.sessionVerinfo.downloadUrl,
// deviceType: this.environmentsInfo.deviceType, deviceType: this.environmentsInfo.deviceType,
// token: this.loginRes.tokenString, token: this.loginRes.tokenString,
// userSeq: this.loginRes.userSeq userSeq: this.loginRes.userSeq
// } }
// }); });
} }
} }