Frontend
Public
Commits
Alexandre Vryghem authored b63fa5f3759
| 1 1 | import { Component, Input, OnInit } from '@angular/core'; |
| 2 2 | import { MediaViewerItem } from '../../../core/shared/media-viewer-item.model'; |
| 3 3 | |
| 4 4 | /** |
| 5 - | * This componenet renders a video viewer and playlist for the media viewer |
| 5 + | * This component renders a video viewer and playlist for the media viewer |
| 6 6 | */ |
| 7 7 | @Component({ |
| 8 8 | selector: 'ds-media-viewer-video', |
| 9 9 | templateUrl: './media-viewer-video.component.html', |
| 10 10 | styleUrls: ['./media-viewer-video.component.scss'], |
| 11 11 | }) |
| 12 12 | export class MediaViewerVideoComponent implements OnInit { |
| 13 13 | @Input() medias: MediaViewerItem[]; |
| 14 14 | |
| 15 15 | filteredMedias: MediaViewerItem[]; |
| 16 16 | |
| 17 17 | isCollapsed: boolean; |
| 18 18 | currentIndex = 0; |
| 19 19 | |
| 20 20 | replacements = { |
| 21 21 | video: './assets/images/replacement_video.svg', |
| 22 22 | audio: './assets/images/replacement_audio.svg', |
| 23 23 | }; |
| 24 24 | |
| 25 - | replacementThumbnail: string; |
| 26 - | |
| 27 25 | ngOnInit() { |
| 28 26 | this.isCollapsed = false; |
| 29 27 | this.filteredMedias = this.medias.filter( |
| 30 28 | (media) => media.format === 'audio' || media.format === 'video' |
| 31 29 | ); |
| 32 30 | } |
| 33 31 | |
| 34 32 | /** |
| 35 33 | * This method sets the reviced index into currentIndex |
| 36 34 | * @param index Selected index |