client/src/app/+my-library/my-video-playlists/my-video-playlists.component.html

   1 <h1>
   2   <span>
   3     <my-global-icon iconName="playlists" aria-hidden="true"></my-global-icon>
   4     <ng-container i18n>My playlists</ng-container> <span class="badge badge-secondary">{{ pagination.totalItems }}</span>
   5   </span>
   6 </h1>
   7
   8 <div class="video-playlists-header d-flex justify-content-between">
   9   <div class="has-feedback has-clear">
  10     <input type="text" placeholder="Search your playlists" i18n-placeholder [(ngModel)]="videoPlaylistsSearch"
  11       (ngModelChange)="onVideoPlaylistSearchChanged()" />
  12     <a class="glyphicon glyphicon-remove-sign form-control-feedback form-control-clear" (click)="resetSearch()"></a>
  13     <span class="sr-only" i18n>Clear filters</span>
  14   </div>
  15
  16   <a class="create-button" routerLink="create">
  17     <my-global-icon iconName="add" aria-hidden="true"></my-global-icon>
  18     <ng-container i18n>Create playlist</ng-container>
  19   </a>
  20 </div>
  21
  22 <div class="video-playlists" myInfiniteScroller [autoInit]="true" (nearOfBottom)="onNearOfBottom()" [dataObservable]="onDataSubject.asObservable()">
  23   <div *ngFor="let playlist of videoPlaylists" class="video-playlist">
  24     <div class="miniature-wrapper">
  25       <my-video-playlist-miniature [playlist]="playlist" [toManage]="true" [displayChannel]="true" [displayDescription]="true" [displayPrivacy]="true"
  26       ></my-video-playlist-miniature>
  27     </div>
  28
  29     <div *ngIf="isRegularPlaylist(playlist)" class="video-playlist-buttons">
  30       <my-delete-button label (click)="deleteVideoPlaylist(playlist)"></my-delete-button>
  31
  32       <my-edit-button label [routerLink]="[ 'update', playlist.uuid ]"></my-edit-button>
  33     </div>
  34   </div>
  35 </div>