mirrors/wallabag
1
0
Fork 0
mirror of https://github.com/wallabag/wallabag.git synced 2024-11-01 14:49:15 +00:00
Code Issues Projects Releases Wiki Activity

implement swipe gestures on mobile to go to next and previous articles

Browse source
This commit is contained in:
Thomas Citharel 2015-03-07 23:59:27 +01:00
parent 00dc7622fb
commit c34a8956e1
6 changed files with 42 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
themes/_global/js/jquery.mobile.events.touch.min.js vendored Normal file
View file

File diff suppressed because one or more lines are too long

30
themes/_global/js/keyboard.js
View file

@ -1,27 +1,27 @@
function navigateKeyboard(leftURL, rightURL) {
window.addEventListener("keypress", function (event) {
var key = event.which || event.keyCode; // event.keyCode is used for IE8 and earlier versions
console.log("key pressed : " + key);
switch (key) {
case 37:
// left arrow
if (leftURL != "?view=view&id=") {
window.location = window.location.origin + window.location.pathname + leftURL;
}
goLeft(leftURL);
break;
/*
case 38:
// top arrow
window.location = window.location.origin + window.location.pathname + window.location.search + "#top";
break;
*/
case 39:
//right arrow
if (rightURL != "?view=view&id=") {
window.location = window.location.origin + window.location.pathname + rightURL;
}
goRight(rightURL);
break;
}
}, false);
}
function goLeft(leftURL) {
if (leftURL != "?view=view&id=") {
window.location = window.location.origin + window.location.pathname + leftURL;
}
}
function goRight(rightURL) {
if (rightURL != "?view=view&id=") {
window.location = window.location.origin + window.location.pathname + rightURL;
}
}

1
themes/baggy/_head.twig
View file

@ -31,6 +31,7 @@
<link rel="stylesheet" href="{{ poche_url }}themes/{{theme}}/css/print.css" media="print">
<script src="{{ poche_url }}themes/_global/js/jquery-2.1.3.min.js"></script>
<script src="{{ poche_url }}themes/_global/js/jquery.mobile.events.touch.min.js"></script>
<script src="{{ poche_url }}themes/_global/js/autoClose.js"></script>
<script src="{{ poche_url }}themes/{{theme}}/js/jquery.cookie.js"></script>
<script src="{{ poche_url }}themes/{{theme}}/js/init.js"></script>

11
themes/baggy/view.twig
View file

@ -103,6 +103,17 @@
retrievePercent({{ entry.id|e }});
});
});
// Use left and right arrow to navigate on with keyboard
navigateKeyboard('?view=view&id={{ navigate.nextid|e }}','?view=view&id={{ navigate.previousid|e }}');
// swipe to right or left on mobile to navigate
$('article').on("swiperight", function(){
goLeft('?view=view&id={{ navigate.nextid|e }}');
});
$('article').on("swipeleft", function(){
goRight('?view=view&id={{ navigate.previousid|e }}');
});
</script>
{% endblock %}

1
themes/default/_head.twig
View file

@ -30,6 +30,7 @@
<link rel="stylesheet" href="{{ poche_url }}themes/default/css/messages.css" media="all">
<link rel="stylesheet" href="{{ poche_url }}themes/default/css/print.css" media="print">
<script src="{{ poche_url }}themes/_global/js/jquery-2.1.3.min.js"></script>
<script src="{{ poche_url }}themes/_global/js/jquery.mobile.events.touch.min.js"></script>
<script src="{{ poche_url }}themes/_global/js/autoClose.js"></script>
<script src="{{ poche_url }}themes/default/js/closeMessage.js"></script>
<script src="{{ poche_url }}themes/_global/js/saveLink.js"></script>

11
themes/default/view.twig
View file

@ -125,6 +125,17 @@
$('#article_toolbar .tool.top').parent().hide();
}
});
// Use left and right arrow to navigate on with keyboard
navigateKeyboard('?view=view&id={{ navigate.nextid|e }}','?view=view&id={{ navigate.previousid|e }}');
// swipe to right or left on mobile to navigate
$('article').on("swiperight", function(){
goLeft('?view=view&id={{ navigate.nextid|e }}');
});
$('article').on("swipeleft", function(){
goRight('?view=view&id={{ navigate.previousid|e }}');
});
</script>
{% endblock %}