mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-07-31 17:38:48 +00:00
[ADF-1731] update material2 beta12 e angular2 4.4.5 (#2475)
* update material2 beta12 update angular2 4.4.5 * fix changed version js-api * update types hammerjs * fix test * clean old doc * fix pagination test * fix test * missing update packages * fix <mat-form-field> for select box * start task component test
This commit is contained in:
committed by
Denys Vuika
parent
9663971256
commit
fcb292c849
@@ -10,77 +10,77 @@
|
||||
<adf-toolbar-title>
|
||||
<button *ngIf="allowGoBack"
|
||||
class="adf-viewer-close-button"
|
||||
md-icon-button
|
||||
mdTooltip="Back"
|
||||
mat-icon-button
|
||||
matTooltip="Back"
|
||||
(click)="onBackButtonClick()">
|
||||
<md-icon>arrow_back</md-icon>
|
||||
<mat-icon>arrow_back</mat-icon>
|
||||
</button>
|
||||
<img [src]="mimeType | adfMimeTypeIcon">
|
||||
<span>{{ displayName }}</span>
|
||||
</adf-toolbar-title>
|
||||
|
||||
<ng-container *ngIf="allowOpenWith">
|
||||
<button md-button [mdMenuTriggerFor]="mnuOpenWith">
|
||||
<button mat-button [matMenuTriggerFor]="mnuOpenWith">
|
||||
<span>Open with</span>
|
||||
<md-icon>arrow_drop_down</md-icon>
|
||||
<mat-icon>arrow_drop_down</mat-icon>
|
||||
</button>
|
||||
<md-menu #mnuOpenWith="mdMenu" [overlapTrigger]="false">
|
||||
<button md-menu-item>
|
||||
<md-icon>dialpad</md-icon>
|
||||
<mat-menu #mnuOpenWith="matMenu" [overlapTrigger]="false">
|
||||
<button mat-menu-item>
|
||||
<mat-icon>dialpad</mat-icon>
|
||||
<span>Option 1</span>
|
||||
</button>
|
||||
<button md-menu-item disabled>
|
||||
<md-icon>voicemail</md-icon>
|
||||
<button mat-menu-item disabled>
|
||||
<mat-icon>voicemail</mat-icon>
|
||||
<span>Option 2</span>
|
||||
</button>
|
||||
<button md-menu-item>
|
||||
<md-icon>notifications_off</md-icon>
|
||||
<button mat-menu-item>
|
||||
<mat-icon>notifications_off</mat-icon>
|
||||
<span>Option 3</span>
|
||||
</button>
|
||||
</md-menu>
|
||||
</mat-menu>
|
||||
</ng-container>
|
||||
|
||||
<adf-toolbar-divider></adf-toolbar-divider>
|
||||
|
||||
<button *ngIf="allowDownload" md-icon-button mdTooltip="Download" (click)="download()">
|
||||
<md-icon>file_download</md-icon>
|
||||
<button *ngIf="allowDownload" mat-icon-button matTooltip="Download" (click)="download()">
|
||||
<mat-icon>file_download</mat-icon>
|
||||
</button>
|
||||
|
||||
<button *ngIf="allowPrint" md-icon-button mdTooltip="Print">
|
||||
<md-icon>print</md-icon>
|
||||
<button *ngIf="allowPrint" mat-icon-button matTooltip="Print">
|
||||
<mat-icon>print</mat-icon>
|
||||
</button>
|
||||
|
||||
<button *ngIf="allowShare" md-icon-button mdTooltip="Share">
|
||||
<md-icon>share</md-icon>
|
||||
<button *ngIf="allowShare" mat-icon-button matTooltip="Share">
|
||||
<mat-icon>share</mat-icon>
|
||||
</button>
|
||||
|
||||
<ng-container *ngIf="allowMoreActions">
|
||||
<button md-icon-button [mdMenuTriggerFor]="mnuMoreActions" mdTooltip="More actions">
|
||||
<md-icon>more_vert</md-icon>
|
||||
<button mat-icon-button [matMenuTriggerFor]="mnuMoreActions" matTooltip="More actions">
|
||||
<mat-icon>more_vert</mat-icon>
|
||||
</button>
|
||||
<md-menu #mnuMoreActions="mdMenu">
|
||||
<button md-menu-item>
|
||||
<md-icon>dialpad</md-icon>
|
||||
<mat-menu #mnuMoreActions="matMenu">
|
||||
<button mat-menu-item>
|
||||
<mat-icon>dialpad</mat-icon>
|
||||
<span>Action One</span>
|
||||
</button>
|
||||
<button md-menu-item disabled>
|
||||
<md-icon>voicemail</md-icon>
|
||||
<button mat-menu-item disabled>
|
||||
<mat-icon>voicemail</mat-icon>
|
||||
<span>Action Two</span>
|
||||
</button>
|
||||
<button md-menu-item>
|
||||
<md-icon>notifications_off</md-icon>
|
||||
<button mat-menu-item>
|
||||
<mat-icon>notifications_off</mat-icon>
|
||||
<span>Action Three</span>
|
||||
</button>
|
||||
</md-menu>
|
||||
</mat-menu>
|
||||
</ng-container>
|
||||
|
||||
<ng-container *ngIf="allowInfoDrawer">
|
||||
<adf-toolbar-divider></adf-toolbar-divider>
|
||||
|
||||
<button md-icon-button mdTooltip="Info"
|
||||
<button mat-icon-button matTooltip="Info"
|
||||
[color]="showInfoDrawer ? 'accent' : 'default'"
|
||||
(click)="showInfoDrawer = !showInfoDrawer">
|
||||
<md-icon>info_outline</md-icon>
|
||||
<mat-icon>info_outline</mat-icon>
|
||||
</button>
|
||||
</ng-container>
|
||||
|
||||
@@ -91,7 +91,7 @@
|
||||
<div class="adf-viewer__loading-screen">
|
||||
<h2>Loading</h2>
|
||||
<div>
|
||||
<md-spinner></md-spinner>
|
||||
<mat-spinner></mat-spinner>
|
||||
</div>
|
||||
</div>
|
||||
</ng-container>
|
||||
@@ -135,18 +135,18 @@
|
||||
|
||||
<ng-container *ngIf="showInfoDrawer">
|
||||
<div class="adf-viewer__info-drawer">
|
||||
<md-tab-group md-stretch-tabs>
|
||||
<md-tab label="Details">
|
||||
<md-card>
|
||||
<mat-tab-group md-stretch-tabs>
|
||||
<mat-tab label="Details">
|
||||
<mat-card>
|
||||
DETAILS
|
||||
</md-card>
|
||||
</md-tab>
|
||||
<md-tab label="Activity">
|
||||
<md-card>
|
||||
</mat-card>
|
||||
</mat-tab>
|
||||
<mat-tab label="Activity">
|
||||
<mat-card>
|
||||
Activity
|
||||
</md-card>
|
||||
</md-tab>
|
||||
</md-tab-group>
|
||||
</mat-card>
|
||||
</mat-tab>
|
||||
</mat-tab-group>
|
||||
</div>
|
||||
</ng-container>
|
||||
</div>
|
||||
|
Reference in New Issue
Block a user