X-Git-Url: http://git.nguyen.vg/gitweb/?a=blobdiff_plain;f=simpleWebSlides.js;h=b526992e24c1c3ba09c4f473b5d2e53277f7241a;hb=1c7fb91b0660f9094fc5b387417134865f2cf2c9;hp=a80dfadc5bbd57d6e234555f2a5072c13fe8dff2;hpb=17470c738558740aa2b3cb754bf38bad52157816;p=hacks%2FsimpleWebSlides.git diff --git a/simpleWebSlides.js b/simpleWebSlides.js index a80dfad..b526992 100644 --- a/simpleWebSlides.js +++ b/simpleWebSlides.js @@ -1,8 +1,67 @@ var SimpleWebSlides = new function () { + var _self = this; var _total_slides; + var _defered_custom = new Array(); + var _initialized = false; + var _animations_running = false; + + function push_following(t, i, v) { + if ((typeof t[i]) == 'undefined') { + t[i] = new Array(); + }; + var l = t[i].length; + if (l == 0 || !($.contains(t[i][l-1].get()[0], v.get()[0]))) { + t[i][l] = v; + }; + }; + + function push(t, i, v) { + if ((typeof t[i]) == 'undefined') { + t[i] = new Array(); + }; + var l = t[i].length; + t[i][l] = v; + }; + + + function init_canvas(canvas) { + var frames = new Array (); + var cur_frame = 0; + canvas.find("*").each(function(i) { + + if ($(this).hasClass("sws-pause")) cur_frame++; + push_following(frames, cur_frame, $(this)); + + }); + canvas.data("sws-frames", { frames: frames, + current: 0, + custom: new Array() }); + + }; + _self.getNumSlides = function () { return _total_slides; }; + + _self.registerCustom = function (i, f) { + if (_initialized) return; + //jQuery does not seem to work well + //on partial doms + var scripts = document.getElementsByTagName("script"); + var current = scripts[scripts.length-1]; + + var slide = $(current).parents(".sws-slide"); + if (slide.length == 0) { + console.log("no parent ?"); + return; + } + _defered_custom[_defered_custom.length] = { src: slide[0], + fn: f, + frame: i }; + $(current).remove(); + + }; + if (typeof(Storage)!=="undefined"){ _self.getCurrentSlide = function () { //unary + casts to integer @@ -26,16 +85,47 @@ var SimpleWebSlides = new function () { }; _self.firstSlide = function () { return 0; }; _self.lastSlide = function () { return _self.getNumSlides() - 1; }; + _self.refresh = function () { + var cur = _self.getCurrentSlide(); - $(".canvas").each (function (i) { + $(".sws-canvas").each (function (i) { if (i == cur){ - $(this).removeClass("other_slides").addClass("current_slide"); - } else if ($(this).hasClass("current_slide")) { - $(this).removeClass("current_slide").addClass("other_slides"); + $(this).removeClass("sws-inactive-slide").addClass("sws-active-slide"); + var info = $(this).data("sws-frames"); + var frames = info.frames; + var upto = info.current; + var custom = info.custom; + for(var j = 0; j < Math.max(frames.length, custom.length); j++) { + for (var k = 0; k < frames[j].length; k++) { + if (j <= upto || frames[j][k].hasClass("sws-footer")){ + + frames[j][k] + .removeClass("sws-inactive-frame") + .addClass("sws-active-frame"); + } else { + frames[j][k] + .removeClass("sws-active-frame") + .addClass("sws-inactive-frame"); + }; + }; + var callbacks; + if (j == upto && (callbacks = custom[j])) { + for (var k = 0; k < callbacks.length; k++) + callbacks[k]($(this)); + }; + }; + + _animation_running = true; + $(this).find("*").promise().done(function() { + _animation_running = false; + }); + } else if ($(this).hasClass("sws-active-slide")) { + $(this).removeClass("sws-active-slide").addClass("sws-inactive-slide"); }; - }); + + }); }; _self.nextSlide = function () { @@ -47,9 +137,48 @@ var SimpleWebSlides = new function () { _self.setCurrentSlide(Math.max(_self.getCurrentSlide()-1, _self.firstSlide())); }; - - _self.keyboardHandler = function (event) { + _self.getFrameInfo = function () { + + var i = _self.getCurrentSlide(); + var canvas = $($(".sws-canvas")[i]); + var infos = canvas.data("sws-frames"); + return infos; + }; + _self.getCurrentFrame = function () { return _self.getFrameInfo().current; }; + _self.setCurrentFrame = function (i) { _self.getFrameInfo().current = i; }; + _self.firstFrame = function () { return 0; }; + _self.lastFrame = function () { return _self.getFrameInfo().frames.length-1; }; + + _self.nextFrame = function () { + _self.setCurrentFrame(Math.min(_self.getCurrentFrame()+1, + _self.lastFrame())); + + }; + _self.previousFrame = function () { + _self.setCurrentFrame(Math.max(_self.getCurrentFrame()-1, + _self.firstFrame())); + }; + + _self.next = function () { + var i = _self.getCurrentFrame(); + if (i == _self.lastFrame()) + _self.nextSlide(); + else + _self.nextFrame(); + }; + + _self.previous = function () { + var i = _self.getCurrentFrame(); + if (i == _self.firstFrame()) + _self.previousSlide(); + else + _self.previousFrame(); + }; + + + _self.keyboardHandler = function (event) { + if (_animation_running) return; switch (event.which) { case 36:/* Home */ _self.firstSlide(); @@ -60,14 +189,19 @@ var SimpleWebSlides = new function () { break; case 32: /* space */ - case 34: /* PgDown */ case 39: /* -> */ + case 1: /* mouse button 1 */ + _self.next(); + break; + case 34: /* PgDown */ case 78: /* n */ _self.nextSlide(); break; case 8: /* backspace */ - case 33: /* PgUp */ case 37: /* <- */ + _self.previous(); + break; + case 33: /* PgUp */ case 80: /* p */ _self.previousSlide(); break; @@ -77,34 +211,57 @@ var SimpleWebSlides = new function () { _self.refresh(); }; - _self.init = function () { - _total_slides = $(".slide").length; + var _init = function () { + _total_slides = $(".sws-slide").length; $(document).keydown(_self.keyboardHandler); + $(document).mousedown(_self.keyboardHandler); var cur = _self.getCurrentSlide(); - $(".slide").each (function (i) { - var elem = '
' + (i+1); - elem += ''; + $(".sws-slide").each (function (i) { + var elem = '
' + (i+1); + elem += ''; elem += _self.getNumSlides() + '
'; - if (!($(this).hasClass("nofooter"))) { + if (!($(this).hasClass("sws-option-nofooter"))) { $(this).append($(elem)); }; var par = $(this).parent(); $(this).remove(); - var canvas = $('
'); + var canvas = $('
'); canvas.append($(this)); par.append(canvas); if (i == cur) { - canvas.addClass("current_slide").removeClass("other_slides"); + canvas + .addClass("sws-active-slide") + .removeClass("sws-inacitve-slide"); } else { - canvas.addClass("other_slides").removeClass("current_slide"); + canvas + .addClass("sws-inactive-slide") + .removeClass("sws-active-slide"); }; + init_canvas(canvas); }); + for (var i = 0; i < _defered_custom.length; i++){ + + var custom = _defered_custom[i]; + var canvas = $(custom.src).parents(".sws-canvas"); + if (canvas.length == 0) continue; + canvas = $(canvas[0]); + + var info = canvas.data("sws-frames"); + + push(info.custom, custom.frame, custom.fn); + }; + _self.refresh(); + _initialized = true; + }; -}; + _self.init = function () { + $(document).ready(_init); + }; +}; -$(document).ready(SimpleWebSlides.init); +SimpleWebSlides.init(); \ No newline at end of file