X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fangular%2Fvideos%2Fcomponents%2Fwatch%2Fvideos-watch.component.ts;h=6e212e8bc8afa72ec69fa9ba977d434c4ec3a6fd;hb=8140a704bbbecd149c68267545e4215579c9785c;hp=d2203727e462e59d5394ae85f717b708d20c947c;hpb=e9a2578e952a361b042fee45d211c6f88d89209e;p=github%2FChocobozzz%2FPeerTube.git diff --git a/client/angular/videos/components/watch/videos-watch.component.ts b/client/angular/videos/components/watch/videos-watch.component.ts index d2203727e..6e212e8bc 100644 --- a/client/angular/videos/components/watch/videos-watch.component.ts +++ b/client/angular/videos/components/watch/videos-watch.component.ts @@ -1,12 +1,13 @@ -import { Component, OnInit, ElementRef } from 'angular2/core'; -import { RouteParams, CanDeactivate, ComponentInstruction } from 'angular2/router'; +import { Component, OnInit, ElementRef } from '@angular/core'; +import { RouteParams, CanDeactivate, ComponentInstruction } from '@angular/router-deprecated'; + import { BytesPipe } from 'angular-pipes/src/math/bytes.pipe'; // TODO import it with systemjs declare var WebTorrent: any; -import { Video } from '../../models/video'; -import { VideosService } from '../../services/videos.service'; +import { Video } from '../../video'; +import { VideosService } from '../../videos.service'; @Component({ selector: 'my-video-watch', @@ -20,8 +21,9 @@ export class VideosWatchComponent implements OnInit, CanDeactivate { downloadSpeed: number; uploadSpeed: number; numPeers: number; + loading: boolean = false; - private _interval: number; + private _interval: NodeJS.Timer; private client: any; constructor( @@ -42,9 +44,11 @@ export class VideosWatchComponent implements OnInit, CanDeactivate { } loadVideo(video: Video) { + this.loading = true; this.video = video; console.log('Adding ' + this.video.magnetUri + '.'); this.client.add(this.video.magnetUri, (torrent) => { + this.loading = false; console.log('Added ' + this.video.magnetUri + '.'); torrent.files[0].appendTo(this._elementRef.nativeElement.querySelector('.embed-responsive'), (err) => { if (err) {