1 <div class=
"video-playlists-header">
2 <h4 i18n
>Playlists
<span class=
"badge badge-secondary">{{ pagination.totalItems }}
</span></h4>
4 <input type=
"text" placeholder=
"Search your playlists" i18n-placeholder [(ngModel)]=
"videoPlaylistsSearch" (ngModelChange)=
"onVideoPlaylistSearchChanged()" />
6 <a class=
"create-button" routerLink=
"create">
7 <my-global-icon iconName=
"add"></my-global-icon>
8 <ng-container i18n
>Create playlist
</ng-container>
12 <div class=
"video-playlists" myInfiniteScroller [autoInit]=
"true" (nearOfBottom)=
"onNearOfBottom()" [dataObservable]=
"onDataSubject.asObservable()">
13 <div *
ngFor=
"let playlist of videoPlaylists" class=
"video-playlist">
14 <div class=
"miniature-wrapper">
15 <my-video-playlist-miniature [playlist]=
"playlist" [toManage]=
"true" [displayChannel]=
"true" [displayDescription]=
"true" [displayPrivacy]=
"true"
16 ></my-video-playlist-miniature>
19 <div *
ngIf=
"isRegularPlaylist(playlist)" class=
"video-playlist-buttons">
20 <my-delete-button (click)=
"deleteVideoPlaylist(playlist)"></my-delete-button>
22 <my-edit-button [routerLink]=
"[ 'update', playlist.uuid ]"></my-edit-button>