joshua/janus
1
0
Fork 0
mirror of https://github.com/seigler/janus synced 2025-07-27 01:36:11 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: syncronize position across several windows

Browse source
This commit is contained in:
Joshua Seigler 2016-10-10 12:47:11 -04:00
parent 31c44a39bb
commit 59e965047e
3 changed files with 54 additions and 24 deletions
Download patch file Download diff file Expand all files Collapse all files

49
scripts/app.js
View file

@ -9,15 +9,24 @@
function $(selector) {
return document.querySelector(selector);
}
function $$(selector){
function $$(selector) {
return Array.prototype.slice.call(document.querySelectorAll(selector), 0);
}
function moveSlides() {
function setCurrentSlide(newSlideNumber) {
newSlideNumber = Math.max(Math.min(newSlideNumber, slides.length - 1), 0);
if (newSlideNumber !== currentSlideNumber) {
currentSlideNumber = newSlideNumber;
localStorage.setItem('janus-currentSlideNumber', currentSlideNumber);
}
slides.forEach(function (item, index, array) {
if (index < currentSlideNumber) {
item.setAttribute('janus-timeline', 'past');
} else if (index == currentSlideNumber) {
if (slides[index].contains(slides[currentSlideNumber])) {
item.setAttribute('janus-timeline', 'present');
} else {
item.setAttribute('janus-timeline', 'past');
}
} else if (index === currentSlideNumber) {
item.setAttribute('janus-timeline', 'present');
} else {
item.setAttribute('janus-timeline', 'future');
@ -25,26 +34,34 @@
});
}
var sessionListener = function(e) {
if (e.url === window.location.href) {
if (e.key === 'janus-currentSlideNumber') {
setCurrentSlide(+e.newValue);
}
}
};
var init = function() {
slides = $$('main>section');
slides = $$('main>section, [janus-timeline]');
currentSlideNumber = 0;
shortcut.add('F1', function() {
document.body.classList.toggle('show-notes');
});
shortcut.add('Page_down', function() {
if (currentSlideNumber < slides.length - 1) {
currentSlideNumber++;
moveSlides();
}
setCurrentSlide(currentSlideNumber + 1);
});
shortcut.add('Page_up', function() {
if (currentSlideNumber > 0) {
currentSlideNumber--;
moveSlides();
}
setCurrentSlide(currentSlideNumber - 1);
});
moveSlides();
}
var storedSlideNumber;
if (storedSlideNumber = localStorage.getItem('janus-currentSlideNumber')) {
setCurrentSlide(storedSlideNumber);
} else {
setCurrentSlide(0);
}
};
document.addEventListener("DOMContentLoaded", init);
document.addEventListener('DOMContentLoaded', init);
window.addEventListener('storage', sessionListener);
})();