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

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