inteligr8/alfresco-content-app
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-content-app.git synced 2025-08-07 17:48:27 +00:00
Code Issues Packages Projects Releases Wiki Activity

[ACA-2060] arrange viewer toolbar icons (#849)

Browse Source 
* [ACA-2060] checks if empty

* [ACA-2060] hide last divider

* [ACA-2060] switch info drawer button & more menu

* [ACA-2060] cspell change

* [ACA-2060] apply changes only to viewer top toolbar
This commit is contained in:
Suzana Dirla
2018-12-05 13:31:55 +02:00
committed by Denys Vuika
parent 12a72afdac
commit 4dca8ebc2a
3 changed files with 20 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/app/components/preview/preview.component.html
View File

@@ -3,7 +3,7 @@
<adf-viewer <adf-viewer
[fileNodeId]="nodeId" [fileNodeId]="nodeId"
[allowNavigate]="navigateMultiple" [allowNavigate]="navigateMultiple"
[allowSidebar]="true" [allowSidebar]="hasRightSidebar"
[allowPrint] ="false" [allowPrint] ="false"
[allowDownload]="false" [allowDownload]="false"
[allowFullScreen]="false" [allowFullScreen]="false"
@@ -12,13 +12,14 @@
[overlayMode]="true" [overlayMode]="true"
(showViewerChange)="onVisibilityChanged($event)" (showViewerChange)="onVisibilityChanged($event)"
(navigateBefore)="onNavigateBefore()" (navigateBefore)="onNavigateBefore()"
(navigateNext)="onNavigateNext()"> (navigateNext)="onNavigateNext()"
[ngClass]="hasRightSidebar ? 'hide-last-divider': ''">
<adf-viewer-sidebar> <adf-viewer-sidebar>
<aca-info-drawer [node]="selection.file"></aca-info-drawer> <aca-info-drawer [node]="selection.file"></aca-info-drawer>
</adf-viewer-sidebar> </adf-viewer-sidebar>
<adf-viewer-open-with> <adf-viewer-open-with *ngIf="openWith.length">
<ng-container *ngFor="let action of openWith; trackBy: trackByActionId"> <ng-container *ngFor="let action of openWith; trackBy: trackByActionId">
<aca-toolbar-action type="menu-item" [actionRef]="action"></aca-toolbar-action> <aca-toolbar-action type="menu-item" [actionRef]="action"></aca-toolbar-action>
</ng-container> </ng-container>
@@ -30,7 +31,7 @@
</ng-container> </ng-container>
</adf-viewer-toolbar-actions> </adf-viewer-toolbar-actions>
<adf-viewer-more-actions> <adf-viewer-more-actions *ngIf="viewerToolbarMoreActions.length">
<ng-container *ngFor="let action of viewerToolbarMoreActions; trackBy: trackByActionId"> <ng-container *ngFor="let action of viewerToolbarMoreActions; trackBy: trackByActionId">
<aca-toolbar-action type="menu-item" [actionRef]="action"></aca-toolbar-action> <aca-toolbar-action type="menu-item" [actionRef]="action"></aca-toolbar-action>
</ng-container> </ng-container>

14
src/app/components/preview/preview.component.scss
View File

@@ -2,3 +2,17 @@
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
.hide-last-divider .adf-viewer-toolbar .mat-toolbar {
adf-toolbar-divider:last-of-type {
display: none;
}
> button:last-of-type {
right: 40px;
}
}
#adf-viewer-moreactions {
right: -40px;
}

1
src/app/components/preview/preview.component.ts
View File

@@ -74,6 +74,7 @@ export class PreviewComponent extends PageComponent
navigateMultiple = false; navigateMultiple = false;
openWith: Array<ContentActionRef> = []; openWith: Array<ContentActionRef> = [];
contentExtensions: Array<ViewerExtensionRef> = []; contentExtensions: Array<ViewerExtensionRef> = [];
hasRightSidebar = true;
constructor( constructor(
private contentApi: ContentApiService, private contentApi: ContentApiService,