[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:
Eugenio Romano
2017-10-16 09:58:19 +01:00
committed by Denys Vuika
parent 9663971256
commit fcb292c849
290 changed files with 1702 additions and 2456 deletions

View File

@@ -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>