audio & video viewer are added
This commit is contained in:
parent
7d612ff208
commit
8066acc2bd
|
|
@ -109,7 +109,7 @@
|
|||
(moreEvent)="onMoreEvent($event)"
|
||||
(massDetail)="onMassDetail($event)"
|
||||
(save)="onSave($event)"
|
||||
(imageViewer)="onImageViewer($event)"
|
||||
(fileViewer)="onFileViewer($event)"
|
||||
(contextMenu)="onContextMenuMessage($event)"
|
||||
>
|
||||
</ucap-chat-messages>
|
||||
|
|
|
|||
|
|
@ -470,8 +470,8 @@ export class MessagesComponent implements OnInit, OnDestroy, AfterViewInit {
|
|||
);
|
||||
}
|
||||
|
||||
async onImageViewer(fileInfo: FileEventJson) {
|
||||
this.logger.debug('imageViewer', fileInfo);
|
||||
async onFileViewer(fileInfo: FileEventJson) {
|
||||
this.logger.debug('onFileViewer', fileInfo);
|
||||
const result = await this.dialogService.open<
|
||||
FileViewerDialogComponent,
|
||||
FileViewerDialogData,
|
||||
|
|
|
|||
|
|
@ -6,6 +6,7 @@
|
|||
*ngSwitchCase="FileType.File"
|
||||
[fileInfo]="fileInfo"
|
||||
[expired]="getExpiredFile()"
|
||||
(click)="onClickFileViewer(fileInfo)"
|
||||
(save)="onSave($event)"
|
||||
>
|
||||
</ucap-chat-message-box-attach-file>
|
||||
|
|
@ -13,6 +14,7 @@
|
|||
*ngSwitchCase="FileType.Sound"
|
||||
[fileInfo]="fileInfo"
|
||||
[expired]="getExpiredFile()"
|
||||
(click)="onClickFileViewer(fileInfo)"
|
||||
(save)="onSave($event)"
|
||||
>
|
||||
</ucap-chat-message-box-attach-file>
|
||||
|
|
@ -20,13 +22,13 @@
|
|||
*ngSwitchCase="FileType.Image"
|
||||
[fileInfo]="fileInfo"
|
||||
[expired]="getExpiredFile()"
|
||||
(click)="onClickImageViewer(fileInfo)"
|
||||
(click)="onClickFileViewer(fileInfo)"
|
||||
></ucap-chat-message-box-image>
|
||||
<ucap-chat-message-box-video
|
||||
*ngSwitchCase="FileType.Video"
|
||||
[fileInfo]="fileInfo"
|
||||
[expired]="getExpiredFile()"
|
||||
(click)="onClickImageViewer(fileInfo)"
|
||||
(click)="onClickFileViewer(fileInfo)"
|
||||
></ucap-chat-message-box-video>
|
||||
<ucap-chat-message-box-text
|
||||
*ngSwitchDefault
|
||||
|
|
|
|||
|
|
@ -22,7 +22,7 @@ export class FileComponent implements OnInit {
|
|||
@Output()
|
||||
save = new EventEmitter<{ fileInfo: FileEventJson; type: string }>();
|
||||
@Output()
|
||||
imageViewer = new EventEmitter<FileEventJson>();
|
||||
fileViewer = new EventEmitter<FileEventJson>();
|
||||
|
||||
fileInfo?: FileEventJson;
|
||||
errorMessage?: string;
|
||||
|
|
@ -50,8 +50,8 @@ export class FileComponent implements OnInit {
|
|||
}
|
||||
}
|
||||
|
||||
onClickImageViewer(fileInfo: FileEventJson) {
|
||||
this.imageViewer.emit(fileInfo);
|
||||
onClickFileViewer(fileInfo: FileEventJson) {
|
||||
this.fileViewer.emit(fileInfo);
|
||||
}
|
||||
|
||||
onSave(value: string) {
|
||||
|
|
|
|||
|
|
@ -111,7 +111,7 @@
|
|||
[eventInfoStatus]="eventInfoStatus"
|
||||
[message]="message"
|
||||
(save)="onSave($event)"
|
||||
(imageViewer)="onImageViewer($event)"
|
||||
(fileViewer)="onFileViewer($event)"
|
||||
(contextmenu)="onContextMenuMessage($event, message)"
|
||||
>
|
||||
</ucap-chat-message-box-file>
|
||||
|
|
|
|||
|
|
@ -46,7 +46,7 @@ export class MessagesComponent implements OnInit {
|
|||
@Output()
|
||||
massDetail = new EventEmitter<number>();
|
||||
@Output()
|
||||
imageViewer = new EventEmitter<FileEventJson>();
|
||||
fileViewer = new EventEmitter<FileEventJson>();
|
||||
@Output()
|
||||
save = new EventEmitter<{ fileInfo: FileInfo; type: string }>();
|
||||
@Output()
|
||||
|
|
@ -158,8 +158,8 @@ export class MessagesComponent implements OnInit {
|
|||
}
|
||||
|
||||
/** [Event] Image Viewer */
|
||||
onImageViewer(fileInfo: FileEventJson) {
|
||||
this.imageViewer.emit(fileInfo);
|
||||
onFileViewer(fileInfo: FileEventJson) {
|
||||
this.fileViewer.emit(fileInfo);
|
||||
}
|
||||
|
||||
/** [Event] Attach File Save & Save As */
|
||||
|
|
|
|||
|
|
@ -38,6 +38,9 @@ export class FileViewerComponent implements OnInit {
|
|||
case FileType.Video:
|
||||
return FileViewerType.Video;
|
||||
default:
|
||||
if (this.isSoundFile(fileInfo.fileExt)) {
|
||||
return FileViewerType.Sound;
|
||||
}
|
||||
return FileViewerType.Binary;
|
||||
}
|
||||
}
|
||||
|
|
@ -48,4 +51,8 @@ export class FileViewerComponent implements OnInit {
|
|||
onClosedViewer(): void {
|
||||
this.closed.emit();
|
||||
}
|
||||
|
||||
private isSoundFile(fileExt: string): boolean {
|
||||
return -1 !== ['mp3'].indexOf(fileExt);
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,18 +1,84 @@
|
|||
<div class="ucap-image-viewer-container">
|
||||
<mat-toolbar color="primary">
|
||||
<span>Third Line</span>
|
||||
<span class="ucap-image-viewer-spacer"></span>
|
||||
<mat-icon
|
||||
class="example-icon"
|
||||
aria-hidden="false"
|
||||
aria-label="Example heart icon"
|
||||
>favorite</mat-icon
|
||||
<div class="ucap-sound-viewer-container">
|
||||
<mat-toolbar color="accent" class="ucap-sound-viewer-header">
|
||||
<mat-icon class="ucap-sound-viewer-icon">music_note</mat-icon>
|
||||
<span class="ucap-sound-viewer-title">{{ fileInfo.fileName }}</span>
|
||||
<span class="ucap-sound-viewer-spacer"></span>
|
||||
<button
|
||||
mat-icon-button
|
||||
class="ucap-sound-viewer-action"
|
||||
matTooltip="다운로드"
|
||||
matTooltipPosition="below"
|
||||
aria-label=""
|
||||
(click)="onClickDownload()"
|
||||
>
|
||||
<mat-icon
|
||||
class="example-icon"
|
||||
aria-hidden="false"
|
||||
aria-label="Example delete icon"
|
||||
>delete</mat-icon
|
||||
<mat-icon>get_app</mat-icon>
|
||||
</button>
|
||||
<button
|
||||
mat-raised-button
|
||||
color="primary"
|
||||
class="ucap-sound-viewer-action"
|
||||
(click)="onClickClose()"
|
||||
>
|
||||
Close
|
||||
</button>
|
||||
</mat-toolbar>
|
||||
<div class="ucap-sound-viewer-body">
|
||||
<div
|
||||
class="ucap-sound-viewer-sound-icon"
|
||||
fxLayout="row"
|
||||
fxLayout.xs="column"
|
||||
fxLayoutAlign="center center"
|
||||
>
|
||||
<audio
|
||||
[src]="fileDownloadUrl"
|
||||
#audioPlayer
|
||||
(playing)="onPlayingAudio()"
|
||||
(pause)="onPauseAudio()"
|
||||
(timeupdate)="onTimeUpdateAudio()"
|
||||
(volumechange)="onVolumeChangeAudio()"
|
||||
(loadstart)="onLoadStartAudio()"
|
||||
(loadeddata)="onLoadedDataAudio()"
|
||||
></audio>
|
||||
<mat-icon class="ucap-sound-viewer-icon">music_note</mat-icon>
|
||||
</div>
|
||||
<div
|
||||
class="ucap-sound-viewer-sound-time"
|
||||
fxLayout="row"
|
||||
fxLayout.xs="column"
|
||||
fxLayoutAlign="center center"
|
||||
>
|
||||
<mat-slider
|
||||
#timeSlider
|
||||
min="0"
|
||||
[max]="duration"
|
||||
[value]="currentTime"
|
||||
(change)="onChangeTimeSlider($event)"
|
||||
>
|
||||
</mat-slider>
|
||||
</div>
|
||||
<div
|
||||
class="ucap-sound-viewer-sound-controls"
|
||||
fxLayout="row"
|
||||
fxLayout.xs="column"
|
||||
fxLayoutAlign="center center"
|
||||
>
|
||||
<div class="ucap-sound-viewer-sound-time-current">
|
||||
{{ currentTime | ucapSecondsToMinutes }}
|
||||
</div>
|
||||
<span class="ucap-sound-viewer-spacer"></span>
|
||||
<button
|
||||
mat-icon-button
|
||||
class="ucap-sound-viewer-action"
|
||||
[matTooltip]="playing ? '멈춤' : '재생'"
|
||||
aria-label=""
|
||||
(click)="onClickPlayOrPause()"
|
||||
>
|
||||
<mat-icon>{{ playing ? 'pause' : 'play_arrow' }}</mat-icon>
|
||||
</button>
|
||||
<span class="ucap-sound-viewer-spacer"></span>
|
||||
<div class="ucap-sound-viewer-sound-time-total">
|
||||
{{ duration | ucapSecondsToMinutes }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -6,8 +6,48 @@
|
|||
width: 100%;
|
||||
height: 50px;
|
||||
|
||||
.ucap-sound-viewer-spacer {
|
||||
flex: 1 1 auto;
|
||||
.ucap-sound-viewer-icon {
|
||||
}
|
||||
|
||||
.ucap-sound-viewer-title {
|
||||
}
|
||||
}
|
||||
|
||||
.ucap-sound-viewer-body {
|
||||
position: relative;
|
||||
background-color: white;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding-bottom: 70px;
|
||||
|
||||
.ucap-sound-viewer-sound-icon {
|
||||
width: 100%;
|
||||
height: calc(100% - 60px);
|
||||
}
|
||||
.ucap-sound-viewer-sound-time {
|
||||
width: 100%;
|
||||
height: 30px;
|
||||
}
|
||||
.ucap-sound-viewer-sound-controls {
|
||||
width: 100%;
|
||||
height: 30px;
|
||||
|
||||
.ucap-sound-viewer-sound-time-current {
|
||||
padding-left: 30px;
|
||||
}
|
||||
|
||||
.ucap-sound-viewer-sound-time-total {
|
||||
padding-right: 30px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.ucap-sound-viewer-spacer {
|
||||
flex: 1 1 auto;
|
||||
}
|
||||
.ucap-sound-viewer-action {
|
||||
}
|
||||
}
|
||||
|
||||
mat-slider {
|
||||
width: 95%;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,7 +1,15 @@
|
|||
import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core';
|
||||
import {
|
||||
Component,
|
||||
OnInit,
|
||||
Input,
|
||||
Output,
|
||||
EventEmitter,
|
||||
ViewChild,
|
||||
ElementRef
|
||||
} from '@angular/core';
|
||||
import { ucapAnimations } from '../../animations';
|
||||
import { FileEventJson } from '@ucap-webmessenger/protocol-event';
|
||||
import { DeviceType } from '@ucap-webmessenger/core';
|
||||
import { MatSlider, MatSliderChange } from '@angular/material';
|
||||
|
||||
@Component({
|
||||
selector: 'ucap-sound-viewer',
|
||||
|
|
@ -22,11 +30,68 @@ export class SoundViewerComponent implements OnInit {
|
|||
@Output()
|
||||
closed = new EventEmitter<void>();
|
||||
|
||||
@ViewChild('audioPlayer', { static: true })
|
||||
audioPlayer: ElementRef<HTMLAudioElement>;
|
||||
|
||||
@ViewChild('timeSlider', { static: true })
|
||||
timeSlider: MatSlider;
|
||||
|
||||
playing = false;
|
||||
duration = 0.01;
|
||||
currentTime = 0;
|
||||
volume = 0.1;
|
||||
loading = false;
|
||||
|
||||
constructor() {}
|
||||
|
||||
ngOnInit() {}
|
||||
|
||||
onClickDownload(): void {}
|
||||
onClickPlayOrPause(): void {
|
||||
if (this.loading) {
|
||||
return;
|
||||
}
|
||||
if (this.audioPlayer.nativeElement.paused) {
|
||||
this.audioPlayer.nativeElement.play();
|
||||
} else {
|
||||
this.currentTime = this.audioPlayer.nativeElement.currentTime;
|
||||
this.audioPlayer.nativeElement.pause();
|
||||
}
|
||||
}
|
||||
|
||||
onChangeTimeSlider(e: MatSliderChange): void {
|
||||
console.log('onChangeTimeSlider', e.value);
|
||||
this.audioPlayer.nativeElement.currentTime = e.value;
|
||||
}
|
||||
|
||||
onPlayingAudio(): void {
|
||||
this.playing = true;
|
||||
// this.duration = Math.floor(this.audioPlayer.nativeElement.duration);
|
||||
}
|
||||
|
||||
onPauseAudio(): void {
|
||||
this.playing = false;
|
||||
}
|
||||
|
||||
onTimeUpdateAudio(): void {
|
||||
this.currentTime = Math.floor(this.audioPlayer.nativeElement.currentTime);
|
||||
}
|
||||
|
||||
onVolumeChangeAudio(): void {
|
||||
this.volume = Math.floor(this.audioPlayer.nativeElement.volume);
|
||||
}
|
||||
|
||||
onLoadStartAudio(): void {
|
||||
this.loading = true;
|
||||
}
|
||||
|
||||
onLoadedDataAudio(): void {
|
||||
this.loading = false;
|
||||
this.duration = Math.floor(this.audioPlayer.nativeElement.duration);
|
||||
}
|
||||
|
||||
onClickDownload(): void {
|
||||
this.download.emit();
|
||||
}
|
||||
|
||||
onClickClose(): void {
|
||||
this.closed.emit();
|
||||
|
|
|
|||
|
|
@ -1,18 +1,84 @@
|
|||
<div class="ucap-image-viewer-container">
|
||||
<mat-toolbar color="primary">
|
||||
<span>Third Line</span>
|
||||
<span class="ucap-image-viewer-spacer"></span>
|
||||
<mat-icon
|
||||
class="example-icon"
|
||||
aria-hidden="false"
|
||||
aria-label="Example heart icon"
|
||||
>favorite</mat-icon
|
||||
<div class="ucap-video-viewer-container">
|
||||
<mat-toolbar color="accent" class="ucap-video-viewer-header">
|
||||
<mat-icon class="ucap-video-viewer-icon">video_label</mat-icon>
|
||||
<span class="ucap-video-viewer-title">{{ fileInfo.fileName }}</span>
|
||||
<span class="ucap-video-viewer-spacer"></span>
|
||||
<button
|
||||
mat-icon-button
|
||||
class="ucap-video-viewer-action"
|
||||
matTooltip="다운로드"
|
||||
matTooltipPosition="below"
|
||||
aria-label=""
|
||||
(click)="onClickDownload()"
|
||||
>
|
||||
<mat-icon
|
||||
class="example-icon"
|
||||
aria-hidden="false"
|
||||
aria-label="Example delete icon"
|
||||
>delete</mat-icon
|
||||
<mat-icon>get_app</mat-icon>
|
||||
</button>
|
||||
|
||||
<button
|
||||
mat-raised-button
|
||||
color="primary"
|
||||
class="ucap-video-viewer-action"
|
||||
(click)="onClickClose()"
|
||||
>
|
||||
Close
|
||||
</button>
|
||||
</mat-toolbar>
|
||||
<div class="ucap-video-viewer-body">
|
||||
<div
|
||||
class="ucap-video-viewer-video-icon"
|
||||
fxLayout="row"
|
||||
fxLayout.xs="column"
|
||||
fxLayoutAlign="center center"
|
||||
>
|
||||
<video
|
||||
[src]="fileDownloadUrl"
|
||||
#audioPlayer
|
||||
(playing)="onPlayingVideo()"
|
||||
(pause)="onPauseVideo()"
|
||||
(timeupdate)="onTimeUpdateVideo()"
|
||||
(volumechange)="onVolumeChangeVideo()"
|
||||
(loadstart)="onLoadStartVideo()"
|
||||
(loadeddata)="onLoadedDataVideo()"
|
||||
></video>
|
||||
</div>
|
||||
<div
|
||||
class="ucap-video-viewer-video-time"
|
||||
fxLayout="row"
|
||||
fxLayout.xs="column"
|
||||
fxLayoutAlign="center center"
|
||||
>
|
||||
<mat-slider
|
||||
#timeSlider
|
||||
min="0"
|
||||
[max]="duration"
|
||||
[value]="currentTime"
|
||||
(change)="onChangeTimeSlider($event)"
|
||||
>
|
||||
</mat-slider>
|
||||
</div>
|
||||
<div
|
||||
class="ucap-video-viewer-video-controls"
|
||||
fxLayout="row"
|
||||
fxLayout.xs="column"
|
||||
fxLayoutAlign="center center"
|
||||
>
|
||||
<div class="ucap-video-viewer-video-time-current">
|
||||
{{ currentTime | ucapSecondsToMinutes }}
|
||||
</div>
|
||||
<span class="ucap-video-viewer-spacer"></span>
|
||||
<button
|
||||
mat-icon-button
|
||||
class="ucap-video-viewer-action"
|
||||
[matTooltip]="playing ? '멈춤' : '재생'"
|
||||
aria-label=""
|
||||
(click)="onClickPlayOrPause()"
|
||||
>
|
||||
<mat-icon>{{ playing ? 'pause' : 'play_arrow' }}</mat-icon>
|
||||
</button>
|
||||
<span class="ucap-video-viewer-spacer"></span>
|
||||
<div class="ucap-video-viewer-video-time-total">
|
||||
{{ duration | ucapSecondsToMinutes }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -6,8 +6,48 @@
|
|||
width: 100%;
|
||||
height: 50px;
|
||||
|
||||
.ucap-video-viewer-spacer {
|
||||
flex: 1 1 auto;
|
||||
.ucap-video-viewer-icon {
|
||||
}
|
||||
|
||||
.ucap-video-viewer-title {
|
||||
}
|
||||
}
|
||||
|
||||
.ucap-video-viewer-body {
|
||||
position: relative;
|
||||
background-color: white;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding-bottom: 70px;
|
||||
|
||||
.ucap-video-viewer-video-icon {
|
||||
width: 100%;
|
||||
height: calc(100% - 60px);
|
||||
}
|
||||
.ucap-video-viewer-video-time {
|
||||
width: 100%;
|
||||
height: 30px;
|
||||
}
|
||||
.ucap-video-viewer-video-controls {
|
||||
width: 100%;
|
||||
height: 30px;
|
||||
|
||||
.ucap-video-viewer-video-time-current {
|
||||
padding-left: 30px;
|
||||
}
|
||||
|
||||
.ucap-video-viewer-video-time-total {
|
||||
padding-right: 30px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.ucap-video-viewer-spacer {
|
||||
flex: 1 1 auto;
|
||||
}
|
||||
.ucap-video-viewer-action {
|
||||
}
|
||||
}
|
||||
|
||||
mat-slider {
|
||||
width: 95%;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,7 +1,15 @@
|
|||
import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core';
|
||||
import {
|
||||
Component,
|
||||
OnInit,
|
||||
Input,
|
||||
Output,
|
||||
EventEmitter,
|
||||
ViewChild,
|
||||
ElementRef
|
||||
} from '@angular/core';
|
||||
import { ucapAnimations } from '../../animations';
|
||||
import { FileEventJson } from '@ucap-webmessenger/protocol-event';
|
||||
import { DeviceType } from '@ucap-webmessenger/core';
|
||||
import { MatSlider, MatSliderChange } from '@angular/material';
|
||||
|
||||
@Component({
|
||||
selector: 'ucap-video-viewer',
|
||||
|
|
@ -22,11 +30,68 @@ export class VideoViewerComponent implements OnInit {
|
|||
@Output()
|
||||
closed = new EventEmitter<void>();
|
||||
|
||||
@ViewChild('audioPlayer', { static: true })
|
||||
audioPlayer: ElementRef<HTMLVideoElement>;
|
||||
|
||||
@ViewChild('timeSlider', { static: true })
|
||||
timeSlider: MatSlider;
|
||||
|
||||
playing = false;
|
||||
duration = 0.01;
|
||||
currentTime = 0;
|
||||
volume = 0.1;
|
||||
loading = false;
|
||||
|
||||
constructor() {}
|
||||
|
||||
ngOnInit() {}
|
||||
|
||||
onClickDownload(): void {}
|
||||
onClickPlayOrPause(): void {
|
||||
if (this.loading) {
|
||||
return;
|
||||
}
|
||||
if (this.audioPlayer.nativeElement.paused) {
|
||||
this.audioPlayer.nativeElement.play();
|
||||
} else {
|
||||
this.currentTime = this.audioPlayer.nativeElement.currentTime;
|
||||
this.audioPlayer.nativeElement.pause();
|
||||
}
|
||||
}
|
||||
|
||||
onChangeTimeSlider(e: MatSliderChange): void {
|
||||
console.log('onChangeTimeSlider', e.value);
|
||||
this.audioPlayer.nativeElement.currentTime = e.value;
|
||||
}
|
||||
|
||||
onPlayingVideo(): void {
|
||||
this.playing = true;
|
||||
// this.duration = Math.floor(this.audioPlayer.nativeElement.duration);
|
||||
}
|
||||
|
||||
onPauseVideo(): void {
|
||||
this.playing = false;
|
||||
}
|
||||
|
||||
onTimeUpdateVideo(): void {
|
||||
this.currentTime = Math.floor(this.audioPlayer.nativeElement.currentTime);
|
||||
}
|
||||
|
||||
onVolumeChangeVideo(): void {
|
||||
this.volume = Math.floor(this.audioPlayer.nativeElement.volume);
|
||||
}
|
||||
|
||||
onLoadStartVideo(): void {
|
||||
this.loading = true;
|
||||
}
|
||||
|
||||
onLoadedDataVideo(): void {
|
||||
this.loading = false;
|
||||
this.duration = Math.floor(this.audioPlayer.nativeElement.duration);
|
||||
}
|
||||
|
||||
onClickDownload(): void {
|
||||
this.download.emit();
|
||||
}
|
||||
|
||||
onClickClose(): void {
|
||||
this.closed.emit();
|
||||
|
|
|
|||
|
|
@ -0,0 +1,10 @@
|
|||
import { Pipe, PipeTransform } from '@angular/core';
|
||||
|
||||
@Pipe({ name: 'ucapSecondsToMinutes' })
|
||||
export class SecondsToMinutesPipe implements PipeTransform {
|
||||
public transform(time: number): string {
|
||||
const minutes = ('0' + Math.floor(time / 60)).slice(-2);
|
||||
const seconds = ('0' + (time % 60)).slice(-2);
|
||||
return `${minutes}:${seconds}`;
|
||||
}
|
||||
}
|
||||
|
|
@ -9,6 +9,7 @@ import { MatCardModule } from '@angular/material/card';
|
|||
import { MatDialogModule } from '@angular/material/dialog';
|
||||
import { MatIconModule } from '@angular/material/icon';
|
||||
import { MatProgressBarModule } from '@angular/material/progress-bar';
|
||||
import { MatSliderModule } from '@angular/material/slider';
|
||||
import { MatSnackBarModule } from '@angular/material/snack-bar';
|
||||
import { MatToolbarModule } from '@angular/material/toolbar';
|
||||
|
||||
|
|
@ -39,6 +40,7 @@ import { ConfirmDialogComponent } from './dialogs/confirm.dialog.component';
|
|||
import { BytesPipe } from './pipes/bytes.pipe';
|
||||
import { LinefeedToHtmlPipe, HtmlToLinefeedPipe } from './pipes/linefeed.pipe';
|
||||
import { DateToStringForChatRoomListPipe } from './pipes/dates.pipe';
|
||||
import { SecondsToMinutesPipe } from './pipes/seconds-to-minutes.pipe';
|
||||
|
||||
const COMPONENTS = [
|
||||
FileUploadQueueComponent,
|
||||
|
|
@ -61,7 +63,8 @@ const PIPES = [
|
|||
BytesPipe,
|
||||
LinefeedToHtmlPipe,
|
||||
HtmlToLinefeedPipe,
|
||||
DateToStringForChatRoomListPipe
|
||||
DateToStringForChatRoomListPipe,
|
||||
SecondsToMinutesPipe
|
||||
];
|
||||
const SERVICES = [
|
||||
BottomSheetService,
|
||||
|
|
@ -79,6 +82,7 @@ const SERVICES = [
|
|||
MatDialogModule,
|
||||
MatIconModule,
|
||||
MatProgressBarModule,
|
||||
MatSliderModule,
|
||||
MatSnackBarModule,
|
||||
MatToolbarModule,
|
||||
MatTooltipModule,
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user