2 <my-global-icon iconName=
"playlists" aria-hidden=
"true"></my-global-icon>
3 <ng-container i18n
>My playlists
</ng-container> <span class=
"badge badge-secondary">{{ pagination.totalItems }}
</span>
6 <my-channels-setup-message></my-channels-setup-message>
8 <div class=
"video-playlists-header d-flex justify-content-between">
9 <my-advanced-input-filter (search)=
"onSearch($event)"></my-advanced-input-filter>
11 <a class=
"create-button" routerLink=
"create">
12 <my-global-icon iconName=
"add" aria-hidden=
"true"></my-global-icon>
13 <ng-container i18n
>Create playlist
</ng-container>
17 <div class=
"video-playlists" myInfiniteScroller (nearOfBottom)=
"onNearOfBottom()" [dataObservable]=
"onDataSubject.asObservable()">
18 <div *
ngFor=
"let playlist of videoPlaylists" class=
"video-playlist">
19 <my-video-playlist-miniature
20 [playlist]=
"playlist" [toManage]=
"true" [displayChannel]=
"true"
21 [displayDescription]=
"true" [displayPrivacy]=
"true" [displayAsRow]=
"true"
22 ></my-video-playlist-miniature>
24 <div *
ngIf=
"isRegularPlaylist(playlist)" class=
"video-playlist-buttons">
25 <my-delete-button label (click)=
"deleteVideoPlaylist(playlist)"></my-delete-button>
27 <my-edit-button label [routerLink]=
"[ 'update', playlist.uuid ]"></my-edit-button>