mirror of
https://github.com/Alfresco/alfresco-content-app.git
synced 2025-05-19 17:14:45 +00:00
54f879f5e6
* hide menu bar elements on small screens * show less columns on handsets * reduce pagination for handsets
96 lines
3.9 KiB
HTML
96 lines
3.9 KiB
HTML
<div class="inner-layout">
|
|
<div class="inner-layout__header">
|
|
<adf-breadcrumb root="APP.BROWSE.TRASHCAN.TITLE">
|
|
</adf-breadcrumb>
|
|
|
|
<adf-toolbar class="inline">
|
|
<app-document-display-mode *ifExperimental="'cardview'"></app-document-display-mode>
|
|
|
|
<ng-container *ngFor="let entry of actions; trackBy: trackByActionId">
|
|
<aca-toolbar-action [entry]="entry"></aca-toolbar-action>
|
|
</ng-container>
|
|
</adf-toolbar>
|
|
</div>
|
|
|
|
<div class="inner-layout__content">
|
|
<div class="inner-layout__panel">
|
|
<adf-document-list #documentList
|
|
acaDocumentList
|
|
acaContextActions
|
|
[acaContextEnable]="selection.count"
|
|
[display]="documentDisplayMode$ | async"
|
|
currentFolderId="-trashcan-"
|
|
selectionMode="multiple"
|
|
[navigate]="false"
|
|
[sorting]="[ 'archivedAt', 'desc' ]">
|
|
|
|
<empty-folder-content>
|
|
<ng-template>
|
|
<adf-empty-content
|
|
icon="delete"
|
|
[title]="'APP.BROWSE.TRASHCAN.EMPTY_STATE.TITLE'">
|
|
<p class="adf-empty-content__text">{{ 'APP.BROWSE.TRASHCAN.EMPTY_STATE.FIRST_TEXT' | translate }}</p>
|
|
<p class="adf-empty-content__text">{{ 'APP.BROWSE.TRASHCAN.EMPTY_STATE.SECOND_TEXT' | translate }}</p>
|
|
</adf-empty-content>
|
|
</ng-template>
|
|
</empty-folder-content>
|
|
|
|
<data-columns>
|
|
|
|
<data-column
|
|
key="$thumbnail"
|
|
type="image"
|
|
[sortable]="false"
|
|
class="image-table-cell">
|
|
</data-column>
|
|
|
|
<data-column
|
|
class="adf-data-table-cell--ellipsis__name"
|
|
key="name"
|
|
title="APP.DOCUMENT_LIST.COLUMNS.NAME">
|
|
<ng-template let-value="value" let-context>
|
|
<span class="adf-datatable-cell" title="{{ context?.row?.obj | adfNodeNameTooltip }}">{{ value }}</span>
|
|
</ng-template>
|
|
</data-column>
|
|
|
|
<data-column
|
|
*ngIf="!isSmallScreen"
|
|
key="path.name"
|
|
title="APP.DOCUMENT_LIST.COLUMNS.LOCATION">
|
|
<ng-template let-context>
|
|
<aca-location-link [context]="context"></aca-location-link>
|
|
</ng-template>
|
|
</data-column>
|
|
|
|
<data-column
|
|
*ngIf="!isSmallScreen"
|
|
key="content.sizeInBytes"
|
|
title="APP.DOCUMENT_LIST.COLUMNS.SIZE"
|
|
type="fileSize">
|
|
</data-column>
|
|
|
|
<data-column
|
|
*ngIf="!isSmallScreen"
|
|
key="archivedAt"
|
|
title="APP.DOCUMENT_LIST.COLUMNS.DELETED_ON">
|
|
<ng-template let-value="value">
|
|
<span title="{{ value | date:'medium' }}">{{ value | adfTimeAgo }}</span>
|
|
</ng-template>
|
|
</data-column>
|
|
|
|
<data-column
|
|
*ngIf="!isSmallScreen && (user$ | async)?.isAdmin"
|
|
class="adf-data-table-cell--ellipsis"
|
|
key="archivedByUser.displayName"
|
|
title="APP.DOCUMENT_LIST.COLUMNS.DELETED_BY">
|
|
</data-column>
|
|
|
|
</data-columns>
|
|
</adf-document-list>
|
|
|
|
<adf-pagination acaPagination [target]="documentList">
|
|
</adf-pagination>
|
|
</div>
|
|
</div>
|
|
</div>
|