oss/wallabag
oss/wallabag
1
0
Fork 0
mirror of https://github.com/wallabag/wallabag.git synced 2025-10-15 19:42:08 +00:00
Code Wiki Activity

Bring navigation (with right, left and enter) on material entries page. Supports going to next and previous page !

Browse source 
Also better indentation for js files (changed editorconfig for them).

Signed-off-by: Thomas Citharel <tcit@tcit.fr>
This commit is contained in:
Thomas Citharel 2016-11-03 10:02:16 +01:00
parent 16ef7607f4
commit 5637a26e9a
12 changed files with 162 additions and 24 deletions
Download patch file Download diff file Expand all files Collapse all files

74
app/Resources/static/themes/material/js/shortcuts/main.js
View file

@ -1,13 +1,71 @@
/* Actions */
Mousetrap.bind('g n', () => {
import Mousetrap from 'mousetrap';
import $ from 'jquery';
function toggleFocus(cardToToogleFocus) {
if (cardToToogleFocus) {
$(cardToToogleFocus).toggleClass('z-depth-4');
}
}
let card;
let cardIndex;
let cardNumber;
let pagination;
$(document).ready(() => {
cardIndex = 0;
cardNumber = $('#content ul.data > li').length;
card = $('#content ul.data > li')[cardIndex];
pagination = $('.pagination');
/* If we come from next page */
if (window.location.hash === '#prev') {
cardIndex = cardNumber - 1;
card = $('ul.data > li')[cardIndex];
}
/* Focus current card */
toggleFocus(card);
/* Actions */
Mousetrap.bind('g n', () => {
$('#nav-btn-add').trigger('click');
});
});
Mousetrap.bind('esc', () => {
Mousetrap.bind('esc', () => {
$('.close').trigger('click');
});
});
// Display the first element of the current view
Mousetrap.bind('right', () => {
$('ul.data li:first-child span.dot-ellipsis a')[0].click();
/* Select right card. If there's a next page, go to next page */
Mousetrap.bind('right', () => {
if (cardIndex >= 0 && cardIndex < cardNumber - 1) {
toggleFocus(card);
cardIndex += 1;
card = $('ul.data > li')[cardIndex];
toggleFocus(card);
return;
}
if (pagination != null && pagination.find('li.next') && cardIndex === cardNumber - 1) {
window.location.href = window.location.origin + $(pagination).find('li.next a').attr('href');
return;
}
});
/* Select previous card. If there's a previous page, go to next page */
Mousetrap.bind('left', () => {
if (cardIndex > 0 && cardIndex < cardNumber) {
toggleFocus(card);
cardIndex -= 1;
card = $('ul.data > li')[cardIndex];
toggleFocus(card);
return;
}
if (pagination !== null && $(pagination).find('li.prev') && cardIndex === 0) {
window.location.href = `${window.location.origin + $(pagination).find('li.prev a').attr('href')}#prev`;
return;
}
});
Mousetrap.bind('enter', () => {
window.location.href = window.location.origin + $(card).find('span.card-title a').attr('href');
});
});