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: command bar bound to "Escape" key

Browse source
This commit is contained in:
Joshua Seigler 2016-10-13 11:41:41 -04:00
parent 22927bfd38
commit d08935c71e
4 changed files with 166 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

73
scripts/app.js
View file

@ -4,7 +4,10 @@
var slides = [],
currentSlideNumber = 0,
slideNext,
slidePrev;
slidePrev,
commandBar,
commandField,
commandBarVisible = true;
function $(selector) {
return document.querySelector(selector);
@ -13,11 +16,13 @@
return Array.prototype.slice.call(document.querySelectorAll(selector), 0);
}
function setCurrentSlide(newSlideNumber) {
function setCurrentSlide(newSlideNumber, storeChange) {
newSlideNumber = Math.max(Math.min(newSlideNumber, slides.length - 1), 0);
if (newSlideNumber !== currentSlideNumber) {
currentSlideNumber = newSlideNumber;
localStorage.setItem('janus-currentSlideNumber', currentSlideNumber);
if (storeChange) {
localStorage.setItem('janus-currentSlideNumber', currentSlideNumber);
}
}
slides.forEach(function (item, index, array) {
if (index < currentSlideNumber) {
@ -35,15 +40,65 @@
}
var sessionListener = function(e) {
console.log(e);
if (e.url === window.location.href) {
if (e.key === 'janus-currentSlideNumber') {
setCurrentSlide(+e.newValue);
setCurrentSlide(+e.newValue, false);
}
}
};
var toggleCommandBar = function() {
if (commandBarVisible) {
commandBar.style.display = 'none';
commandBarVisible = false;
} else {
commandBar.style.display = 'flex';
commandField.value = '';
commandField.focus();
commandBarVisible = true;
}
}
var commandListener = function(event) {
var typed = String.fromCharCode(event.keyCode).toLowerCase();
console.log(event);
console.log(typed);
if (/[0-9]/.test(typed)) {
return;
} else if (event.keyCode === 13) {
runCommand(commandField.value);
toggleCommandBar();
} else if (/[spc]/.test(typed)) {
runCommand(commandField.value + typed);
toggleCommandBar();
}
};
var runCommand = function(command) {
var s = command.split();
if (s.length === 1 && /^[0-9]+$/.test(s[0])) {
setCurrentSlide(+s[0], true);
} else if (s.length === 1) {
switch(s[0]) {
case 's':
document.body.classList.toggle('simulate-projection');
break;
case 'p':
document.body.classList.toggle('show-notes');
break;
case 'c':
window.open(window.location.href, '_blank');
break;
}
}
}
var init = function() {
commandField = $('#commandField');
commandField.addEventListener('keydown', commandListener);
commandBar = $('body > nav');
toggleCommandBar();
slides = $$('main>section, [janus-timeline]');
currentSlideNumber = 0;
shortcut.add('F1', function() {
@ -53,17 +108,19 @@
window.open(window.location.href, '_blank');
});
shortcut.add('Page_down', function() {
setCurrentSlide(currentSlideNumber + 1);
setCurrentSlide(currentSlideNumber + 1, true);
});
shortcut.add('Page_up', function() {
setCurrentSlide(currentSlideNumber - 1);
setCurrentSlide(currentSlideNumber - 1, true);
});
shortcut.add('Escape', toggleCommandBar);
var storedSlideNumber;
if (storedSlideNumber = localStorage.getItem('janus-currentSlideNumber')) {
setCurrentSlide(storedSlideNumber);
setCurrentSlide(storedSlideNumber, false);
} else {
setCurrentSlide(0);
}
document.body.classList.remove('is-loading');
};
document.addEventListener('DOMContentLoaded', init);