inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-07-24 17:32:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

[ADF-3810] Viewer - rightmost position for more menu (#4137)

Browse Source 
* [ADF-3810] Viewer - rightmost position for more menu

* [ADF-3810] small change
This commit is contained in:
Suzana Dirla
2019-01-17 12:28:17 +02:00
committed by Eugenio Romano
parent 6bf2558877
commit 6e5f1b68ed
3 changed files with 44 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
demo-shell/src/app/components/file-view/file-view.component.html
View File

@@ -188,6 +188,16 @@
</mat-slide-toggle> </mat-slide-toggle>
</p> </p>
<p class="toggle">
<mat-slide-toggle
id="adf-switch-moreactionsmenu"
[color]="'primary'"
(change)="toggleMoreActionsMenu()"
[checked]="moreActionsMenu">
More Actions Menu
</mat-slide-toggle>
</p>
<p class="toggle"> <p class="toggle">
<mat-slide-toggle <mat-slide-toggle
id="adf-switch-download" id="adf-switch-download"
@@ -286,6 +296,21 @@
</button> </button>
</adf-viewer-toolbar-actions> </adf-viewer-toolbar-actions>
<adf-viewer-more-actions *ngIf="moreActionsMenu">
<button mat-menu-item id="adf-viewer-more-menu-alarm">
<mat-icon>alarm</mat-icon>
<span>Alarm</span>
</button>
<button mat-menu-item id="adf-viewer-more-menu-backup">
<mat-icon>backup</mat-icon>
<span>Backup</span>
</button>
<button mat-menu-item id="adf-viewer-more-menu-bug">
<mat-icon>bug_report</mat-icon>
<span>Bug report</span>
</button>
</adf-viewer-more-actions>
<ng-container *ngIf="openWith"> <ng-container *ngIf="openWith">
<adf-viewer-open-with> <adf-viewer-open-with>
<button mat-menu-item> <button mat-menu-item>

5
demo-shell/src/app/components/file-view/file-view.component.ts
View File

@@ -46,6 +46,7 @@ export class FileViewComponent implements OnInit {
allowRightSidebar = true; allowRightSidebar = true;
allowLeftSidebar = true; allowLeftSidebar = true;
moreActions = true; moreActions = true;
moreActionsMenu = false;
customName = false; customName = false;
fileUrlSwitch = false; fileUrlSwitch = false;
showLeftSidebar = null; showLeftSidebar = null;
@@ -123,6 +124,10 @@ export class FileViewComponent implements OnInit {
this.moreActions = !this.moreActions; this.moreActions = !this.moreActions;
} }
toggleMoreActionsMenu() {
this.moreActionsMenu = !this.moreActionsMenu;
}
toggleShowRightSidebar() { toggleShowRightSidebar() {
this.showRightSidebar = !this.showRightSidebar; this.showRightSidebar = !this.showRightSidebar;
} }

28
lib/core/viewer/components/viewer.component.html
View File

@@ -100,20 +100,6 @@
<mat-icon>fullscreen</mat-icon> <mat-icon>fullscreen</mat-icon>
</button> </button>
<ng-container *ngIf="mnuMoreActions">
<button
id="adf-viewer-moreactions"
mat-icon-button
[matMenuTriggerFor]="mnuMoreActions"
title="{{ 'ADF_VIEWER.ACTIONS.MORE_ACTIONS' | translate }}"
data-automation-id="adf-toolbar-more-actions">
<mat-icon>more_vert</mat-icon>
</button>
<mat-menu #mnuMoreActions="matMenu" [overlapTrigger]="false">
<ng-content select="adf-viewer-more-actions"></ng-content>
</mat-menu>
</ng-container>
<ng-container *ngIf="allowRightSidebar"> <ng-container *ngIf="allowRightSidebar">
<adf-toolbar-divider></adf-toolbar-divider> <adf-toolbar-divider></adf-toolbar-divider>
@@ -128,6 +114,20 @@
</ng-container> </ng-container>
<ng-container *ngIf="mnuMoreActions">
<button
id="adf-viewer-moreactions"
mat-icon-button
[matMenuTriggerFor]="mnuMoreActions"
title="{{ 'ADF_VIEWER.ACTIONS.MORE_ACTIONS' | translate }}"
data-automation-id="adf-toolbar-more-actions">
<mat-icon>more_vert</mat-icon>
</button>
<mat-menu #mnuMoreActions="matMenu" [overlapTrigger]="false">
<ng-content select="adf-viewer-more-actions"></ng-content>
</mat-menu>
</ng-container>
</adf-toolbar> </adf-toolbar>
</ng-container> </ng-container>