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