]>
Commit | Line | Data |
---|---|---|
aa0f1963 RK |
1 | <div> |
2 | <h4 i18n>Playlists <span class="badge badge-secondary">{{ pagination.totalItems }}</span></h4> | |
3 | </div> | |
4 | ||
830b4faf | 5 | <div class="video-playlists-header"> |
bf64ed41 RK |
6 | <input type="text" placeholder="Search your playlists" i18n-placeholder [(ngModel)]="videoPlaylistsSearch" (ngModelChange)="onVideoPlaylistSearchChanged()" /> |
7 | ||
830b4faf C |
8 | <a class="create-button" routerLink="create"> |
9 | <my-global-icon iconName="add"></my-global-icon> | |
10 | <ng-container i18n>Create a new playlist</ng-container> | |
11 | </a> | |
12 | </div> | |
13 | ||
ad453580 | 14 | <div class="video-playlists" myInfiniteScroller [autoInit]="true" (nearOfBottom)="onNearOfBottom()" [dataObservable]="onDataSubject.asObservable()"> |
830b4faf C |
15 | <div *ngFor="let playlist of videoPlaylists" class="video-playlist"> |
16 | <div class="miniature-wrapper"> | |
bce47964 C |
17 | <my-video-playlist-miniature [playlist]="playlist" [toManage]="true" [displayChannel]="true" [displayDescription]="true" [displayPrivacy]="true" |
18 | ></my-video-playlist-miniature> | |
830b4faf C |
19 | </div> |
20 | ||
21 | <div *ngIf="isRegularPlaylist(playlist)" class="video-playlist-buttons"> | |
22 | <my-delete-button (click)="deleteVideoPlaylist(playlist)"></my-delete-button> | |
23 | ||
24 | <my-edit-button [routerLink]="[ 'update', playlist.uuid ]"></my-edit-button> | |
25 | </div> | |
26 | </div> | |
27 | </div> |