aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/app/+admin/moderation/video-auto-blacklist-list/video-auto-blacklist-list.component.html
blob: 961ac51d3f5d2c565b8337b9292efb3d87e53827 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
<div i18n *ngIf="pagination.totalItems === 0">No results.</div>

<div myInfiniteScroller [autoInit]="true" (nearOfBottom)="onNearOfBottom()" class="videos">
  <div class="video" *ngFor="let video of videos; let i = index">
    <div class="checkbox-container">
      <my-peertube-checkbox [inputName]="'video-check-' + video.id" [(ngModel)]="checkedVideos[video.id]"></my-peertube-checkbox>
    </div>

    <my-video-thumbnail [video]="video"></my-video-thumbnail>

    <div class="video-info">
      <a class="video-info-name" [routerLink]="['/videos/watch', video.uuid]" [attr.title]="video.name">{{ video.name }}</a>
      <div>{{ video.account.displayName }}</div>
      <div>{{ video.publishedAt | myFromNow }}</div>
      <div><span i18n>Privacy: </span><span>{{ video.privacy.label }}</span></div>
      <div><span i18n>Sensitive: </span><span> {{ video.nsfw }}</span></div>
    </div>

    <!-- Display only once -->
    <div class="action-selection-mode" *ngIf="isInSelectionMode() === true && i === 0 && j === 0">
      <div class="action-selection-mode-child">
        <span i18n class="action-button action-button-cancel-selection" (click)="abortSelectionMode()">
          Cancel
        </span>

        <span class="action-button action-button-unblacklist-selection" (click)="removeSelectedVideosFromBlacklist()">
          <my-global-icon iconName="tick"></my-global-icon>
          <ng-container i18n>Unblacklist</ng-container>
        </span>
      </div>
    </div>

    <div class="video-buttons" *ngIf="isInSelectionMode() === false">
      <my-button
        i18n-label
        label="Unblacklist"
        icon="tick"
        (click)="removeVideoFromBlacklist(video)"
      ></my-button>
    </div>
  </div>
</div>