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

video 타입 message box 화면 처리.

Browse Source
This commit is contained in:
leejh 2019-11-07 17:27:42 +09:00
parent b6aad4ddc9
commit fda2a21fd6
2 changed files with 29 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/video.component.html
View File

@ -1,24 +1,31 @@
<div class="bubble-main"> <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"> <ul class="file-info">
<li class="file-name"> <li class="file-name">
{{ fileInfo.FileName }} {{ fileInfo.fileName }}
</li> </li>
<li class="file-size"> <li class="file-size">
{{ fileInfo.AttSize }} {{ fileInfo.attachmentSize | ucapBytes }}
</li> </li>
<li class="file-ext"> <li class="file-ext">
{{ fileInfo.FileExt }} {{ fileInfo.fileExt }}
</li> </li>
</ul> </ul>
</div> </div>
<span class="btn-box"> <div class="btn-box">
<ul> <ul *ngIf="expired" class="expired">
<li>기간이 만료된 파일입니다.</li>
</ul>
<ul *ngIf="!expired && fileInfo && fileInfo.attachmentSeq">
<li> <li>
<button mat-button >Save</button> <button mat-button (click)="onClickSave()">Save</button>
</li> </li>
<li> <li>
<button mat-button >Save As</button> <button mat-button (click)="onClickSaveAs()">Save As</button>
</li> </li>
</ul> </ul>
</span> </div>

16
projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/video.component.ts
View File

@ -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 { NGXLogger } from 'ngx-logger';
import { FileInfo } from '../../models/file-info.json'; import { FileEventJson } from '@ucap-webmessenger/protocol-event';
@Component({ @Component({
selector: 'ucap-chat-message-box-video', selector: 'ucap-chat-message-box-video',
@ -9,11 +9,21 @@ import { FileInfo } from '../../models/file-info.json';
}) })
export class VideoComponent implements OnInit { export class VideoComponent implements OnInit {
@Input() @Input()
fileInfo: FileInfo; fileInfo: FileEventJson;
@Input() @Input()
expired = false; expired = false;
@Output()
save = new EventEmitter<string>();
constructor(private logger: NGXLogger) {} constructor(private logger: NGXLogger) {}
ngOnInit() {} ngOnInit() {}
onClickSave() {
this.save.emit('save');
}
onClickSaveAs() {
this.save.emit('saveAs');
}
} }