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

#68 prettify download unsupported files

Browse Source
This commit is contained in:
Eugenio Romano 2016-06-08 02:11:23 +01:00
parent 5e43ec41b6
commit 65d5535407
5 changed files with 45 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
demo-shell-ng2/package.json
View File

@ -62,7 +62,7 @@
"ng2-alfresco-login": "^0.1.0", "ng2-alfresco-login": "^0.1.0",
"ng2-alfresco-search": "^0.1.9", "ng2-alfresco-search": "^0.1.9",
"ng2-alfresco-upload": "^0.1.0", "ng2-alfresco-upload": "^0.1.0",
"ng2-alfresco-viewer": "^0.1.12", "ng2-alfresco-viewer": "^0.1.13",
"reflect-metadata": "0.1.2", "reflect-metadata": "0.1.2",
"rxjs": "5.0.0-beta.2", "rxjs": "5.0.0-beta.2",
"systemjs": "0.19.26", "systemjs": "0.19.26",

2
ng2-components/ng2-alfresco-viewer/package.json
View File

@ -1,7 +1,7 @@
{ {
"name": "ng2-alfresco-viewer", "name": "ng2-alfresco-viewer",
"description": "Alfresco documents viewer", "description": "Alfresco documents viewer",
"version": "0.1.12", "version": "0.1.13",
"author": "Eugenio Romano", "author": "Eugenio Romano",
"scripts": { "scripts": {
"typings": "typings install", "typings": "typings install",

12
ng2-components/ng2-alfresco-viewer/src/viewer.component.css
View File

@ -62,3 +62,15 @@
align-items: center; align-items: center;
justify-content: center; justify-content: center;
} }
.viewer-margin {
margin: auto !important;
}
.viewer-download-text {
text-align: center;
}
.viewer-margin-cloud-download{
margin-right: 20px;
}

19
ng2-components/ng2-alfresco-viewer/src/viewer.component.html
View File

@ -54,7 +54,7 @@
<div class="mdl-grid"> <div class="mdl-grid">
<div id="viewer-previous-file-button" class="center-element mdl-cell mdl-cell--2-col mdl-cell--hide-tablet mdl-cell--hide-phone"> <div id="viewer-previous-file-button" class="center-element mdl-cell mdl-cell--2-col mdl-cell--hide-tablet mdl-cell--hide-phone">
<button <button *ngIf="false"
class="center-element mdl-color--black mdl-button mdl-js-button mdl-button--fab mdl-button--mini-fab mdl-button--colored" class="center-element mdl-color--black mdl-button mdl-js-button mdl-button--fab mdl-button--mini-fab mdl-button--colored"
(click)="previousFile()"> (click)="previousFile()">
<i class="icon material-icons ">keyboard_arrow_left</i> <i class="icon material-icons ">keyboard_arrow_left</i>
@ -67,14 +67,27 @@
<!-- Start View Switch--> <!-- Start View Switch-->
<div *ngIf="isPdf()"><pdf-viewer [urlFile]="urlFile" ></pdf-viewer></div> <div *ngIf="isPdf()"><pdf-viewer [urlFile]="urlFile" ></pdf-viewer></div>
<div *ngIf="isImage()" ><img src="{{urlFile}}" id="viewer-image" class="center-element viewer-image"/></div> <div *ngIf="isImage()" ><img src="{{urlFile}}" id="viewer-image" class="center-element viewer-image"/></div>
<div *ngIf="notSupportedExtension()"><div id="viewer-unsupported">Not Supported Download</div></div> <div *ngIf="notSupportedExtension()">
<section class="section--center mdl-grid mdl-grid--no-spacing">
<div class="viewer-margin mdl-card mdl-cell mdl-cell--9-col-desktop mdl-cell--6-col-tablet mdl-cell--4-col-phone mdl-shadow--2dp">
<div class="viewer-download-text mdl-card__supporting-text">
<h4>File {{nameFile}} is an unsupported format</h4>
</div>
<div class="mdl-card__actions">
<button class="viewer-margin center-element mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--accent" (click)="download()">
<i class="viewer-margin-cloud-download material-icons">cloud_download</i> Download
</button>
</div>
</div>
</section>
</div>
<!-- End View Switch --> <!-- End View Switch -->
</div> </div>
</div> </div>
<div id="viewer-next-file-button" class="center-element mdl-cell mdl-cell--2-col mdl-cell--hide-tablet mdl-cell--hide-phone"> <div id="viewer-next-file-button" class="center-element mdl-cell mdl-cell--2-col mdl-cell--hide-tablet mdl-cell--hide-phone">
<button <button *ngIf="false"
class="center-element mdl-color--black mdl-button mdl-js-button mdl-button--fab mdl-button--mini-fab mdl-button--colored" class="center-element mdl-color--black mdl-button mdl-js-button mdl-button--fab mdl-button--mini-fab mdl-button--colored"
(click)="nextFile()"> (click)="nextFile()">
<i class="icon material-icons">keyboard_arrow_right</i> <i class="icon material-icons">keyboard_arrow_right</i>

18
ng2-components/ng2-alfresco-viewer/src/viewer.component.ts
View File

@ -157,10 +157,22 @@ export class ViewerComponent {
return localStorage.getItem('token'); return localStorage.getItem('token');
} }
/**
* Hide the othe possible menu in th eapplication
*/
private hideOtherMenu() { private hideOtherMenu() {
this.otherMenu = document.querySelector("header"); if (this.overlayMode) {
if (this.otherMenu) { this.otherMenu = document.querySelector('header');
this.otherMenu.hidden = true; if (this.otherMenu) {
this.otherMenu.hidden = true;
}
} }
} }
/**
* Download file
*/
private download(){
window.open(this.urlFile);
}
} }