123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113 |
- <h1>
- <my-global-icon iconName="message-circle" aria-hidden="true"></my-global-icon>
- <ng-container i18n>Video comments</ng-container>
- <my-feed [syndicationItems]="syndicationItems"></my-feed>
- </h1>
- <em i18n>This view also shows comments from muted accounts.</em>
- <p-table
- [value]="comments" [paginator]="totalRecords > 0" [totalRecords]="totalRecords" [rows]="rowsPerPage" [first]="pagination.start"
- [rowsPerPageOptions]="rowsPerPageOptions" [sortField]="sort.field" [sortOrder]="sort.order" dataKey="id"
- [lazy]="true" (onLazyLoad)="loadLazy($event)" [lazyLoadOnInit]="false" [selectionPageOnly]="true"
- [showCurrentPageReport]="true" i18n-currentPageReportTemplate
- currentPageReportTemplate="Showing {{'{first}'}} to {{'{last}'}} of {{'{totalRecords}'}} comments"
- [expandedRowKeys]="expandedRows" [(selection)]="selectedRows"
- >
- <ng-template pTemplate="caption">
- <div class="caption">
- <div>
- <my-action-dropdown
- *ngIf="isInSelectionMode()" i18n-label label="Batch actions" theme="orange"
- [actions]="bulkActions" [entry]="selectedRows"
- >
- </my-action-dropdown>
- </div>
- <div class="ms-auto right-form">
- <my-advanced-input-filter [filters]="inputFilters" (search)="onSearch($event)"></my-advanced-input-filter>
- <my-button i18n-label label="Refresh" icon="refresh" (click)="reloadData()"></my-button>
- </div>
- </div>
- </ng-template>
- <ng-template pTemplate="header">
- <tr>
- <th style="width: 40px;">
- <p-tableHeaderCheckbox ariaLabel="Select all rows" i18n-ariaLabel></p-tableHeaderCheckbox>
- </th>
- <th style="width: 40px;"></th>
- <th style="width: 150px;"></th>
- <th style="width: 300px;" i18n>Account</th>
- <th style="width: 300px;" i18n>Video</th>
- <th i18n>Comment</th>
- <th style="width: 150px;" i18n pSortableColumn="createdAt">Date <p-sortIcon field="createdAt"></p-sortIcon></th>
- </tr>
- </ng-template>
- <ng-template pTemplate="body" let-videoComment let-expanded="expanded">
- <tr [pSelectableRow]="videoComment">
- <td class="checkbox-cell">
- <p-tableCheckbox [value]="videoComment" ariaLabel="Select this row" i18n-ariaLabel></p-tableCheckbox>
- </td>
- <td class="expand-cell" [pRowToggler]="videoComment">
- <my-table-expander-icon i18n-ngbTooltip ngbTooltip="See full comment" [expanded]="expanded"></my-table-expander-icon>
- </td>
- <td class="action-cell">
- <my-action-dropdown
- [ngClass]="{ 'show': expanded }" placement="bottom-right" container="body"
- i18n-label label="Actions" [actions]="videoCommentActions" [entry]="videoComment"
- ></my-action-dropdown>
- </td>
- <td>
- <a [href]="videoComment.account.localUrl" i18n-title title="Open account in a new tab" target="_blank" rel="noopener noreferrer">
- <div class="chip two-lines">
- <my-actor-avatar [actor]="videoComment.account" actorType="account" size="32"></my-actor-avatar>
- <div>
- {{ videoComment.account.displayName }}
- <span>{{ videoComment.by }}</span>
- </div>
- </div>
- </a>
- </td>
- <td class="video">
- <em i18n>Commented video</em>
- <a [href]="videoComment.localUrl" target="_blank" rel="noopener noreferrer">{{ videoComment.video.name }}</a>
- </td>
- <td class="comment-html c-hand" [pRowToggler]="videoComment">
- <div [innerHTML]="videoComment.textHtml"></div>
- </td>
- <td class="c-hand" [pRowToggler]="videoComment">{{ videoComment.createdAt | date: 'short' }}</td>
- </tr>
- </ng-template>
- <ng-template pTemplate="rowexpansion" let-videoComment>
- <tr>
- <td class="expand-cell" colspan="5">
- <div [innerHTML]="videoComment.textHtml"></div>
- </td>
- </tr>
- </ng-template>
- <ng-template pTemplate="emptymessage">
- <tr>
- <td colspan="7">
- <div class="no-results">
- <ng-container *ngIf="search" i18n>No comments found matching current filters.</ng-container>
- <ng-container *ngIf="!search" i18n>No comments found.</ng-container>
- </div>
- </td>
- </tr>
- </ng-template>
- </p-table>
|