PeerTube/client/angular/videos/components/list/videos-list.component.ts

61 lines
1.5 KiB
TypeScript

import { Component, OnInit } from '@angular/core';
import { ROUTER_DIRECTIVES, RouteParams } from '@angular/router-deprecated';
import { AuthService } from '../../../users/services/auth.service';
import { User } from '../../../users/models/user';
import { VideosService } from '../../services/videos.service';
import { Video } from '../../models/video';
@Component({
selector: 'my-videos-list',
styleUrls: [ 'app/angular/videos/components/list/videos-list.component.css' ],
templateUrl: 'app/angular/videos/components/list/videos-list.component.html',
directives: [ ROUTER_DIRECTIVES ]
})
export class VideosListComponent implements OnInit {
user: User = null;
videos: Video[] = [];
private search: string;
constructor(
private _authService: AuthService,
private _videosService: VideosService,
routeParams: RouteParams
) {
this.search = routeParams.get('search');
}
ngOnInit() {
if (this._authService.isLoggedIn()) {
this.user = User.load();
}
this.getVideos();
}
getVideos() {
let observable = null;
if (this.search !== null) {
observable = this._videosService.searchVideos(this.search);
} else {
observable = this._videosService.getVideos();
}
observable.subscribe(
videos => this.videos = videos,
error => alert(error)
);
}
removeVideo(id: string) {
this._videosService.removeVideo(id).subscribe(
status => this.getVideos(),
error => alert(error)
);
}
}