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

Housekeeping

Browse Source
This commit is contained in:
Antonio Laguna
2017-04-29 22:52:38 +02:00
parent db0955305b
commit 6e27dc809a
2 changed files with 19 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/js/plugins/zoom.js
View File

@@ -2,7 +2,6 @@ import DOM from '../utils/dom';
import Keys from '../utils/keys';
import Slide from '../modules/slide';
const CLASSES = {
ZOOM: 'grid',
DIV: 'column',
@@ -45,7 +44,7 @@ export default class Zoom {
/**
* On key down handler. Will decide if Zoom in or out
* @param {Event} event Key down event
* @param {Event} event Key down event.
*/
onKeyDown(event) {
if (!this.isZoomed_ && Keys.MINUS.includes(event.which)) {
@@ -58,7 +57,7 @@ export default class Zoom {
/**
* Prepare zoom structure, scales the slides and uses a grid layout
* to show them
* to show them.
*/
preBuildZoom_() {
// Clone #webslides element
@@ -83,8 +82,8 @@ export default class Zoom {
}
/**
* Creates a block structure around the slide
* @param {Element} elem slide element
* Creates a block structure around the slide.
* @param {Element} elem slide element.
*/
createSlideBlock_(elem) {
// Wraps the slide around a container
@@ -145,7 +144,7 @@ export default class Zoom {
}
/**
* Toggles zoom
* Toggles zoom.
*/
toggleZoom() {
if (this.isZoomed_) {
@@ -156,7 +155,7 @@ export default class Zoom {
}
/**
* Zoom In the slider, scales the slides and uses a grid layout to show them
* Zoom In the slider, scales the slides and uses a grid layout to show them.
*/
zoomIn() {
this.ws_.el.classList.add('zooming', 'in');
@@ -172,7 +171,7 @@ export default class Zoom {
}
/**
* Zoom Out the slider, remove scale from the slides
* Zoom Out the slider, remove scale from the slides.
*/
zoomOut() {
this.ws_.el.classList.add('zooming', 'out');
@@ -188,10 +187,9 @@ export default class Zoom {
}
/**
* When windows resize it is necessary to recalculate layers sizes
* @param {Event} ev
* When windows resize it is necessary to recalculate layers sizes.
*/
onWindowResize(ev) {
onWindowResize() {
if (this.isZoomed_) this.zoomOut();
this.zws_.slides.forEach(elem => {

20
src/js/utils/dom.js
View File

@@ -182,19 +182,19 @@ export default class DOM {
}
/**
* Gets the integer value of a style property
* @param {string} prop CSS property value
* @return {integer} The property without the units
* Gets the integer value of a style property.
* @param {string} prop CSS property value.
* @return {Number} The property without the units.
*/
static parseSize(prop) {
return Number(prop.replace(/[^\d\.]/g, ''));
}
/**
* Wraps a HTML structure arrond a element
* @param {Element} elem the element to be wrapped
* @param {string} tag the new element tag
* @return {Element} the new element
* Wraps a HTML structure around an element.
* @param {Element} elem the element to be wrapped.
* @param {string} tag the new element tag.
* @return {Element} the new element.
*/
static wrap(elem, tag) {
const wrap = document.createElement(tag);
@@ -205,9 +205,9 @@ export default class DOM {
}
/**
* Inserts and element after another element
* @param {Element} elem the element to be inserted
* @param {Element} target the element to be inserted after
* Inserts and element after another element.
* @param {Element} elem the element to be inserted.
* @param {Element} target the element to be inserted after.
*/
static after(elem, target) {
const parent = target.parentNode;