diff options
Diffstat (limited to 'client/src/app/search/search.component.html')
| -rw-r--r-- | client/src/app/search/search.component.html | 45 |
1 files changed, 24 insertions, 21 deletions
diff --git a/client/src/app/search/search.component.html b/client/src/app/search/search.component.html index 0d09ebbe6..d2ed1f881 100644 --- a/client/src/app/search/search.component.html +++ b/client/src/app/search/search.component.html | |||
| @@ -22,34 +22,37 @@ | |||
| 22 | </div> | 22 | </div> |
| 23 | </div> | 23 | </div> |
| 24 | 24 | ||
| 25 | <div i18n *ngIf="pagination.totalItems === 0 && videoChannels.length === 0" class="no-result"> | 25 | <div i18n *ngIf="pagination.totalItems === 0 && results.length === 0" class="no-result"> |
| 26 | No results found | 26 | No results found |
| 27 | </div> | 27 | </div> |
| 28 | 28 | ||
| 29 | <div *ngFor="let videoChannel of videoChannels" class="entry video-channel"> | 29 | <ng-container *ngFor="let result of results"> |
| 30 | <a [routerLink]="[ '/video-channels', videoChannel.nameWithHost ]"> | 30 | <div *ngIf="isVideoChannel(result)" class="entry video-channel"> |
| 31 | <img [src]="videoChannel.avatarUrl" alt="Avatar" /> | 31 | <a [routerLink]="[ '/video-channels', result.nameWithHost ]"> |
| 32 | </a> | 32 | <img [src]="result.avatarUrl" alt="Avatar" /> |
| 33 | |||
| 34 | <div class="video-channel-info"> | ||
| 35 | <a [routerLink]="[ '/video-channels', videoChannel.nameWithHost ]" class="video-channel-names"> | ||
| 36 | <div class="video-channel-display-name">{{ videoChannel.displayName }}</div> | ||
| 37 | <div class="video-channel-name">{{ videoChannel.nameWithHost }}</div> | ||
| 38 | </a> | 33 | </a> |
| 39 | 34 | ||
| 40 | <div i18n class="video-channel-followers">{{ videoChannel.followersCount }} subscribers</div> | 35 | <div class="video-channel-info"> |
| 41 | </div> | 36 | <a [routerLink]="[ '/video-channels', result.nameWithHost ]" class="video-channel-names"> |
| 37 | <div class="video-channel-display-name">{{ result.displayName }}</div> | ||
| 38 | <div class="video-channel-name">{{ result.nameWithHost }}</div> | ||
| 39 | </a> | ||
| 42 | 40 | ||
| 43 | <my-subscribe-button [videoChannel]="videoChannel"></my-subscribe-button> | 41 | <div i18n class="video-channel-followers">{{ result.followersCount }} subscribers</div> |
| 44 | </div> | 42 | </div> |
| 45 | 43 | ||
| 46 | <div *ngFor="let video of videos" class="entry video"> | 44 | <my-subscribe-button *ngIf="isUserLoggedIn()" [videoChannel]="result"></my-subscribe-button> |
| 47 | <my-video-thumbnail [video]="video"></my-video-thumbnail> | 45 | </div> |
| 48 | 46 | ||
| 49 | <div class="video-info"> | 47 | <div *ngIf="isVideo(result)" class="entry video"> |
| 50 | <a class="video-info-name" [routerLink]="['/videos/watch', video.uuid]" [attr.title]="video.name">{{ video.name }}</a> | 48 | <my-video-thumbnail [video]="result"></my-video-thumbnail> |
| 51 | <span i18n class="video-info-date-views">{{ video.publishedAt | myFromNow }} - {{ video.views | myNumberFormatter }} views</span> | 49 | |
| 52 | <a class="video-info-account" [routerLink]="[ '/accounts', video.by ]">{{ video.by }}</a> | 50 | <div class="video-info"> |
| 51 | <a class="video-info-name" [routerLink]="['/videos/watch', result.uuid]" [attr.title]="result.name">{{ result.name }}</a> | ||
| 52 | <span i18n class="video-info-date-views">{{ result.publishedAt | myFromNow }} - {{ result.views | myNumberFormatter }} views</span> | ||
| 53 | <a class="video-info-account" [routerLink]="[ '/accounts', result.by ]">{{ result.by }}</a> | ||
| 54 | </div> | ||
| 53 | </div> | 55 | </div> |
| 54 | </div> | 56 | </ng-container> |
| 57 | |||
| 55 | </div> | 58 | </div> |