43 lines
991 B
TypeScript
43 lines
991 B
TypeScript
import { Component, Input, Output, EventEmitter } from '@angular/core';
|
|
|
|
import { SortField, Video, VideoService } from '../shared';
|
|
import { User } from '../../shared';
|
|
|
|
@Component({
|
|
selector: 'my-video-miniature',
|
|
styleUrls: [ './video-miniature.component.scss' ],
|
|
templateUrl: './video-miniature.component.html'
|
|
})
|
|
|
|
export class VideoMiniatureComponent {
|
|
@Output() removed = new EventEmitter<any>();
|
|
|
|
@Input() currentSort: SortField;
|
|
@Input() user: User;
|
|
@Input() video: Video;
|
|
|
|
hovering = false;
|
|
|
|
constructor(private videoService: VideoService) {}
|
|
|
|
displayRemoveIcon() {
|
|
return this.hovering && this.video.isRemovableBy(this.user);
|
|
}
|
|
|
|
onBlur() {
|
|
this.hovering = false;
|
|
}
|
|
|
|
onHover() {
|
|
this.hovering = true;
|
|
}
|
|
|
|
removeVideo(id: string) {
|
|
if (confirm('Do you really want to remove this video?')) {
|
|
this.videoService.removeVideo(id).subscribe(
|
|
status => this.removed.emit(true),
|
|
error => alert(error)
|
|
);
|
|
}
|
|
}
|
|
}
|