mirror/webslides
1
0
Fork 0
mirror of https://github.com/webslides/WebSlides.git synced 2025-08-22 21:03:23 +02:00
Code Issues Releases Wiki Activity

Allowing to stop/play if focused element is interactive

Browse Source 
#51
This commit is contained in:
Antonio Laguna
2017-03-12 23:01:54 +01:00
parent f8340bd821
commit e4a962ba9b
1 changed files with 23 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
src/js/plugins/autoslide.js
View File

@@ -19,8 +19,28 @@ export default class AutoSlide {
* @private * @private
*/ */
this.interval_ = null; this.interval_ = null;
/**
* Internal stored time.
* @type {?number}
*/
this.time = this.ws_.options.autoslide;
DOM.once(wsInstance.el, 'ws:init', this.play.bind(this)); if (this.time) {
DOM.once(wsInstance.el, 'ws:init', this.play.bind(this));
document.body.addEventListener('focus', this.onFocus.bind(this));
}
}
/**
* On focus handler. Will decide if stops/play depending on the focused
* element if autoslide is active.
*/
onFocus() {
if (DOM.isFocusableElement()) {
this.stop();
} else if (this.interval_ === null) {
this.play();
}
} }
/** /**
@@ -30,7 +50,8 @@ export default class AutoSlide {
* automatically. * automatically.
*/ */
play(time) { play(time) {
time = time || this.ws_.options.autoslide; time = time || this.time;
this.time = time;
if (!this.interval_ && typeof time === 'number' && time > 0) { if (!this.interval_ && typeof time === 'number' && time > 0) {
this.interval_ = setInterval(this.ws_.goNext.bind(this.ws_), time); this.interval_ = setInterval(this.ws_.goNext.bind(this.ws_), time);