info/phpapprentice
1
0
Fork 0
mirror of https://github.com/restoreddev/phpapprentice.git synced 2025-08-03 05:18:11 +02:00
Code Issues Releases Wiki Activity

Added ability to navigate with arrow keys

Browse Source
This commit is contained in:
Andrew Davis
2019-01-11 19:35:05 -06:00
parent 067f96ffe2
commit 86b53c49df
2 changed files with 22 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
assets/js/site.js
View File

@@ -41,18 +41,26 @@ var onLoad = function () {
document.onkeydown = function (e) { document.onkeydown = function (e) {
e = e || window.event; e = e || window.event;
var isEscape = false; switch (e.key) {
if ("key" in e) { case 'Esc':
isEscape = (e.key == "Escape" || e.key == "Esc"); case 'Escape':
} else {
isEscape = (e.keyCode == 27);
}
if (isEscape) {
var modal = document.querySelector('.modal'); var modal = document.querySelector('.modal');
if (modal && !modal.classList.contains('closed')) { if (modal && !modal.classList.contains('closed')) {
modal.classList.add('closed'); modal.classList.add('closed');
} }
break;
case 'ArrowRight':
var link = document.querySelector('#next-link');
if (link) {
window.location.href = link.href;
}
break;
case 'ArrowLeft':
var link = document.querySelector('#prev-link');
if (link) {
window.location.href = link.href;
}
break;
} }
}; };

4
assets/templates/default.phtml
View File

@@ -10,13 +10,13 @@
<div class="clearfix"></div> <div class="clearfix"></div>
<div class="navigate-links"> <div class="navigate-links">
<?php if (!empty($previous)): ?> <?php if (!empty($previous)): ?>
<a href="<?= page_path($previous) ?>" title="Previous"> <a href="<?= page_path($previous) ?>" title="Previous" id="prev-link">
<div class="icon"><?= icon('cheveron-outline-left') ?></div> <div class="icon"><?= icon('cheveron-outline-left') ?></div>
Previous Previous
</a> </a>
<?php endif ?> <?php endif ?>
<?php if (!empty($next)): ?> <?php if (!empty($next)): ?>
<a href="<?= page_path($next) ?>" title="Next"> <a href="<?= page_path($next) ?>" title="Next" id="next-link">
Next Next
<div class="icon"><?= icon('cheveron-outline-right') ?></div> <div class="icon"><?= icon('cheveron-outline-right') ?></div>
</a> </a>