CoreML/libraries/frameworks/html5slides/uulm/slides.js

/*
  Google HTML5 slides template

  Authors: Luke Mahé (code)
           Marcin Wichary (code and design)

           Dominic Mazzoni (browser compatibility)
           Charles Chen (ChromeVox support)
           
  URL: http://code.google.com/p/html5slides/

  Contributors:
           Benjamin Erb (presenter mode, notes, structuring) 

  URL: https://github.com/berb/html5slides-uulm
 */

var SLIDE_CLASSES = [ 'far-past', 'past', 'current', 'next', 'far-next' ];

var PM_TOUCH_SENSITIVITY = 15;

var curSlide;

var showPresenterNotes = false;
var isPresenterSlave = false;
var presenterSlaveWindow = null;
var doTransitions = true;

/* ---------------------------------------------------------------------- */
/*
 * classList polyfill by Eli Grey
 * (http://purl.eligrey.com/github/classList.js/blob/master/classList.js)
 */

if (typeof document !== "undefined" && !("classList" in document.createElement("a"))) {

	(function(view) {

		var classListProp = "classList", protoProp = "prototype", elemCtrProto = (view.HTMLElement || view.Element)[protoProp], objCtr = Object
		strTrim = String[protoProp].trim || function() {
			return this.replace(/^\s+|\s+$/g, "");
		}, arrIndexOf = Array[protoProp].indexOf || function(item) {
			for ( var i = 0, len = this.length; i < len; i++) {
				if (i in this && this[i] === item) {
					return i;
				}
			}
			return -1;
		}
		// Vendors: please allow content code to instantiate DOMExceptions
		, DOMEx = function(type, message) {
			this.name = type;
			this.code = DOMException[type];
			this.message = message;
		}, checkTokenAndGetIndex = function(classList, token) {
			if (token === "") {
				throw new DOMEx("SYNTAX_ERR", "An invalid or illegal string was specified");
			}
			if (/\s/.test(token)) {
				throw new DOMEx("INVALID_CHARACTER_ERR", "String contains an invalid character");
			}
			return arrIndexOf.call(classList, token);
		}, ClassList = function(elem) {
			var trimmedClasses = strTrim.call(elem.className), classes = trimmedClasses ? trimmedClasses.split(/\s+/) : [];
			for ( var i = 0, len = classes.length; i < len; i++) {
				this.push(classes[i]);
			}
			this._updateClassName = function() {
				elem.className = this.toString();
			};
		}, classListProto = ClassList[protoProp] = [], classListGetter = function() {
			return new ClassList(this);
		};
		// Most DOMException implementations don't allow calling DOMException's
		// toString()
		// on non-DOMExceptions. Error's toString() is sufficient here.
		DOMEx[protoProp] = Error[protoProp];
		classListProto.item = function(i) {
			return this[i] || null;
		};
		classListProto.contains = function(token) {
			token += "";
			return checkTokenAndGetIndex(this, token) !== -1;
		};
		classListProto.add = function(token) {
			token += "";
			if (checkTokenAndGetIndex(this, token) === -1) {
				this.push(token);
				this._updateClassName();
			}
		};
		classListProto.remove = function(token) {
			token += "";
			var index = checkTokenAndGetIndex(this, token);
			if (index !== -1) {
				this.splice(index, 1);
				this._updateClassName();
			}
		};
		classListProto.toggle = function(token) {
			token += "";
			if (checkTokenAndGetIndex(this, token) === -1) {
				this.add(token);
			}
			else {
				this.remove(token);
			}
		};
		classListProto.toString = function() {
			return this.join(" ");
		};

		if (objCtr.defineProperty) {
			var classListPropDesc = {
				get : classListGetter,
				enumerable : true,
				configurable : true
			};
			try {
				objCtr.defineProperty(elemCtrProto, classListProp, classListPropDesc);
			}
			catch (ex) { // IE 8 doesn't support enumerable:true
				if (ex.number === -0x7FF5EC54) {
					classListPropDesc.enumerable = false;
					objCtr.defineProperty(elemCtrProto, classListProp, classListPropDesc);
				}
			}
		}
		else if (objCtr[protoProp].__defineGetter__) {
			elemCtrProto.__defineGetter__(classListProp, classListGetter);
		}

	}(self));

}
/* ---------------------------------------------------------------------- */

/* Slide movement */

function getSlideEl(no) {
	if ((no < 0) || (no >= slideEls.length)) {
		return null;
	}
	else {
		return slideEls[no];
	}
};

function updateSlideClass(slideNo, className) {
	var el = getSlideEl(slideNo);

	if (!el) {
		return;
	}

	if (className) {
		el.classList.add(className);
	}

	for ( var i in SLIDE_CLASSES) {
		if (className != SLIDE_CLASSES[i]) {
			el.classList.remove(SLIDE_CLASSES[i]);
		}
	}
};

function updateSlides() {
	for ( var i = 0; i < slideEls.length; i++) {
		switch (i) {
			case curSlide - 2:
				updateSlideClass(i, 'far-past');
				break;
			case curSlide - 1:
				updateSlideClass(i, 'past');
				break;
			case curSlide:
				updateSlideClass(i, 'current');
				break;
			case curSlide + 1:
				updateSlideClass(i, 'next');
				break;
			case curSlide + 2:
				updateSlideClass(i, 'far-next');
				break;
			default:
				updateSlideClass(i);
				break;
		}
	}

	triggerLeaveEvent(curSlide - 1);
	triggerEnterEvent(curSlide);

	window.setTimeout(function() {
		// Hide after the slide
		disableSlideFrames(curSlide - 2);
	}, 301);

	enableSlideFrames(curSlide - 1);
	enableSlideFrames(curSlide + 2);

	if (isChromeVoxActive()) {
		speakAndSyncToNode(slideEls[curSlide]);
	}

	updateHash();

	if (presenterSlaveWindow !== null) {
		presenterSlaveWindow.postMessage("" + curSlide, "*");
	}
};

function buildNextItem() {
	var toBuild = slideEls[curSlide].querySelectorAll('.to-build');

	if (!toBuild.length) {
		return false;
	}

	toBuild[0].classList.remove('to-build', '');

	if (isChromeVoxActive()) {
		speakAndSyncToNode(toBuild[0]);
	}

	return true;
};

function prevSlide() {
	if (curSlide > 0) {
		curSlide--;

		updateSlides();
	}
};

function nextSlide() {
	if (buildNextItem()) {
		return;
	}

	if (curSlide < slideEls.length - 1) {
		curSlide++;

		updateSlides();
	}
};

function goToSlide(target) {
	if (target >= 0 && target <= slideEls.length) {
		var steps = target - (curSlide + 1);
		while (steps !== 0) {
			if (steps > 0) {
				curSlide++;
				steps--;
			}
			else if (steps < 0) {
				curSlide--;
				steps++;
			}
		}
		updateSlides();
	}
};

function togglePresenterNotes() {
	if (showPresenterNotes === false) {
		var section = document.querySelector("div.slides");
		section.classList.add('presenter');
	}
	else {
		var section = document.querySelector("div.slides");
		section.classList.remove('presenter');
	}
	showPresenterNotes = !showPresenterNotes;

};

function toggleTransitions() {
	if (doTransitions === false) {
		var section = document.querySelector("div.slides");
		section.classList.remove('no-trans');
	}
	else {
		var section = document.querySelector("div.slides");
		section.classList.add('no-trans');
	}
	doTransitions = !doTransitions;

};

/* Slide events */

function triggerEnterEvent(no) {
	var el = getSlideEl(no);
	if (!el) {
		return;
	}

	var onEnter = el.getAttribute('onslideenter');
	if (onEnter) {
		new Function(onEnter).call(el);
	}

	var evt = document.createEvent('Event');
	evt.initEvent('slideenter', true, true);
	evt.slideNumber = no + 1; // Make it readable

	el.dispatchEvent(evt);
};

function triggerLeaveEvent(no) {
	var el = getSlideEl(no);
	if (!el) {
		return;
	}

	var onLeave = el.getAttribute('onslideleave');
	if (onLeave) {
		new Function(onLeave).call(el);
	}

	var evt = document.createEvent('Event');
	evt.initEvent('slideleave', true, true);
	evt.slideNumber = no + 1; // Make it readable

	el.dispatchEvent(evt);
};

/* Touch events */

function handleTouchStart(event) {
	if (event.touches.length == 1) {
		touchDX = 0;
		touchDY = 0;

		touchStartX = event.touches[0].pageX;
		touchStartY = event.touches[0].pageY;

		document.body.addEventListener('touchmove', handleTouchMove, true);
		document.body.addEventListener('touchend', handleTouchEnd, true);
	}
};

function handleTouchMove(event) {
	if (event.touches.length > 1) {
		cancelTouch();
	}
	else {
		touchDX = event.touches[0].pageX - touchStartX;
		touchDY = event.touches[0].pageY - touchStartY;
	}
};

function handleTouchEnd(event) {
	var dx = Math.abs(touchDX);
	var dy = Math.abs(touchDY);

	if ((dx > PM_TOUCH_SENSITIVITY) && (dy < (dx * 2 / 3))) {
		if (touchDX > 0) {
			prevSlide();
		}
		else {
			nextSlide();
		}
	}

	cancelTouch();
};

function cancelTouch() {
	document.body.removeEventListener('touchmove', handleTouchMove, true);
	document.body.removeEventListener('touchend', handleTouchEnd, true);
};

/* Fadings */


function toggleFade(type){

	var fadeDiv = document.querySelector('#fadeDiv');
	
	if(fadeDiv === null){
		fadeDiv  = document.createElement('div');
		fadeDiv.id = "fadeDiv";
		fadeDiv.className = type;
		document.body.appendChild(fadeDiv);
	}
	else if(fadeDiv.className !== type){
		fadeDiv.className = type;
	}
	
	if(fadeDiv.style.display === "block"){
		fadeDiv.style.display = "none";
	}
	else{
		fadeDiv.style.display = "block";
	}
	
}

function toggleBlackOut(){
	toggleFade("blackfade");
}


function toggleWhiteOut(){
	toggleFade("whitefade");
}

function processToc(){

	var sections = [];
	
	var els = document.querySelectorAll('.slides section');
	for(var i = 0;i<els.length;i++){
	
		var slideSpan = els[i].querySelector('article footer span.slide-nr');
		var lastSlideSpan = els[i].querySelector('article:last-child footer span.slide-nr');
		var header = els[i].querySelector('header');
	
		if(slideSpan && lastSlideSpan && header){
			var slideNr = slideSpan.innerHTML;
			var lastSlideNr = lastSlideSpan.innerHTML;
			var headerTitle = header.innerHTML;
			
			sections.push({
				slideNr : slideNr,
				lastSlideNr : lastSlideNr,
				title : headerTitle
			});
						
		}
	}
	
	for ( var i = 0; i < slideEls.length; i++) {
		var nav = slideEls[i].querySelector('nav.toc');
		if(nav){
			var ol = document.createElement('ol');
			
			for(var j = 0;j<sections.length;j++){
				var liEl = document.createElement('li');
				
				
				var nr = i+1;
				if(nr < sections[j].slideNr){
					liEl.className = 'future';
				}
				else if(nr > sections[j].lastSlideNr){
					liEl.className = 'done';
				}
				else{
					liEl.className = 'current';
				}
				
				var aEl = document.createElement('a');
				aEl.href = '#'+sections[j].slideNr;
				aEl.innerHTML = sections[j].title;
				
				var callback = (function(nr){
					aEl.addEventListener('click', function(){
						goToSlide(nr);
					});
				})(sections[j].slideNr);
				
				liEl.appendChild(aEl);
				ol.appendChild(liEl);
				
			}
			nav.appendChild(ol);
		}
	}
}

/* Preloading frames */

function disableSlideFrames(no) {
	var el = getSlideEl(no);
	if (!el) {
		return;
	}

	var frames = el.getElementsByTagName('iframe');
	for ( var i = 0, frame; frame = frames[i]; i++) {
		disableFrame(frame);
	}
};

function enableSlideFrames(no) {
	var el = getSlideEl(no);
	if (!el) {
		return;
	}

	var frames = el.getElementsByTagName('iframe');
	for ( var i = 0, frame; frame = frames[i]; i++) {
		enableFrame(frame);
	}
};

function disableFrame(frame) {
	frame.src = 'about:blank';
};

function enableFrame(frame) {
	var src = frame._src;

	if (frame.src != src && src != 'about:blank') {
		frame.src = src;
	}
};

function setupFrames() {
	var frames = document.querySelectorAll('iframe');
	for ( var i = 0, frame; frame = frames[i]; i++) {
		frame._src = frame.src;
		disableFrame(frame);
	}

	enableSlideFrames(curSlide);
	enableSlideFrames(curSlide + 1);
	enableSlideFrames(curSlide + 2);
};

function setupInteraction() {
	/* Clicking and tapping */

	var el = document.createElement('div');
	el.className = 'slide-area';
	el.id = 'prev-slide-area';
	el.addEventListener('click', prevSlide, false);
	document.querySelector('div.slides').appendChild(el);

	var el = document.createElement('div');
	el.className = 'slide-area';
	el.id = 'next-slide-area';
	el.addEventListener('click', nextSlide, false);
	document.querySelector('div.slides').appendChild(el);

	/* Swiping */

	document.body.addEventListener('touchstart', handleTouchStart, false);
}

/* ChromeVox support */

function isChromeVoxActive() {
	if (typeof (cvox) == 'undefined') {
		return false;
	}
	else {
		return true;
	}
};

function speakAndSyncToNode(node) {
	if (!isChromeVoxActive()) {
		return;
	}

	cvox.ChromeVox.navigationManager.switchToStrategy(cvox.ChromeVoxNavigationManager.STRATEGIES.LINEARDOM, 0, true);
	cvox.ChromeVox.navigationManager.syncToNode(node);
	cvox.ChromeVoxUserCommands.finishNavCommand('');
	var target = node;
	while (target.firstChild) {
		target = target.firstChild;
	}
	cvox.ChromeVox.navigationManager.syncToNode(target);
};

function speakNextItem() {
	if (!isChromeVoxActive()) {
		return;
	}

	cvox.ChromeVox.navigationManager.switchToStrategy(cvox.ChromeVoxNavigationManager.STRATEGIES.LINEARDOM, 0, true);
	cvox.ChromeVox.navigationManager.next(true);
	if (!cvox.DomUtil.isDescendantOfNode(cvox.ChromeVox.navigationManager.getCurrentNode(), slideEls[curSlide])) {
		var target = slideEls[curSlide];
		while (target.firstChild) {
			target = target.firstChild;
		}
		cvox.ChromeVox.navigationManager.syncToNode(target);
		cvox.ChromeVox.navigationManager.next(true);
	}
	cvox.ChromeVoxUserCommands.finishNavCommand('');
};

function speakPrevItem() {
	if (!isChromeVoxActive()) {
		return;
	}

	cvox.ChromeVox.navigationManager.switchToStrategy(cvox.ChromeVoxNavigationManager.STRATEGIES.LINEARDOM, 0, true);
	cvox.ChromeVox.navigationManager.previous(true);
	if (!cvox.DomUtil.isDescendantOfNode(cvox.ChromeVox.navigationManager.getCurrentNode(), slideEls[curSlide])) {
		var target = slideEls[curSlide];
		while (target.lastChild) {
			target = target.lastChild;
		}
		cvox.ChromeVox.navigationManager.syncToNode(target);
		cvox.ChromeVox.navigationManager.previous(true);
	}
	cvox.ChromeVoxUserCommands.finishNavCommand('');
};

/* Hash functions */

function getCurSlideFromHash() {
	var slideNo = parseInt(location.hash.substr(1));

	if (slideNo) {
		curSlide = slideNo - 1;
	}
	else {
		curSlide = 0;
	}
};

function updateHash() {
	location.replace('#' + (curSlide + 1));
};

/* Event listeners */

function handleBodyKeyDown(event) {
	switch (event.keyCode) {
		case 39: // right arrow
		case 13: // Enter
		case 32: // space
		case 34: // PgDn
			nextSlide();
			event.preventDefault();
			break;

		case 37: // left arrow
		case 8: // Backspace
		case 33: // PgUp
			prevSlide();
			event.preventDefault();
			break;

		case 40: // down arrow
			if (isChromeVoxActive()) {
				speakNextItem();
			}
			else {
				nextSlide();
			}
			event.preventDefault();
			break;

		case 38: // up arrow
			if (isChromeVoxActive()) {
				speakPrevItem();
			}
			else {
				prevSlide();
			}
			event.preventDefault();
			break;

		case 71: // g
		case 103: // G
			var nr = prompt("Go to slide", (curSlide + 1));
			goToSlide(parseInt(nr));
			event.preventDefault();
			// Fix for (at least) FF: set focus on slide again to get next key
			// event
			window.focus();
			break;

		case 36: // home
			goToSlide(1);
			event.preventDefault();
			break;

		case 35: // end
			goToSlide(slideEls.length);
			event.preventDefault();
			break;

		case 190: // "."
			if (presenterSlaveWindow !== null) {
				presenterSlaveWindow.postMessage("forward", "*");
			}
			event.preventDefault();
			break;

		case 188: // ","
			if (presenterSlaveWindow !== null) {
				presenterSlaveWindow.postMessage("back", "*");
			}
			event.preventDefault();
			break;

		case 80:
		case 112:
			if (!isPresenterSlave && presenterSlaveWindow === null) {
				presenterSlaveWindow = window.open(window.location.href, "Presenter Notes", "dependent=yes,width=900,height=700");
				// Wait some time (2 sec.) hoping that the window has been opened
				setTimeout(function() {
					if (presenterSlaveWindow !== null) {
						// you are a slave now!
						presenterSlaveWindow.postMessage("slave", "*");
						// goto master's current slide
						presenterSlaveWindow.postMessage("" + curSlide, "*");
					}
				}, 2000);
				// if master has notes enabled, toggle now
				if (showPresenterNotes) {
					togglePresenterNotes();
				}

			}
			event.preventDefault();
			break;

		case 78: // n / N
		case 110:
			if (presenterSlaveWindow !== null) {
				presenterSlaveWindow.postMessage("togglenotes", "*");
			}
			else {
				togglePresenterNotes();
			}
			event.preventDefault();
			break;

		case 84: // t / T
		case 110:
			toggleTransitions();
			event.preventDefault();
			break;

		case 66: // b 
			toggleBlackOut();
			break;
		case 87: // w 
			toggleWhiteOut();
			break;

	}
};



var handleTheMessage = function(event) {
	//only using strings as older Firefox version do not support complex messaging payload
	if (event.data !== null) {
		if (event.data === 'slave') {
			//become a slave
			isPresenterSlave = true;

			document.title = "Presenter Notes: " + document.title;
			togglePresenterNotes();
			// disable transitions
			var section = document.querySelector("div.slides");
			section.classList.add('no-trans');
		}
		else if (event.data === 'togglenotes') {
			//"remote" note toggling 
			togglePresenterNotes();
		}
		else if (event.data === 'forward') {
			//move forward only in presenter screen
			
			// off-by-one => +2 instead of +1
			var target = curSlide + 2;
			goToSlide(target);
		}
		else if (event.data === 'back') {
			//move back only in presenter screen
			
			// off-by-one, not less than 1;
			goToSlide(curSlide || 1);
		}
		else {
			// optimistic: if none of the above cases, expect a number to be send  
			goToSlide(parseInt(event.data) + 1);
		}
	}
}

function addEventListeners() {
	document.addEventListener('keydown', handleBodyKeyDown, false);
	window.addEventListener("message", handleTheMessage, false);
};

/* Initialization */

function enumrateSlides() {
	for ( var i = 0, slide; slide = slideEls[i]; i++) {
		var el = document.createElement('footer');
		var span = document.createElement('span');
		span.className = 'slide-nr';
		span.innerHTML = "" + (i + 1);
		el.appendChild(span);
		slide.appendChild(el); 
	}
};

function addPrettify() {
	var els = document.querySelectorAll('pre');
	for ( var i = 0, el; el = els[i]; i++) {
		if (!el.classList.contains('noprettyprint')) {
			el.classList.add('prettyprint');
		}
	}

	var el = document.createElement('script');
	el.type = 'text/javascript';
	el.src = 'lib/prettify.js';
	el.onload = function() {
		prettyPrint();
	}
	document.body.appendChild(el);
};

function addFontStyle() {
	var el = document.createElement('link');
	el.rel = 'stylesheet';
	el.type = 'text/css';
	el.href = 'http://fonts.googleapis.com/css?family=' + 'Open+Sans:regular,semibold,italic,italicsemibold|Droid+Sans+Mono';

	document.body.appendChild(el);
};

function addGeneralStyle() {

	var el = document.createElement('meta');
	el.name = 'viewport';
	el.content = 'width=1100,height=750';
	document.querySelector('head').appendChild(el);

	var el = document.createElement('meta');
	el.name = 'apple-mobile-web-app-capable';
	el.content = 'yes';
	document.querySelector('head').appendChild(el);
};

function makeBuildLists() {
	for ( var i = curSlide, slide; slide = slideEls[i]; i++) {
		var items = slide.querySelectorAll('.build > *');
		for ( var j = 0, item; item = items[j]; j++) {
			if (item.classList) {
				item.classList.add('to-build');
			}
		}
	}
};

function handleDomLoaded() {
	slideEls = document.querySelectorAll('div.slides section > article');

	setupFrames();

	enumrateSlides();

	processToc();
	
	addFontStyle();
	addGeneralStyle();
	addPrettify();
	addEventListeners();

	updateSlides();

	setupInteraction();
	makeBuildLists();


	document.body.classList.add('loaded');
};

function initialize() {
	getCurSlideFromHash();

	if (window['_DCL']) {
		handleDomLoaded();
	}
	else {
		document.addEventListener('DOMContentLoaded', handleDomLoaded, false);
	}
}

initialize();