X-Git-Url: http://git.nguyen.vg/gitweb/?a=blobdiff_plain;f=simpleWebSlides.js;h=6229a74fb7b68d420e6c0d58670f70cbe004c3f4;hb=ad268c9cd746bf3c74c379055ea0c3518353882a;hp=e592eb869e49806ba6f2c5668166d7052dbfa499;hpb=ac79fe8adf86a2e4ddd1ddf2d16e4e8809d8ea58;p=hacks%2FsimpleWebSlides.git
diff --git a/simpleWebSlides.js b/simpleWebSlides.js
index e592eb8..6229a74 100644
--- a/simpleWebSlides.js
+++ b/simpleWebSlides.js
@@ -2,7 +2,7 @@
Namespace object.
*/
-var SWS = {};
+var SWS = SWS || {};
@@ -18,7 +18,72 @@ SWS.Utils = new function () {
t[i][l] = v;
};
+ self.isEmpty = function (o) {
+ for(var _ in o) return false;
+ return true;
+ };
+
+ self.parseFrameSpec = function (s) {
+ var elems = s.split("_");
+ var result = {};
+ var min_last = 10000;
+ var max_value = -1;
+ for(var i = 0; i < elems.length; i++){
+ var bounds = elems[i].split("-");
+ if (bounds.length > 2 || bounds.length == 0) return {};
+ if (bounds.length == 1) bounds[1] = bounds[0];
+ var a = parseInt(bounds[0]);
+ var b = parseInt(bounds[1])
+ if (!isFinite(a) || !isFinite(b)) return {};
+ a = Math.min(a, 1000); // don't allow more than 1000 frames/slide
+ b = Math.min(b, 1000);
+ if (b > max_value) max_value = b;
+ for (var j = a; j <= b; j++)
+ result[j] = true;
+ };
+ return result;
+ };
+
+ self.getParameterByName = function (name) {
+ name = name.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]");
+ var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
+ results = regex.exec(location.search);
+ return results == null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
+ }
+};
+
+
+
+SWS.Templates = new function () {
+ var self = this;
+ self.controlPanel = "\
+
\
+
\
+
💻\
+
🎨\
+
\
+
\
+
\
+
⏮\
+
⏪\
+
▶\
+
▶\
+
⏩\
+
⏭\
+
\
+
\
+
\
+
\
+
\
+
Rendering presentation: %
");
+ $("body").append(progress);
+
+ $("html").removeClass("sws-display").addClass("sws-print");
+ self.goToSlide(0,0);
+ var steps = self.getTotalSteps();
+ var total_steps = steps;
+ var loop;
+ loop = function () {
+ if (steps >= 0) {
+ $(".sws-canvas").find("*").addBack().promise().done(function() {
+ var percent = ((total_steps - steps) / total_steps) * 100;
+ $("#sws-percent-progress").text(Math.round(percent));
+ console.log ("Step: " + steps);
+ SWS.Config['sws-slide-change'] = SWS.Templates.slideChange;
+ self.refresh();
+ $($(".sws-canvas")[self.getCurrentSlide()]).css( { 'opacity': 1 });
+ self.next();
+ steps--;
+ loop();
+ })
+ } else {
+ $("#sws-percent-progress").text(100);
+ progress.remove();
+ window.print();
+ }
+ };
+ loop();
+
+ }
+
self.inputHandler = function (event) {
- if (_animations_running) return;
+ if (_disable_input_events || _print_mode ) return;
switch (event.which) {
case 36:/* Home */
- self.firstSlide();
+ self.setCurrentSlide(self.firstSlide());
break;
case 35:/* End */
- self.lastSlide();
+ self.setCurrentSlide(self.lastSlide());
break;
case 32: /* space */
+ case 34: /* PgDown */
case 39: /* -> */
- case 1: /* mouse button 1 */
+ if (self.getCurrentSlide() == self.lastSlide()
+ && self.getCurrentFrame() == self.lastFrame()) return;
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;
+ case 83: /* s */
+ self.cycleStyle();
+ return;
+ case 67: /* c */
+ $("#sws-control-panel-canvas").toggle();
default:
return;
};
@@ -351,7 +536,7 @@ SWS.Presentation = new function () {
var cur_frame = 0;
var last_frame = canvas.find(".sws-pause").length;
//Add all regular elements to the frame list
- var slide = $(canvas.children(".sws-slide")[0]);
+ var slide = $(canvas.find(".sws-slide")[0]);
var callbacks = { at_slide : new Array(),
at_frame : new Array() }
@@ -359,37 +544,147 @@ SWS.Presentation = new function () {
if (SWS.Utils.isUndefined(custom)) {
custom = new Array ();
};
+
for (var i = 0; i < custom.length; i++) {
- if (isFinite(custom[i].frame))
- SWS.Utils.push2(callbacks.at_frame, +(custom[i].frame), custom[i].fn);
- else if (custom[i].frame == "slide")
+ if (isFinite(custom[i].frame)){
+ var num = +(custom[i].frame);
+ if (num > last_frame) last_frame = num;
+ SWS.Utils.push2(callbacks.at_frame, num, custom[i].fn);
+ } else if (custom[i].frame == "slide")
callbacks.at_slide.push(custom[i].fn);
+ else {
+ var frame_set = SWS.Utils.parseFrameSpec(custom[i].frame);
+ for(var f in frame_set){
+ if (f > last_frame) last_frame = f;
+ SWS.Utils.push2(callbacks.at_frame, +(f), custom[i].fn);
+ };
+ }
};
- slide.find("*").add(slide).each(function(i) {
- if ($(this).filter('*[class*="sws-onslide-"]').length) {
- } else {
- if ($(this).hasClass("sws-pause")) cur_frame++;
- var o = {};
- for (var j = cur_frame; j <= last_frame; j++)
- o[ "f" + j ] = true;
- $(this).data("sws-frame-set", o);
+ var specials = null;
+
+ slide.find('*[class*="sws-onframe-"]').each(function(_){
+ var cls = $(this).attr('class');
+ var idx = cls.indexOf("sws-onframe-");
+ if (idx >= 0) {
+ var end = cls.indexOf(" ", idx);
+ end = (end == -1) ? cls.length : end;
+ var spec = cls.substring(idx+12, end);
+ var o = SWS.Utils.parseFrameSpec(spec);
+ for(var f in o)
+ if (f > last_frame) last_frame = f;
+ $(this).find("*").andSelf().each(function(_){
+ if (!SWS.Utils.isEmpty(o))
+ $(this).data("sws-frame-set", o);
+ if (specials)
+ specials.add($(this));
+ else
+ specials = $(this);
+ });
};
});
+ slide.find("*").andSelf().not(specials).each(function(i) {
+ if ($(this).hasClass("sws-pause")) cur_frame++;
+ var o = {};
+ for (var j = cur_frame; j <= last_frame; j++)
+ o[ j ] = true;
+ if (!SWS.Utils.isEmpty(o))
+ $(this).data("sws-frame-set", o);
+ });
+
canvas.data("sws-frame-info", { current: 0,
- last: last_frame,
+ last: (last_frame - 0), // force cast to integer
callbacks: callbacks
});
};
- function init () {
+ /* Forces redrawing the page without reloading */
+ self.redraw = function () {
+ $("body").hide();
+ $("body").show();
+ };
+
+ self.changeAspect = function() {
+ $("html").removeClass("sws-aspect-4-3")
+ .removeClass("sws-aspect-16-9")
+ .removeClass("sws-aspect-16-10")
+ .addClass($("#sws-aspect-select").val());
+ self.redraw();
+ };
+
+
+ self.changeTheme = function (name) {
+ var theme_name;
+ if (typeof name === 'undefined')
+ theme_name = $("#sws-theme-select").val()
+ else
+ theme_name = name;
+ _current_theme = theme_name;
+ $("link.sws-theme").each (function (i) {
+ var e = $(this);
+ var title = e.attr("title");
+ if (title == theme_name) {
+ e[0].rel = "stylesheet";
+ e[0].disabled = false;
+ e[0].media="all";
+
+ } else {
+ e[0].rel = "alternate stylesheet";
+ e[0].disabled = true;
+ e[0].media="all";
+ };
+ });
+ self.redraw();
+ };
+
+ self.openPrint = function () {
+ window.open("?mode=print&theme=" + _current_theme);
+ }
+ var _fullscreen_icon_on = "";
+ var _fullscreen_icon_off = "";
+
+ self.toggleFullScreen = function () {
+ if (SWS.Fullscreen.status()) {
+ SWS.Fullscreen.exit();
+ $("a#sws-control-panel-fullscreen")
+ .html(_fullscreen_icon_off);
+
+
+
+ } else {
+ SWS.Fullscreen.enter($("body")[0]);
+ $("a#sws-control-panel-fullscreen")
+ .html(_fullscreen_icon_on);
+ };
+ };
+ function _update_ui() {
+ var nav = $('#sws-control-panel-navigation-bar');
+ nav.val(SWS.Presentation.getCurrentSlide() + 1);
+ $('#sws-control-panel-slide-input').val(nav.val());
+ }
+ self.navigate = function () {
+ self.goToSlide($("#sws-control-panel-navigation-bar").val()-1);
+ _update_ui();
+ };
+
+
+ self.init = function () {
+
+
+ $("html").addClass("sws-display");
+ $(window).resize(self.redraw);
+
+
+ $(window).bind('storage', function (e) {
+ console.log(e);
+ });
_total_slides = $(".sws-slide").length;
$(document).keydown(self.inputHandler);
- $(document).mousedown(self.inputHandler);
+
var cur = self.getCurrentSlide();
$(".sws-slide").each (function (i) {
@@ -399,19 +694,27 @@ SWS.Presentation = new function () {
var canvas = $('');
if (!($(this).hasClass("sws-option-noheader"))) {
- canvas.append($(''));
+ canvas.append($('
'));
};
+
+ var inner = $('');
+ var content = $('');
$(this).find('script[type="text/javascript"]').remove();
- canvas.append($(this));
+ content.append($(this));
+ inner.append(content);
+ inner.append($('
'));
+ canvas.append(inner);
+
if (!($(this).hasClass("sws-option-nofooter"))) {
canvas.append($(''));
};
+
par.append(canvas);
if (i == cur) {
canvas
.addClass("sws-active-slide")
- .removeClass("sws-inacitve-slide");
+ .removeClass("sws-inactive-slide");
} else {
canvas
.addClass("sws-inactive-slide")
@@ -420,22 +723,55 @@ SWS.Presentation = new function () {
init_canvas(canvas,_slide_callbacks[i]);
});
+
+
+
+ // Initialize the control panel
+ $("body").append($(SWS.Templates.controlPanel));
+ // Fill the theme switcher
+ $("link.sws-theme").each (function (i) {
+ var e = $(this);
+ var opt = "