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)">
<mat-icon>vertical_align_bottom</mat-icon>
</button>
<button mat-button (click)="onFileViewer(fileInfo)">
<mat-icon>search</mat-icon>
</button>
</span>
</dd>
</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 {
margin-left: auto;
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) {
// const result = await this.dialogService.open<
// FileViewerDialogComponent,
// FileViewerDialogData,
// FileViewerDialogResult
// >(FileViewerDialogComponent, {
// position: {
// top: '50px'
// },
// maxWidth: '100vw',
// maxHeight: '100vh',
// height: 'calc(100% - 50px)',
// width: '100%',
// hasBackdrop: false,
// panelClass: 'app-dialog-full',
// data: {
// fileInfo: fileInfos.info.sentMessageJson,
// downloadUrl: this.sessionVerinfo.downloadUrl,
// deviceType: this.environmentsInfo.deviceType,
// token: this.loginRes.tokenString,
// userSeq: this.loginRes.userSeq
// }
// });
async onFileViewer(fileInfos: FileInfoTotal) {
const result = await this.dialogService.open<
FileViewerDialogComponent,
FileViewerDialogData,
FileViewerDialogResult
>(FileViewerDialogComponent, {
position: {
top: '50px'
},
maxWidth: '100vw',
maxHeight: '100vh',
height: 'calc(100% - 50px)',
width: '100%',
hasBackdrop: false,
panelClass: 'app-dialog-full',
data: {
fileInfo: fileInfos.info.sentMessageJson,
downloadUrl: this.sessionVerinfo.downloadUrl,
deviceType: this.environmentsInfo.deviceType,
token: this.loginRes.tokenString,
userSeq: this.loginRes.userSeq
}
});
}
}