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 <div class=
"video-playlists-header d-flex justify-content-between">
7 <div class=
"has-feedback has-clear">
8 <input type=
"text" placeholder=
"Search your playlists" i18n-placeholder [(ngModel)]=
"videoPlaylistsSearch"
9 (ngModelChange)=
"onVideoPlaylistSearchChanged()" />
10 <a class=
"glyphicon glyphicon-remove-sign form-control-feedback form-control-clear" (click)=
"resetSearch()"></a>
11 <span class=
"sr-only" i18n
>Clear filters
</span>
14 <a class=
"create-button" routerLink=
"create">
15 <my-global-icon iconName=
"add" aria-hidden=
"true"></my-global-icon>
16 <ng-container i18n
>Create playlist
</ng-container>
20 <div class=
"video-playlists" myInfiniteScroller [autoInit]=
"true" (nearOfBottom)=
"onNearOfBottom()" [dataObservable]=
"onDataSubject.asObservable()">
21 <div *
ngFor=
"let playlist of videoPlaylists" class=
"video-playlist">
22 <my-video-playlist-miniature
23 [playlist]=
"playlist" [toManage]=
"true" [displayChannel]=
"true"
24 [displayDescription]=
"true" [displayPrivacy]=
"true" [displayAsRow]=
"true"
25 ></my-video-playlist-miniature>
27 <div *
ngIf=
"isRegularPlaylist(playlist)" class=
"video-playlist-buttons">
28 <my-delete-button label (click)=
"deleteVideoPlaylist(playlist)"></my-delete-button>
30 <my-edit-button label [routerLink]=
"[ 'update', playlist.uuid ]"></my-edit-button>