]>
Commit | Line | Data |
---|---|---|
aa55a4da | 1 | <div myInfiniteScroller [autoInit]="true" (nearOfBottom)="onNearOfBottom()" class="search-result"> |
2c24b9d3 | 2 | <div class="results-header"> |
0b18f4aa | 3 | <div class="first-line"> |
2c24b9d3 C |
4 | <div class="results-counter" *ngIf="pagination.totalItems"> |
5 | <span i18n>{{ pagination.totalItems | myNumberFormatter }} results</span> | |
6 | <span *ngIf="currentSearch" i18n> | |
7 | for <span class="search-value">{{ currentSearch }}</span> | |
8 | </span> | |
0b18f4aa C |
9 | </div> |
10 | ||
11 | <div | |
12 | class="results-filter-button" (click)="isSearchFilterCollapsed = !isSearchFilterCollapsed" role="button" | |
8cd72bd3 | 13 | [attr.aria-expanded]="!isSearchFilterCollapsed" aria-controls="collapseBasic" |
0b18f4aa C |
14 | > |
15 | <span class="icon icon-filter"></span> | |
16 | <ng-container i18n>Filters</ng-container> | |
17 | </div> | |
18 | </div> | |
19 | ||
63347a0f | 20 | <div class="results-filter" [ngbCollapse]="isSearchFilterCollapsed"> |
8cd72bd3 | 21 | <my-search-filters [advancedSearch]="advancedSearch" (filtered)="onFiltered()"></my-search-filters> |
0b18f4aa C |
22 | </div> |
23 | </div> | |
24 | ||
f37dc0dd | 25 | <div i18n *ngIf="pagination.totalItems === 0 && videoChannels.length === 0" class="no-result"> |
0b18f4aa | 26 | No results found |
57c36b27 C |
27 | </div> |
28 | ||
f37dc0dd | 29 | <div *ngFor="let videoChannel of videoChannels" class="entry video-channel"> |
f5b0af50 | 30 | <a [routerLink]="[ '/video-channels', videoChannel.nameWithHost ]"> |
f37dc0dd C |
31 | <img [src]="videoChannel.avatarUrl" alt="Avatar" /> |
32 | </a> | |
33 | ||
34 | <div class="video-channel-info"> | |
f5b0af50 | 35 | <a [routerLink]="[ '/video-channels', videoChannel.nameWithHost ]" class="video-channel-names"> |
f37dc0dd | 36 | <div class="video-channel-display-name">{{ videoChannel.displayName }}</div> |
f5b0af50 | 37 | <div class="video-channel-name">{{ videoChannel.nameWithHost }}</div> |
f37dc0dd C |
38 | </a> |
39 | ||
40 | <div i18n class="video-channel-followers">{{ videoChannel.followersCount }} subscribers</div> | |
41 | </div> | |
42 | ||
43 | <my-subscribe-button [videoChannel]="videoChannel"></my-subscribe-button> | |
44 | </div> | |
45 | ||
57c36b27 C |
46 | <div *ngFor="let video of videos" class="entry video"> |
47 | <my-video-thumbnail [video]="video"></my-video-thumbnail> | |
48 | ||
49 | <div class="video-info"> | |
50 | <a class="video-info-name" [routerLink]="['/videos/watch', video.uuid]" [attr.title]="video.name">{{ video.name }}</a> | |
51 | <span i18n class="video-info-date-views">{{ video.publishedAt | myFromNow }} - {{ video.views | myNumberFormatter }} views</span> | |
52 | <a class="video-info-account" [routerLink]="[ '/accounts', video.by ]">{{ video.by }}</a> | |
53 | </div> | |
54 | </div> | |
55 | </div> |