Files
alfresco-content-app/src/app/components/libraries/libraries.component.html
Cilibiu Bogdan 27977be9a2 [ACA-1614] DocumentList - context menu actions (#544)
* context menu

* make same structure check

* align naming

* lazy loading support

* update module import implementation

* close context menu on Escape

* focus and navigate context menu items

* update with material cdk 'keycodes' name

* changed module folder name
2018-08-03 14:14:19 +03:00

85 lines
3.7 KiB
HTML

<div class="inner-layout">
<div class="inner-layout__header">
<adf-breadcrumb root="APP.BROWSE.LIBRARIES.TITLE">
</adf-breadcrumb>
<adf-toolbar class="inline">
<app-document-display-mode *ifExperimental="'cardview'"></app-document-display-mode>
<ng-container *ifExperimental="'extensions'">
<ng-container *ngFor="let entry of actions; trackBy: trackByActionId">
<aca-toolbar-action [entry]="entry"></aca-toolbar-action>
</ng-container>
</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="-mysites-"
selectionMode="single"
[navigate]="false"
[sorting]="[ 'title', 'asc' ]"
(node-dblclick)="navigateTo($event.detail?.node)">
<empty-folder-content>
<ng-template>
<adf-empty-content
icon="group_work"
[title]="'APP.BROWSE.LIBRARIES.EMPTY_STATE.TITLE'"
subtitle="APP.BROWSE.LIBRARIES.EMPTY_STATE.TEXT">
</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="title"
title="APP.DOCUMENT_LIST.COLUMNS.TITLE">
<ng-template let-context>
<span
class="adf-datatable-cell dl-link"
title="{{ makeLibraryTooltip(context.row.obj.entry) }}"
(click)="navigateTo(context?.row?.obj)">
{{ makeLibraryTitle(context.row.obj.entry) }}
</span>
</ng-template>
</data-column>
<data-column
key="visibility"
title="APP.DOCUMENT_LIST.COLUMNS.STATUS">
<ng-template let-value="value">
<span *ngIf="(value == 'PUBLIC')" title="{{ 'APP.SITES_VISIBILITY.PUBLIC' | translate }}">
{{ 'APP.SITES_VISIBILITY.PUBLIC' | translate }}
</span>
<span *ngIf="(value == 'PRIVATE')" title="{{ 'APP.SITES_VISIBILITY.PRIVATE' | translate }}">
{{ 'APP.SITES_VISIBILITY.PRIVATE' | translate }}
</span>
<span *ngIf="(value == 'MODERATED')" title="{{ 'APP.SITES_VISIBILITY.MODERATED' | translate }}">
{{ 'APP.SITES_VISIBILITY.MODERATED' | translate }}
</span>
</ng-template>
</data-column>
</data-columns>
</adf-document-list>
<adf-pagination acaPagination [target]="documentList">
</adf-pagination>
</div>
</div>
</div>