client/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-deprecated';
   4
   5 import { Video, VideoService } from '../shared/index';
   6 import { User } from '../../users/index';
   7
   8 @Component({
   9   selector: 'my-video-miniature',
  10   styleUrls: [ 'client/app/videos/video-list/video-miniature.component.css' ],
  11   templateUrl: 'client/app/videos/video-list/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() video: Video;
  20   @Input() user: User;
  21
  22   hovering = false;
  23
  24   constructor(private videoService: VideoService) {}
  25
  26   onHover() {
  27     this.hovering = true;
  28   }
  29
  30   onBlur() {
  31     this.hovering = false;
  32   }
  33
  34   displayRemoveIcon() {
  35     return this.hovering && this.video.isRemovableBy(this.user);
  36   }
  37
  38   removeVideo(id: string) {
  39     if (confirm('Do you really want to remove this video?')) {
  40       this.videoService.removeVideo(id).subscribe(
  41         status => this.removed.emit(true),
  42         error => alert(error)
  43       );
  44     }
  45   }
  46 }