diff options
author | Chocobozzz <me@florianbigard.com> | 2020-05-29 16:16:24 +0200 |
---|---|---|
committer | Chocobozzz <chocobozzz@cpy.re> | 2020-06-10 14:02:41 +0200 |
commit | 5fb2e2888ce032c638e4b75d07458642f0833e52 (patch) | |
tree | 8830d873569316889b8134027e9a43b198cca38f /client/src/app/search/search.component.html | |
parent | 62e7be634bc189f942ae51cb4b080079ab503ff0 (diff) | |
download | PeerTube-5fb2e2888ce032c638e4b75d07458642f0833e52.tar.gz PeerTube-5fb2e2888ce032c638e4b75d07458642f0833e52.tar.zst PeerTube-5fb2e2888ce032c638e4b75d07458642f0833e52.zip |
First implem global search
Diffstat (limited to 'client/src/app/search/search.component.html')
-rw-r--r-- | client/src/app/search/search.component.html | 15 |
1 files changed, 10 insertions, 5 deletions
diff --git a/client/src/app/search/search.component.html b/client/src/app/search/search.component.html index a4a1d41b3..3cafc676d 100644 --- a/client/src/app/search/search.component.html +++ b/client/src/app/search/search.component.html | |||
@@ -2,7 +2,11 @@ | |||
2 | <div class="results-header"> | 2 | <div class="results-header"> |
3 | <div class="first-line"> | 3 | <div class="first-line"> |
4 | <div class="results-counter" *ngIf="pagination.totalItems"> | 4 | <div class="results-counter" *ngIf="pagination.totalItems"> |
5 | <span i18n>{{ pagination.totalItems | myNumberFormatter }} {pagination.totalItems, plural, =1 {result} other {results}}</span> | 5 | <span i18n>{{ pagination.totalItems | myNumberFormatter }} {pagination.totalItems, plural, =1 {result} other {results}} </span> |
6 | |||
7 | <span i18n *ngIf="advancedSearch.searchTarget === 'local'">on this instance</span> | ||
8 | <span i18n *ngIf="advancedSearch.searchTarget === 'search-index'">on the vidiverse</span> | ||
9 | |||
6 | <span *ngIf="currentSearch" i18n> | 10 | <span *ngIf="currentSearch" i18n> |
7 | for <span class="search-value">{{ currentSearch }}</span> | 11 | for <span class="search-value">{{ currentSearch }}</span> |
8 | </span> | 12 | </span> |
@@ -31,12 +35,12 @@ | |||
31 | 35 | ||
32 | <ng-container *ngFor="let result of results"> | 36 | <ng-container *ngFor="let result of results"> |
33 | <div *ngIf="isVideoChannel(result)" class="entry video-channel"> | 37 | <div *ngIf="isVideoChannel(result)" class="entry video-channel"> |
34 | <a [routerLink]="[ '/video-channels', result.nameWithHost ]"> | 38 | <a [routerLink]="getChannelUrl(result)"> |
35 | <img [src]="result.avatarUrl" alt="Avatar" /> | 39 | <img [src]="result.avatarUrl" alt="Avatar" /> |
36 | </a> | 40 | </a> |
37 | 41 | ||
38 | <div class="video-channel-info"> | 42 | <div class="video-channel-info"> |
39 | <a [routerLink]="[ '/video-channels', result.nameWithHost ]" class="video-channel-names"> | 43 | <a [routerLink]="getChannelUrl(result)" class="video-channel-names"> |
40 | <div class="video-channel-display-name">{{ result.displayName }}</div> | 44 | <div class="video-channel-display-name">{{ result.displayName }}</div> |
41 | <div class="video-channel-name">{{ result.nameWithHost }}</div> | 45 | <div class="video-channel-name">{{ result.nameWithHost }}</div> |
42 | </a> | 46 | </a> |
@@ -44,12 +48,13 @@ | |||
44 | <div i18n class="video-channel-followers">{{ result.followersCount }} subscribers</div> | 48 | <div i18n class="video-channel-followers">{{ result.followersCount }} subscribers</div> |
45 | </div> | 49 | </div> |
46 | 50 | ||
47 | <my-subscribe-button [videoChannels]="[result]"></my-subscribe-button> | 51 | <my-subscribe-button *ngIf="!hideActions()" [videoChannels]="[result]"></my-subscribe-button> |
48 | </div> | 52 | </div> |
49 | 53 | ||
50 | <div *ngIf="isVideo(result)" class="entry video"> | 54 | <div *ngIf="isVideo(result)" class="entry video"> |
51 | <my-video-miniature | 55 | <my-video-miniature |
52 | [video]="result" [user]="user" [displayAsRow]="true" | 56 | [video]="result" [user]="user" [displayAsRow]="true" [displayVideoActions]="!hideActions()" |
57 | [useLazyLoadUrl]="advancedSearch.searchTarget === 'search-index'" | ||
53 | (videoBlacklisted)="removeVideoFromArray(result)" (videoRemoved)="removeVideoFromArray(result)" | 58 | (videoBlacklisted)="removeVideoFromArray(result)" (videoRemoved)="removeVideoFromArray(result)" |
54 | ></my-video-miniature> | 59 | ></my-video-miniature> |
55 | </div> | 60 | </div> |