bmstu-mt-wp/scripts/script.js

110 lines
2.7 KiB
JavaScript
Executable File

(function() {
var url = window.location,
body = document.body;
slides = document.querySelectorAll('div.slide'),
slideList = [], hashList = {},
progress = document.querySelector('div.progress div'),
fullscreen = false;
for(var i = 0, slidesLength = slides.length; i < slidesLength; i++) {
var id = slides[i].id;
slideList[i] = '#' + id;
hashList['#' + id] = i;
slides[i].addEventListener('click', function(){
enterSingle();
turnSlide(hashList['#' + this.id]);
}, false);
}
function resizeBody(p) {
if(typeof p == 'boolean' && p) {
var transform = 'none';
} else {
var sx = body.clientWidth / window.innerWidth,
sy = body.clientHeight / window.innerHeight,
transform = 'scale(' + (1/Math.max(sx, sy)) + ')';
}
body.style.MozTransform = transform;
body.style.WebkitTransform = transform;
body.style.OTransform = transform;
body.style.msTransform = transform;
body.style.transform = transform;
}
function turnSlide(e) {
var current = hashList[url.hash],
target;
if(e.type == 'keyup') { // Key-Based
switch(e.which) {
case 33 : // PgUp
case 38 : // Up
case 37 : // Left
case 72 : // h
case 75 : // k
current--;
break;
case 34 : // PgDown
case 40 : // Down
case 39 : // Right
case 76 : // l
case 74 : // j
current++;
break;
case 36 : // Home
current = 0;
break;
case 35 : // End
current = slideList.length-1;
break;
case 32 : // Space
current += e.shiftKey ? -1 : 1;
break;
}
e.preventDefault();
} else {
current = e || 0;
}
target = slideList[current];
if(target) url.hash = target;
updateProgress();
}
function enterSingle() {
body.className = 'full';
resizeBody();
updateProgress();
window.addEventListener('resize', resizeBody, false);
document.addEventListener('keyup', turnSlide, false);
document.addEventListener('keyup', exitSingleEsc, false);
}
function exitSingle() {
body.className = 'list';
resizeBody(true);
window.removeEventListener('resize', resizeBody, false);
window.removeEventListener('keyup', turnSlide, false);
document.removeEventListener('keyup', exitSingleEsc, false);
}
function exitSingleEsc(e) {
if(e.which != 27) return;
exitSingle();
url.hash = '';
}
function checkHash() {
// if(!window.location.search.length) history.pushState(null, null, window.location.href + '?list');
if(typeof hashList[url.hash] != 'undefined') {
enterSingle();
}
}
function updateProgress() {
if(!progress) return;
progress.style.width = (100/(slideList.length-1) * hashList[url.hash]).toFixed(2) + '%';
}
window.addEventListener('DOMContentLoaded', checkHash, false);
})();