diff options
author | Rigel Kent <sendmemail@rigelk.eu> | 2021-01-22 00:12:44 +0100 |
---|---|---|
committer | Chocobozzz <chocobozzz@cpy.re> | 2021-01-28 15:55:34 +0100 |
commit | 5bcbcbe338ef5a1ed14f084311d013fbb25dabcf (patch) | |
tree | b0f6382b30b67f1f7adddaf7d12af9adae0c9f5d /client/src/app/shared/shared-video-miniature/video-list-header.component.ts | |
parent | 7a4994873c0b3394d04e16e877fc7418bc8b146a (diff) | |
download | PeerTube-5bcbcbe338ef5a1ed14f084311d013fbb25dabcf.tar.gz PeerTube-5bcbcbe338ef5a1ed14f084311d013fbb25dabcf.tar.zst PeerTube-5bcbcbe338ef5a1ed14f084311d013fbb25dabcf.zip |
modularize abstract video list header and implement video hotness recommendation variant
Diffstat (limited to 'client/src/app/shared/shared-video-miniature/video-list-header.component.ts')
-rw-r--r-- | client/src/app/shared/shared-video-miniature/video-list-header.component.ts | 20 |
1 files changed, 20 insertions, 0 deletions
diff --git a/client/src/app/shared/shared-video-miniature/video-list-header.component.ts b/client/src/app/shared/shared-video-miniature/video-list-header.component.ts new file mode 100644 index 000000000..a07248b96 --- /dev/null +++ b/client/src/app/shared/shared-video-miniature/video-list-header.component.ts | |||
@@ -0,0 +1,20 @@ | |||
1 | import { Component, Inject } from '@angular/core' | ||
2 | |||
3 | export abstract class GenericHeaderComponent { | ||
4 | constructor (@Inject('data') public data: any) {} | ||
5 | } | ||
6 | |||
7 | @Component({ | ||
8 | selector: 'h1', | ||
9 | host: { 'class': 'title-page title-page-single' }, | ||
10 | template: ` | ||
11 | <div placement="bottom" [ngbTooltip]="data.titleTooltip" container="body"> | ||
12 | {{ data.titlePage }} | ||
13 | </div> | ||
14 | ` | ||
15 | }) | ||
16 | export class VideoListHeaderComponent extends GenericHeaderComponent { | ||
17 | constructor (@Inject('data') public data: any) { | ||
18 | super(data) | ||
19 | } | ||
20 | } | ||