Skip to content

Commit

Permalink
Demo update..
Browse files Browse the repository at this point in the history
  • Loading branch information
sachinchoolur committed Aug 2, 2016
1 parent 8055647 commit f505290
Show file tree
Hide file tree
Showing 16 changed files with 2,057 additions and 0 deletions.
216 changes: 216 additions & 0 deletions demo/js/lg-autoplay.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,216 @@
/**!
* lg-autoplay.js | 0.0.1 | August 1st 2016
* http://sachinchoolur.github.io/lg-autoplay.js
* Copyright (c) 2016 Sachin N;
* @license Apache 2.0
*/(function(f){if(typeof exports==="object"&&typeof module!=="undefined"){module.exports=f()}else if(typeof define==="function"&&define.amd){define([],f)}else{var g;if(typeof window!=="undefined"){g=window}else if(typeof global!=="undefined"){g=global}else if(typeof self!=="undefined"){g=self}else{g=this}g.LgAutoplay = f()}})(function(){var define,module,exports;return (function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){
(function (global, factory) {
if (typeof define === "function" && define.amd) {
define([], factory);
} else if (typeof exports !== "undefined") {
factory();
} else {
var mod = {
exports: {}
};
factory();
global.lgAutoplay = mod.exports;
}
})(this, function () {
'use strict';

var _extends = Object.assign || function (target) {
for (var i = 1; i < arguments.length; i++) {
var source = arguments[i];

for (var key in source) {
if (Object.prototype.hasOwnProperty.call(source, key)) {
target[key] = source[key];
}
}
}

return target;
};

var autoplayDefaults = {
autoplay: false,
pause: 5000,
progressBar: true,
fourceAutoplay: false,
autoplayControls: true,
appendAutoplayControlsTo: '.lg-toolbar'
};

/**
* Creates the autoplay plugin.
* @param {object} element - lightGallery element
*/
var Autoplay = function Autoplay(element) {

this.el = element;

this.core = window.lgData[this.el.getAttribute('lg-uid')];

// Execute only if items are above 1
if (this.core.items.length < 2) {
return false;
}

this.core.s = _extends({}, autoplayDefaults, this.core.s);
this.interval = false;

// Identify if slide happened from autoplay
this.fromAuto = true;

// Identify if autoplay canceled from touch/drag
this.canceledOnTouch = false;

// save fourceautoplay value
this.fourceAutoplayTemp = this.core.s.fourceAutoplay;

// do not allow progress bar if browser does not support css3 transitions
if (!this.core.doCss()) {
this.core.s.progressBar = false;
}

this.init();

return this;
};

Autoplay.prototype.init = function () {
var _this = this;

// append autoplay controls
if (_this.core.s.autoplayControls) {
_this.controls();
}

// Create progress bar
if (_this.core.s.progressBar) {
_this.core.outer.querySelector('.lg').insertAdjacentHTML('beforeend', '<div class="lg-progress-bar"><div class="lg-progress"></div></div>');
}

// set progress
_this.progress();

// Start autoplay
if (_this.core.s.autoplay) {
_this.startlAuto();
}

// cancel interval on touchstart and dragstart
utils.on(_this.el, 'onDragstart.lgtm touchstart.lgtm', function () {
if (_this.interval) {
_this.cancelAuto();
_this.canceledOnTouch = true;
}
});

// restore autoplay if autoplay canceled from touchstart / dragstart
utils.on(_this.el, 'onDragend.lgtm touchend.lgtm onSlideClick.lgtm', function () {
if (!_this.interval && _this.canceledOnTouch) {
_this.startlAuto();
_this.canceledOnTouch = false;
}
});
};

Autoplay.prototype.progress = function () {

var _this = this;
var _progressBar;
var _progress;

utils.on(_this.el, 'onBeforeSlide.lgtm', function () {

// start progress bar animation
if (_this.core.s.progressBar && _this.fromAuto) {
_progressBar = _this.core.outer.querySelector('.lg-progress-bar');
_progress = _this.core.outer.querySelector('.lg-progress');
if (_this.interval) {
_progress.removeAttribute('style');
utils.removeClass(_progressBar, 'lg-start');
setTimeout(function () {
utils.setVendor(_progress, 'Transition', 'width ' + (_this.core.s.speed + _this.core.s.pause) + 'ms ease 0s');
utils.addClass(_progressBar, 'lg-start');
}, 20);
}
}

// Remove setinterval if slide is triggered manually and fourceautoplay is false
if (!_this.fromAuto && !_this.core.s.fourceAutoplay) {
_this.cancelAuto();
}

_this.fromAuto = false;
});
};

// Manage autoplay via play/stop buttons
Autoplay.prototype.controls = function () {
var _this = this;
var _html = '<span class="lg-autoplay-button lg-icon"></span>';

// Append autoplay controls
_this.core.outer.querySelector(this.core.s.appendAutoplayControlsTo).insertAdjacentHTML('beforeend', _html);

utils.on(_this.core.outer.querySelector('.lg-autoplay-button'), 'click.lg', function () {
if (utils.hasClass(_this.core.outer, 'lg-show-autoplay')) {
_this.cancelAuto();
_this.core.s.fourceAutoplay = false;
} else {
if (!_this.interval) {
_this.startlAuto();
_this.core.s.fourceAutoplay = _this.fourceAutoplayTemp;
}
}
});
};

// Autostart gallery
Autoplay.prototype.startlAuto = function () {
var _this = this;

utils.setVendor(_this.core.outer.querySelector('.lg-progress'), 'Transition', 'width ' + (_this.core.s.speed + _this.core.s.pause) + 'ms ease 0s');
utils.addClass(_this.core.outer, 'lg-show-autoplay');
utils.addClass(_this.core.outer.querySelector('.lg-progress-bar'), 'lg-start');

_this.interval = setInterval(function () {
if (_this.core.index + 1 < _this.core.items.length) {
_this.core.index++;
} else {
_this.core.index = 0;
}

_this.fromAuto = true;
_this.core.slide(_this.core.index, false, false);
}, _this.core.s.speed + _this.core.s.pause);
};

// cancel Autostart
Autoplay.prototype.cancelAuto = function () {
clearInterval(this.interval);
this.interval = false;
if (this.core.outer.querySelector('.lg-progress')) {
this.core.outer.querySelector('.lg-progress').removeAttribute('style');
}

utils.removeClass(this.core.outer, 'lg-show-autoplay');
utils.removeClass(this.core.outer.querySelector('.lg-progress-bar'), 'lg-start');
};

Autoplay.prototype.destroy = function () {

this.cancelAuto();
if (this.core.outer.querySelector('.lg-progress-bar')) {
this.core.outer.querySelector('.lg-progress-bar').parentNode.removeChild(this.core.outer.querySelector('.lg-progress-bar'));
}
};

window.lgModules.autoplay = Autoplay;
});

},{}]},{},[1])(1)
});
7 changes: 7 additions & 0 deletions demo/js/lg-autoplay.min.js

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

125 changes: 125 additions & 0 deletions demo/js/lg-fullscreen.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,125 @@
/**!
* lg-fullscreen.js | 0.0.1 | August 1st 2016
* http://sachinchoolur.github.io/lg-fullscreen.js
* Copyright (c) 2016 Sachin N;
* @license Apache 2.0
*/(function(f){if(typeof exports==="object"&&typeof module!=="undefined"){module.exports=f()}else if(typeof define==="function"&&define.amd){define([],f)}else{var g;if(typeof window!=="undefined"){g=window}else if(typeof global!=="undefined"){g=global}else if(typeof self!=="undefined"){g=self}else{g=this}g.LgFullscreen = f()}})(function(){var define,module,exports;return (function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){
(function (global, factory) {
if (typeof define === "function" && define.amd) {
define([], factory);
} else if (typeof exports !== "undefined") {
factory();
} else {
var mod = {
exports: {}
};
factory();
global.lgFullscreen = mod.exports;
}
})(this, function () {
'use strict';

var _extends = Object.assign || function (target) {
for (var i = 1; i < arguments.length; i++) {
var source = arguments[i];

for (var key in source) {
if (Object.prototype.hasOwnProperty.call(source, key)) {
target[key] = source[key];
}
}
}

return target;
};

var fullscreenDefaults = {
fullScreen: true
};

var Fullscreen = function Fullscreen(element) {

this.el = element;

this.core = window.lgData[this.el.getAttribute('lg-uid')];
this.core.s = _extends({}, fullscreenDefaults, this.core.s);

this.init();

return this;
};

Fullscreen.prototype.init = function () {
var fullScreen = '';
if (this.core.s.fullScreen) {

// check for fullscreen browser support
if (!document.fullscreenEnabled && !document.webkitFullscreenEnabled && !document.mozFullScreenEnabled && !document.msFullscreenEnabled) {
return;
} else {
fullScreen = '<span class="lg-fullscreen lg-icon"></span>';
this.core.outer.querySelector('.lg-toolbar').insertAdjacentHTML('beforeend', fullScreen);
this.fullScreen();
}
}
};

Fullscreen.prototype.requestFullscreen = function () {
var el = document.documentElement;
if (el.requestFullscreen) {
el.requestFullscreen();
} else if (el.msRequestFullscreen) {
el.msRequestFullscreen();
} else if (el.mozRequestFullScreen) {
el.mozRequestFullScreen();
} else if (el.webkitRequestFullscreen) {
el.webkitRequestFullscreen();
}
};

Fullscreen.prototype.exitFullscreen = function () {
if (document.exitFullscreen) {
document.exitFullscreen();
} else if (document.msExitFullscreen) {
document.msExitFullscreen();
} else if (document.mozCancelFullScreen) {
document.mozCancelFullScreen();
} else if (document.webkitExitFullscreen) {
document.webkitExitFullscreen();
}
};

// https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Using_full_screen_mode
Fullscreen.prototype.fullScreen = function () {
var _this = this;

utils.on(document, 'fullscreenchange.lgfullscreen webkitfullscreenchange.lgfullscreen mozfullscreenchange.lgfullscreen MSFullscreenChange.lgfullscreen', function () {
if (utils.hasClass(_this.core.outer, 'lg-fullscreen-on')) {
utils.removeClass(_this.core.outer, 'lg-fullscreen-on');
} else {
utils.addClass(_this.core.outer, 'lg-fullscreen-on');
}
});

utils.on(this.core.outer.querySelector('.lg-fullscreen'), 'click.lg', function () {
if (!document.fullscreenElement && !document.mozFullScreenElement && !document.webkitFullscreenElement && !document.msFullscreenElement) {
_this.requestFullscreen();
} else {
_this.exitFullscreen();
}
});
};

Fullscreen.prototype.destroy = function () {

// exit from fullscreen if activated
this.exitFullscreen();

utils.off(document, '.lgfullscreen');
};

window.lgModules.fullscreen = Fullscreen;
});

},{}]},{},[1])(1)
});
7 changes: 7 additions & 0 deletions demo/js/lg-fullscreen.min.js

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

Loading

0 comments on commit f505290

Please sign in to comment.