mirror of
https://github.com/Alfresco/alfresco-content-app.git
synced 2025-05-12 17:04:46 +00:00
a6ab4a34b1
* page layout supports CSS selectors * migrate to using CSS selectors for page layout * add docs
45 lines
1.9 KiB
HTML
45 lines
1.9 KiB
HTML
<aca-page-layout>
|
|
<div class="aca-page-layout-header">
|
|
<adf-breadcrumb [root]="title" [folderNode]="node" (navigate)="goBack()"> </adf-breadcrumb>
|
|
|
|
<adf-toolbar class="adf-toolbar--inline">
|
|
<ng-container *ngFor="let entry of actions; trackBy: trackByActionId">
|
|
<aca-toolbar-action [actionRef]="entry"></aca-toolbar-action>
|
|
</ng-container>
|
|
</adf-toolbar>
|
|
</div>
|
|
|
|
<div class="aca-page-layout-content">
|
|
<div class="acs-details-container">
|
|
<div class="acs-details-title">
|
|
<div class="acs-details-breadcrumb" role="heading" aria-level="2" *ngIf="node">
|
|
<span class="acs-details-breadcrumb-library"> {{ node.name }} </span>
|
|
-
|
|
<span class="acs-details-breadcrumb-item">{{ 'APP.INFO_DRAWER.TITLE' | translate }}</span>
|
|
</div>
|
|
<div class="acs-close-members-container">
|
|
<button mat-icon-button data-automation-id="close-library" title="{{ 'APP.INFO_DRAWER.CLOSE_LIBRARY' | translate }}" (click)="goBack()">
|
|
<mat-icon>close</mat-icon>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<mat-tab-group [selectedIndex]="activeTab" class="adw-details-tabs">
|
|
<mat-tab label="{{ 'APP.INFO_DRAWER.TABS.PROPERTIES' | translate }}">
|
|
<app-metadata-tab *ngIf="node && !isLoading; else loading" [node]="node"> </app-metadata-tab>
|
|
</mat-tab>
|
|
<mat-tab label="{{ 'APP.INFO_DRAWER.TABS.COMMENTS' | translate }}">
|
|
<app-comments-tab *ngIf="node && !isLoading; else loading" [node]="node"> </app-comments-tab>
|
|
</mat-tab>
|
|
<mat-tab label="{{ 'APP.INFO_DRAWER.TABS.PERMISSIONS' | translate }}">
|
|
<adf-permission-list *ngIf="node && !isLoading; else loading" [nodeId]="node.id"></adf-permission-list>
|
|
</mat-tab>
|
|
</mat-tab-group>
|
|
</div>
|
|
</div>
|
|
</aca-page-layout>
|
|
|
|
<ng-template #loading>
|
|
<mat-progress-bar color="primary" mode="indeterminate"> </mat-progress-bar>
|
|
</ng-template>
|