mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-05-12 17:04:57 +00:00
b2b3625929
* [ADF-1939] Responsive button to edit reports * [ADF-1939] Removed unused dependencies in material module * [ADF-1939] Edit buttons now use flex layout * [ADF-2650] Report action menu component created * [ADF-2650] Added Button Model * [ADF-2650] Buttons component finished * [ADF-2650] Buttons menu component moved to core library * [ADF-2650] Included index.ts in core/buttons-menu * [ADF-2650] cleaned the module and public api file * Revert "[ADF-2650] Included index.ts in core/buttons-menu" This reverts commit 6bdf1f2f48a30bb4622eb4c000e5318370503710. * [ADF-2650] Applied the peer review changes * [ADF-2650] Comment removed * [ADF-2650] Failing tests fixed * [ADF-2650] Dynamic theming for analytic reports * [ADF-2650] Themes not ap
28 lines
1.3 KiB
HTML
28 lines
1.3 KiB
HTML
<div fxShow fxHide.xs="true" *ngIf="hasButtons()" id="adf-buttons-menu">
|
|
<ng-container *ngFor="let button of buttons">
|
|
<ng-container *ngTemplateOutlet="desktopMenu; context: button"></ng-container>
|
|
</ng-container>
|
|
</div>
|
|
<div fxHide fxShow.xs="true" *ngIf="hasButtons()" id="adf-buttons-menu">
|
|
<button mat-icon-button [matMenuTriggerFor]="editReportMenu">
|
|
<mat-icon>more_vert</mat-icon>
|
|
</button>
|
|
<mat-menu #editReportMenu="matMenu">
|
|
<ng-container *ngFor="let button of buttons">
|
|
<ng-container *ngTemplateOutlet="mobileMenu; context:button"></ng-container>
|
|
</ng-container>
|
|
</mat-menu>
|
|
</div>
|
|
|
|
<ng-template #desktopMenu let-handler="handler" let-icon="icon" let-label="label" let-styles="styles" let-id="id" let-isVisible="isVisible">
|
|
<button mat-button (click)="handler()" id="{{id}}" *ngIf="isVisible()" class="styles">
|
|
<mat-icon>{{icon}}</mat-icon>
|
|
</button>
|
|
</ng-template>
|
|
|
|
<ng-template #mobileMenu let-handler="handler" let-icon="icon" let-label="label" let-styles="styles" let-id="id" let-isVisible="isVisible">
|
|
<button mat-menu-item (click)="handler()" id="{{id}}" *ngIf="isVisible()" class="styles">
|
|
<mat-icon>{{icon}}</mat-icon><span>{{label | translate}}</span>
|
|
</button>
|
|
</ng-template>
|