client/src/app/videos/video-list/video-miniature.component.ts

   1 import { DatePipe } from '@angular/common';
   2 import { Component, Input, Output, EventEmitter } from '@angular/core';
   3 import { ROUTER_DIRECTIVES } from '@angular/router';
   4
   5 import { SortField, Video, VideoService } from '../shared';
   6 import { User } from '../../shared';
   7
   8 @Component({
   9   selector: 'my-video-miniature',
  10   styles: [ require('./video-miniature.component.scss') ],
  11   template: require('./video-miniature.component.html'),
  12   directives: [ ROUTER_DIRECTIVES ],
  13   pipes: [ DatePipe ]
  14 })
  15
  16 export class VideoMiniatureComponent {
  17   @Output() removed = new EventEmitter<any>();
  18
  19   @Input() currentSort: SortField;
  20   @Input() user: User;
  21   @Input() video: Video;
  22
  23   hovering = false;
  24
  25   constructor(private videoService: VideoService) {}
  26
  27   displayRemoveIcon() {
  28     return this.hovering && this.video.isRemovableBy(this.user);
  29   }
  30
  31   onBlur() {
  32     this.hovering = false;
  33   }
  34
  35   onHover() {
  36     this.hovering = true;
  37   }
  38
  39   removeVideo(id: string) {
  40     if (confirm('Do you really want to remove this video?')) {
  41       this.videoService.removeVideo(id).subscribe(
  42         status => this.removed.emit(true),
  43         error => alert(error)
  44       );
  45     }
  46   }
  47 }