inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-07-31 17:38:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

#68 add esc keypress listner

Browse Source
This commit is contained in:
Eugenio Romano
2016-06-02 17:56:32 +01:00
parent a368dd42c3
commit ff01dc5ece
3 changed files with 32 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -18,6 +18,19 @@
float: left; float: left;
} }
#loader{
margin: auto;
padding-top: 20px;
width:300px;
}
#loader-text{
width:300px;
white-space: nowrap;
text-align: center;
position: relative;
color: #000;
}
#viewer-toolbar-pagination { #viewer-toolbar-pagination {
margin-left: 25%; margin-left: 25%;
} }
@@ -67,3 +80,4 @@
:host .canvasWrapper { :host .canvasWrapper {
box-shadow: 0px 0px 8px 2px #000; box-shadow: 0px 0px 8px 2px #000;
} }

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

@@ -3,7 +3,7 @@
<div id="viewer-shadow-transparent" class="viewer-shadow-transparent"></div> <div id="viewer-shadow-transparent" class="viewer-shadow-transparent"></div>
</div> </div>
<div id="viewer-main-container" class="viewer-main-container" [ngClass]="{'viewer-overlay-view': overlayMode }"> <div id="viewer-main-container" class="viewer-main-container" [ngClass]="{'viewer-overlay-view': overlayMode }" (keypress)=eventHandler() >
<!-- Start Layout --> <!-- Start Layout -->
<div mdl class="mdl-layout mdl-js-layout mdl-layout--fixed-header"> <div mdl class="mdl-layout mdl-js-layout mdl-layout--fixed-header">
@@ -60,7 +60,14 @@
<!-- Start Pdf Canvas --> <!-- Start Pdf Canvas -->
<div id="viewer-pdf-container" class="viewer-pdf-container"> <div id="viewer-pdf-container" class="viewer-pdf-container">
<div id="viewer-viewerPdf" style="border:1px solid black;"></div> <div id="viewer-viewerPdf" style="border:1px solid black;">
<div id="loader">
<div>
<div id="loader-spin" class="mdl-progress mdl-js-progress mdl-progress__indeterminate"></div>
</div>
<div id="loader-text">Loading...</div>
</div>
</div>
</div> </div>
<!-- End Pdf Canvas --> <!-- End Pdf Canvas -->

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

@@ -15,7 +15,7 @@
* limitations under the License. * limitations under the License.
*/ */
import { Component, Input, Output } from 'angular2/core'; import { Component, Input, Output, HostListener } from 'angular2/core';
import { EventEmitter } from 'angular2/src/facade/async'; import { EventEmitter } from 'angular2/src/facade/async';
declare let PDFJS: any; declare let PDFJS: any;
@@ -146,6 +146,14 @@ export class ViewerComponent {
} }
} }
@HostListener('document:keydown', ['$event'])
handleKeyboardEvent(event: KeyboardEvent) {
let key = event.keyCode;
if (key === 27) {//esc
this.close();
}
}
/** /**
* Add Ticket to the file request * Add Ticket to the file request
* @returns {string} * @returns {string}