mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-09-17 14:21:29 +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:
Eugenio Romano
committed by
Denys Vuika
Denys Vuika
parent
9663971256
commit
fcb292c849
@@ -2,7 +2,7 @@
|
||||
<div id="viewer-viewerPdf" class="pdfViewer">
|
||||
<div id="loader-container" class="loader-container">
|
||||
<div class="loader-item">
|
||||
<md-progress-bar mode="indeterminate"></md-progress-bar>
|
||||
<mat-progress-bar mode="indeterminate"></mat-progress-bar>
|
||||
</div >
|
||||
</div>
|
||||
</div>
|
||||
@@ -12,8 +12,8 @@
|
||||
<adf-toolbar>
|
||||
|
||||
<ng-container *ngIf="allowThumbnails">
|
||||
<button md-icon-button>
|
||||
<md-icon>dashboard</md-icon>
|
||||
<button mat-icon-button>
|
||||
<mat-icon>dashboard</mat-icon>
|
||||
</button>
|
||||
<adf-toolbar-divider></adf-toolbar-divider>
|
||||
</ng-container>
|
||||
@@ -21,17 +21,17 @@
|
||||
<button
|
||||
id="viewer-previous-page-button"
|
||||
aria-label="previous page"
|
||||
md-icon-button
|
||||
mat-icon-button
|
||||
(click)="previousPage()">
|
||||
<md-icon>keyboard_arrow_up</md-icon>
|
||||
<mat-icon>keyboard_arrow_up</mat-icon>
|
||||
</button>
|
||||
|
||||
<button
|
||||
id="viewer-next-page-button"
|
||||
aria-label="arrow right"
|
||||
md-icon-button
|
||||
mat-icon-button
|
||||
(click)="nextPage()">
|
||||
<md-icon>keyboard_arrow_down</md-icon>
|
||||
<mat-icon>keyboard_arrow_down</mat-icon>
|
||||
</button>
|
||||
|
||||
<div>
|
||||
@@ -50,25 +50,25 @@
|
||||
<button
|
||||
id="viewer-zoom-in-button"
|
||||
aria-label="zoom in"
|
||||
md-icon-button
|
||||
mat-icon-button
|
||||
(click)="zoomIn()">
|
||||
<md-icon>zoom_in</md-icon>
|
||||
<mat-icon>zoom_in</mat-icon>
|
||||
</button>
|
||||
|
||||
<button
|
||||
id="viewer-zoom-out-button"
|
||||
aria-label="zoom out"
|
||||
md-icon-button
|
||||
mat-icon-button
|
||||
(click)="zoomOut()">
|
||||
<md-icon>zoom_out</md-icon>
|
||||
<mat-icon>zoom_out</mat-icon>
|
||||
</button>
|
||||
|
||||
<button
|
||||
id="viewer-scale-page-button"
|
||||
aria-label="zoom out map"
|
||||
md-icon-button
|
||||
mat-icon-button
|
||||
(click)="pageFit()">
|
||||
<md-icon>zoom_out_map</md-icon>
|
||||
<mat-icon>zoom_out_map</mat-icon>
|
||||
</button>
|
||||
|
||||
</adf-toolbar>
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
<div class="adf-viewer__unknown-format-view">
|
||||
<div>
|
||||
<md-icon class="icon">wifi_tethering</md-icon>
|
||||
<mat-icon class="icon">wifi_tethering</mat-icon>
|
||||
<div class="label">{{'VIEWER.UNKNOWN' | translate}}</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -75,7 +75,7 @@ $adf-viewer-background-color: #f5f5f5;
|
||||
flex-direction: column;
|
||||
height: 85vh;
|
||||
|
||||
.md-spinner {
|
||||
.mat-spinner {
|
||||
margin: 0 auto;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user