diff options
Diffstat (limited to 'client/src/app/videos')
7 files changed, 61 insertions, 4 deletions
diff --git a/client/src/app/videos/+video-watch/video-watch.component.html b/client/src/app/videos/+video-watch/video-watch.component.html index 03f64bd12..52e3e429a 100644 --- a/client/src/app/videos/+video-watch/video-watch.component.html +++ b/client/src/app/videos/+video-watch/video-watch.component.html | |||
@@ -24,6 +24,7 @@ | |||
24 | <div class="video-info-by"> | 24 | <div class="video-info-by"> |
25 | By {{ video.by }} | 25 | By {{ video.by }} |
26 | <img [src]="getAvatarPath()" alt="Account avatar" /> | 26 | <img [src]="getAvatarPath()" alt="Account avatar" /> |
27 | <my-video-feed [syndicationItems]="syndicationItems"></my-video-feed> | ||
27 | </div> | 28 | </div> |
28 | </div> | 29 | </div> |
29 | 30 | ||
diff --git a/client/src/app/videos/+video-watch/video-watch.component.scss b/client/src/app/videos/+video-watch/video-watch.component.scss index 03f960339..8a3e2584b 100644 --- a/client/src/app/videos/+video-watch/video-watch.component.scss +++ b/client/src/app/videos/+video-watch/video-watch.component.scss | |||
@@ -80,6 +80,11 @@ | |||
80 | } | 80 | } |
81 | } | 81 | } |
82 | 82 | ||
83 | my-video-feed { | ||
84 | margin-left: 5px; | ||
85 | margin-top: 1px; | ||
86 | } | ||
87 | |||
83 | .video-actions-rates { | 88 | .video-actions-rates { |
84 | display: flex; | 89 | display: flex; |
85 | flex-direction: column; | 90 | flex-direction: column; |
diff --git a/client/src/app/videos/+video-watch/video-watch.component.ts b/client/src/app/videos/+video-watch/video-watch.component.ts index df5b8d02d..b3ebe3e4b 100644 --- a/client/src/app/videos/+video-watch/video-watch.component.ts +++ b/client/src/app/videos/+video-watch/video-watch.component.ts | |||
@@ -1,4 +1,4 @@ | |||
1 | import { Component, ElementRef, NgZone, OnDestroy, OnInit, ViewChild } from '@angular/core' | 1 | import { Component, ElementRef, NgZone, OnDestroy, OnInit, ViewChild, OnChanges } from '@angular/core' |
2 | import { ActivatedRoute, Router } from '@angular/router' | 2 | import { ActivatedRoute, Router } from '@angular/router' |
3 | import { RedirectService } from '@app/core/routing/redirect.service' | 3 | import { RedirectService } from '@app/core/routing/redirect.service' |
4 | import { peertubeLocalStorage } from '@app/shared/misc/peertube-local-storage' | 4 | import { peertubeLocalStorage } from '@app/shared/misc/peertube-local-storage' |
@@ -9,18 +9,20 @@ import { Subscription } from 'rxjs/Subscription' | |||
9 | import * as videojs from 'video.js' | 9 | import * as videojs from 'video.js' |
10 | import 'videojs-hotkeys' | 10 | import 'videojs-hotkeys' |
11 | import * as WebTorrent from 'webtorrent' | 11 | import * as WebTorrent from 'webtorrent' |
12 | import { UserVideoRateType, VideoRateType } from '../../../../../shared' | 12 | import { UserVideoRateType, VideoRateType, FeedFormat } from '../../../../../shared' |
13 | import '../../../assets/player/peertube-videojs-plugin' | 13 | import '../../../assets/player/peertube-videojs-plugin' |
14 | import { AuthService, ConfirmService } from '../../core' | 14 | import { AuthService, ConfirmService } from '../../core' |
15 | import { VideoBlacklistService } from '../../shared' | 15 | import { VideoBlacklistService } from '../../shared' |
16 | import { Account } from '../../shared/account/account.model' | 16 | import { Account } from '../../shared/account/account.model' |
17 | import { VideoDetails } from '../../shared/video/video-details.model' | 17 | import { VideoDetails } from '../../shared/video/video-details.model' |
18 | import { VideoFeedComponent } from '../../shared/video/video-feed.component' | ||
18 | import { Video } from '../../shared/video/video.model' | 19 | import { Video } from '../../shared/video/video.model' |
19 | import { VideoService } from '../../shared/video/video.service' | 20 | import { VideoService } from '../../shared/video/video.service' |
20 | import { MarkdownService } from '../shared' | 21 | import { MarkdownService } from '../shared' |
21 | import { VideoDownloadComponent } from './modal/video-download.component' | 22 | import { VideoDownloadComponent } from './modal/video-download.component' |
22 | import { VideoReportComponent } from './modal/video-report.component' | 23 | import { VideoReportComponent } from './modal/video-report.component' |
23 | import { VideoShareComponent } from './modal/video-share.component' | 24 | import { VideoShareComponent } from './modal/video-share.component' |
25 | import { environment } from '../../../environments/environment' | ||
24 | import { getVideojsOptions } from '../../../assets/player/peertube-player' | 26 | import { getVideojsOptions } from '../../../assets/player/peertube-player' |
25 | 27 | ||
26 | @Component({ | 28 | @Component({ |
@@ -38,6 +40,8 @@ export class VideoWatchComponent implements OnInit, OnDestroy { | |||
38 | 40 | ||
39 | otherVideosDisplayed: Video[] = [] | 41 | otherVideosDisplayed: Video[] = [] |
40 | 42 | ||
43 | syndicationItems = {} | ||
44 | |||
41 | player: videojs.Player | 45 | player: videojs.Player |
42 | playerElement: HTMLVideoElement | 46 | playerElement: HTMLVideoElement |
43 | userRating: UserVideoRateType = null | 47 | userRating: UserVideoRateType = null |
@@ -98,14 +102,15 @@ export class VideoWatchComponent implements OnInit, OnDestroy { | |||
98 | } | 102 | } |
99 | 103 | ||
100 | const uuid = routeParams['uuid'] | 104 | const uuid = routeParams['uuid'] |
101 | // Video did not changed | 105 | // Video did not change |
102 | if (this.video && this.video.uuid === uuid) return | 106 | if (this.video && this.video.uuid === uuid) return |
103 | 107 | // Video did change | |
104 | this.videoService.getVideo(uuid).subscribe( | 108 | this.videoService.getVideo(uuid).subscribe( |
105 | video => { | 109 | video => { |
106 | const startTime = this.route.snapshot.queryParams.start | 110 | const startTime = this.route.snapshot.queryParams.start |
107 | this.onVideoFetched(video, startTime) | 111 | this.onVideoFetched(video, startTime) |
108 | .catch(err => this.handleError(err)) | 112 | .catch(err => this.handleError(err)) |
113 | this.generateSyndicationList() | ||
109 | }, | 114 | }, |
110 | 115 | ||
111 | error => { | 116 | error => { |
@@ -242,6 +247,16 @@ export class VideoWatchComponent implements OnInit, OnDestroy { | |||
242 | return this.video.tags.join(', ') | 247 | return this.video.tags.join(', ') |
243 | } | 248 | } |
244 | 249 | ||
250 | generateSyndicationList () { | ||
251 | const feeds = this.videoService.getAccountFeed( | ||
252 | this.video.account.id, | ||
253 | (this.video.isLocal) ? environment.apiUrl : this.video.account.host | ||
254 | ) | ||
255 | this.syndicationItems['rss 2.0'] = feeds[FeedFormat.RSS] | ||
256 | this.syndicationItems['atom 1.0'] = feeds[FeedFormat.ATOM] | ||
257 | this.syndicationItems['json 1.0'] = feeds[FeedFormat.JSON] | ||
258 | } | ||
259 | |||
245 | isVideoRemovable () { | 260 | isVideoRemovable () { |
246 | return this.video.isRemovableBy(this.authService.getUser()) | 261 | return this.video.isRemovableBy(this.authService.getUser()) |
247 | } | 262 | } |
diff --git a/client/src/app/videos/video-list/video-local.component.ts b/client/src/app/videos/video-list/video-local.component.ts index 8f9d50a7b..9d626abd1 100644 --- a/client/src/app/videos/video-list/video-local.component.ts +++ b/client/src/app/videos/video-list/video-local.component.ts | |||
@@ -3,9 +3,12 @@ import { ActivatedRoute, Router } from '@angular/router' | |||
3 | import { immutableAssign } from '@app/shared/misc/utils' | 3 | import { immutableAssign } from '@app/shared/misc/utils' |
4 | import { NotificationsService } from 'angular2-notifications' | 4 | import { NotificationsService } from 'angular2-notifications' |
5 | import { AuthService } from '../../core/auth' | 5 | import { AuthService } from '../../core/auth' |
6 | import { PopoverModule } from 'ngx-bootstrap/popover' | ||
6 | import { AbstractVideoList } from '../../shared/video/abstract-video-list' | 7 | import { AbstractVideoList } from '../../shared/video/abstract-video-list' |
7 | import { SortField } from '../../shared/video/sort-field.type' | 8 | import { SortField } from '../../shared/video/sort-field.type' |
8 | import { VideoService } from '../../shared/video/video.service' | 9 | import { VideoService } from '../../shared/video/video.service' |
10 | import { FeedFormat } from '../../../../../shared/models/feeds/feed-format.enum' | ||
11 | import * as url from 'url' | ||
9 | 12 | ||
10 | @Component({ | 13 | @Component({ |
11 | selector: 'my-videos-local', | 14 | selector: 'my-videos-local', |
@@ -27,6 +30,7 @@ export class VideoLocalComponent extends AbstractVideoList implements OnInit, On | |||
27 | 30 | ||
28 | ngOnInit () { | 31 | ngOnInit () { |
29 | super.ngOnInit() | 32 | super.ngOnInit() |
33 | this.generateSyndicationList() | ||
30 | } | 34 | } |
31 | 35 | ||
32 | ngOnDestroy () { | 36 | ngOnDestroy () { |
@@ -38,4 +42,11 @@ export class VideoLocalComponent extends AbstractVideoList implements OnInit, On | |||
38 | 42 | ||
39 | return this.videoService.getVideos(newPagination, this.sort, 'local') | 43 | return this.videoService.getVideos(newPagination, this.sort, 'local') |
40 | } | 44 | } |
45 | |||
46 | generateSyndicationList () { | ||
47 | const feeds = this.videoService.getFeed('local') | ||
48 | this.syndicationItems['rss 2.0'] = feeds[FeedFormat.RSS] | ||
49 | this.syndicationItems['atom 1.0'] = feeds[FeedFormat.ATOM] | ||
50 | this.syndicationItems['json 1.0'] = feeds[FeedFormat.JSON] | ||
51 | } | ||
41 | } | 52 | } |
diff --git a/client/src/app/videos/video-list/video-recently-added.component.ts b/client/src/app/videos/video-list/video-recently-added.component.ts index 1cecd14a0..2bdc20d92 100644 --- a/client/src/app/videos/video-list/video-recently-added.component.ts +++ b/client/src/app/videos/video-list/video-recently-added.component.ts | |||
@@ -6,6 +6,8 @@ import { AuthService } from '../../core/auth' | |||
6 | import { AbstractVideoList } from '../../shared/video/abstract-video-list' | 6 | import { AbstractVideoList } from '../../shared/video/abstract-video-list' |
7 | import { SortField } from '../../shared/video/sort-field.type' | 7 | import { SortField } from '../../shared/video/sort-field.type' |
8 | import { VideoService } from '../../shared/video/video.service' | 8 | import { VideoService } from '../../shared/video/video.service' |
9 | import { FeedFormat } from '../../../../../shared/models/feeds/feed-format.enum' | ||
10 | import * as url from 'url' | ||
9 | 11 | ||
10 | @Component({ | 12 | @Component({ |
11 | selector: 'my-videos-recently-added', | 13 | selector: 'my-videos-recently-added', |
@@ -27,6 +29,7 @@ export class VideoRecentlyAddedComponent extends AbstractVideoList implements On | |||
27 | 29 | ||
28 | ngOnInit () { | 30 | ngOnInit () { |
29 | super.ngOnInit() | 31 | super.ngOnInit() |
32 | this.generateSyndicationList() | ||
30 | } | 33 | } |
31 | 34 | ||
32 | ngOnDestroy () { | 35 | ngOnDestroy () { |
@@ -38,4 +41,11 @@ export class VideoRecentlyAddedComponent extends AbstractVideoList implements On | |||
38 | 41 | ||
39 | return this.videoService.getVideos(newPagination, this.sort) | 42 | return this.videoService.getVideos(newPagination, this.sort) |
40 | } | 43 | } |
44 | |||
45 | generateSyndicationList () { | ||
46 | const feeds = this.videoService.getFeed('local') | ||
47 | this.syndicationItems['rss 2.0'] = feeds[FeedFormat.RSS] | ||
48 | this.syndicationItems['atom 1.0'] = feeds[FeedFormat.ATOM] | ||
49 | this.syndicationItems['json 1.0'] = feeds[FeedFormat.JSON] | ||
50 | } | ||
41 | } | 51 | } |
diff --git a/client/src/app/videos/video-list/video-search.component.ts b/client/src/app/videos/video-list/video-search.component.ts index b94be8e11..ef9afa757 100644 --- a/client/src/app/videos/video-list/video-search.component.ts +++ b/client/src/app/videos/video-list/video-search.component.ts | |||
@@ -7,6 +7,7 @@ import { Subscription } from 'rxjs/Subscription' | |||
7 | import { AuthService } from '../../core/auth' | 7 | import { AuthService } from '../../core/auth' |
8 | import { AbstractVideoList } from '../../shared/video/abstract-video-list' | 8 | import { AbstractVideoList } from '../../shared/video/abstract-video-list' |
9 | import { VideoService } from '../../shared/video/video.service' | 9 | import { VideoService } from '../../shared/video/video.service' |
10 | import { FeedFormat } from '../../../../../shared/models/feeds/feed-format.enum' | ||
10 | 11 | ||
11 | @Component({ | 12 | @Component({ |
12 | selector: 'my-videos-search', | 13 | selector: 'my-videos-search', |
@@ -61,4 +62,8 @@ export class VideoSearchComponent extends AbstractVideoList implements OnInit, O | |||
61 | const newPagination = immutableAssign(this.pagination, { currentPage: page }) | 62 | const newPagination = immutableAssign(this.pagination, { currentPage: page }) |
62 | return this.videoService.searchVideos(this.otherRouteParams.search, newPagination, this.sort) | 63 | return this.videoService.searchVideos(this.otherRouteParams.search, newPagination, this.sort) |
63 | } | 64 | } |
65 | |||
66 | generateSyndicationList () { | ||
67 | throw new Error('Method not implemented.') | ||
68 | } | ||
64 | } | 69 | } |
diff --git a/client/src/app/videos/video-list/video-trending.component.ts b/client/src/app/videos/video-list/video-trending.component.ts index 1dd1ad23b..905c75ab0 100644 --- a/client/src/app/videos/video-list/video-trending.component.ts +++ b/client/src/app/videos/video-list/video-trending.component.ts | |||
@@ -6,6 +6,8 @@ import { AuthService } from '../../core/auth' | |||
6 | import { AbstractVideoList } from '../../shared/video/abstract-video-list' | 6 | import { AbstractVideoList } from '../../shared/video/abstract-video-list' |
7 | import { SortField } from '../../shared/video/sort-field.type' | 7 | import { SortField } from '../../shared/video/sort-field.type' |
8 | import { VideoService } from '../../shared/video/video.service' | 8 | import { VideoService } from '../../shared/video/video.service' |
9 | import { FeedFormat } from '../../../../../shared/models/feeds/feed-format.enum' | ||
10 | import * as url from 'url' | ||
9 | 11 | ||
10 | @Component({ | 12 | @Component({ |
11 | selector: 'my-videos-trending', | 13 | selector: 'my-videos-trending', |
@@ -27,6 +29,7 @@ export class VideoTrendingComponent extends AbstractVideoList implements OnInit, | |||
27 | 29 | ||
28 | ngOnInit () { | 30 | ngOnInit () { |
29 | super.ngOnInit() | 31 | super.ngOnInit() |
32 | this.generateSyndicationList() | ||
30 | } | 33 | } |
31 | 34 | ||
32 | ngOnDestroy () { | 35 | ngOnDestroy () { |
@@ -37,4 +40,11 @@ export class VideoTrendingComponent extends AbstractVideoList implements OnInit, | |||
37 | const newPagination = immutableAssign(this.pagination, { currentPage: page }) | 40 | const newPagination = immutableAssign(this.pagination, { currentPage: page }) |
38 | return this.videoService.getVideos(newPagination, this.sort) | 41 | return this.videoService.getVideos(newPagination, this.sort) |
39 | } | 42 | } |
43 | |||
44 | generateSyndicationList () { | ||
45 | const feeds = this.videoService.getFeed('local') | ||
46 | this.syndicationItems['rss 2.0'] = feeds[FeedFormat.RSS] | ||
47 | this.syndicationItems['atom 1.0'] = feeds[FeedFormat.ATOM] | ||
48 | this.syndicationItems['json 1.0'] = feeds[FeedFormat.JSON] | ||
49 | } | ||
40 | } | 50 | } |