Merge pull request #2495 from wallabag/add-shortcuts

Added shortcuts
author: Nicolas Lœuillet <nicolas@loeuillet.org> 2016-11-16 09:35:59 +0100
committer: GitHub <noreply@github.com> 2016-11-16 09:35:59 +0100
commit: e042a5d78fc7676eb399f61d199e8ec0045fbd1f (patch)
tree: 2bc79fda2ca07baf246a36543fd4419a7af7a7a8 /app
parent: 644b340178136ef9465fdc3cf40f1de0f5f8c3d3 (diff)
parent: 94f2057ffefdb164ae388a6971b4ed052082a434 (diff)
download: wallabag-e042a5d78fc7676eb399f61d199e8ec0045fbd1f.tar.gz
wallabag-e042a5d78fc7676eb399f61d199e8ec0045fbd1f.tar.zst
wallabag-e042a5d78fc7676eb399f61d199e8ec0045fbd1f.zip
15 files changed, 187 insertions, 14 deletions
diff --git a/app/AppKernel.php b/app/AppKernel.php
index 342bd139..81b83ef9 100644
--- a/app/AppKernel.php
+++ b/app/AppKernel.php
@@ -30,6 +30,7 @@ class AppKernel extends Kernel
            new Doctrine\Bundle\MigrationsBundle\DoctrineMigrationsBundle(),
            new Craue\ConfigBundle\CraueConfigBundle(),
            new WhiteOctober\PagerfantaBundle\WhiteOctoberPagerfantaBundle(),
+            new FOS\JsRoutingBundle\FOSJsRoutingBundle(),
            // wallabag bundles
            new Wallabag\CoreBundle\WallabagCoreBundle(),
diff --git a/app/Resources/static/themes/_global/js/bookmarklet.js b/app/Resources/static/themes/_global/js/bookmarklet.js
index 5174ff47..a497628b 100644
--- a/app/Resources/static/themes/_global/js/bookmarklet.js
+++ b/app/Resources/static/themes/_global/js/bookmarklet.js
@@ -1,4 +1,3 @@
 top['bookmarklet-url@wallabag.org'] =
    '<!DOCTYPE html><html><head><title>bag it!</title>' +
    '<link rel="icon" href="tpl/img/favicon.ico" />' +
diff --git a/app/Resources/static/themes/_global/js/shortcuts/entry.js b/app/Resources/static/themes/_global/js/shortcuts/entry.js
new file mode 100644
index 00000000..e69de29b
--- /dev/null
+++ b/app/Resources/static/themes/_global/js/shortcuts/entry.js
diff --git a/app/Resources/static/themes/_global/js/shortcuts/main.js b/app/Resources/static/themes/_global/js/shortcuts/main.js
new file mode 100644
index 00000000..ef6a1b84
--- /dev/null
+++ b/app/Resources/static/themes/_global/js/shortcuts/main.js
@@ -0,0 +1,15 @@
+import Mousetrap from 'mousetrap';
+/** Shortcuts **/
+/* Go to */
+Mousetrap.bind('g u', () => { window.location.href = Routing.generate('homepage'); });
+Mousetrap.bind('g s', () => { window.location.href = Routing.generate('starred'); });
+Mousetrap.bind('g r', () => { window.location.href = Routing.generate('archive'); });
+Mousetrap.bind('g a', () => { window.location.href = Routing.generate('all'); });
+Mousetrap.bind('g t', () => { window.location.href = Routing.generate('tag'); });
+Mousetrap.bind('g c', () => { window.location.href = Routing.generate('config'); });
+Mousetrap.bind('g i', () => { window.location.href = Routing.generate('import'); });
+Mousetrap.bind('g d', () => { window.location.href = Routing.generate('developer'); });
+Mousetrap.bind('?', () => { window.location.href = Routing.generate('howto'); });
+Mousetrap.bind('g l', () => { window.location.href = Routing.generate('logout'); });
diff --git a/app/Resources/static/themes/_global/js/tools.js b/app/Resources/static/themes/_global/js/tools.js
index 55de090c..568b2dce 100644
--- a/app/Resources/static/themes/_global/js/tools.js
+++ b/app/Resources/static/themes/_global/js/tools.js
@@ -1,4 +1,6 @@
-const $ = require('jquery');
+import $ from 'jquery';
+import './shortcuts/main';
+import './shortcuts/entry';
 /* Allows inline call qr-code call */
 import jrQrcode from 'jr-qrcode'; // eslint-disable-line
diff --git a/app/Resources/static/themes/baggy/js/autoCompleteTags.js b/app/Resources/static/themes/baggy/js/autoCompleteTags.js
index f287ebfa..64fdaa92 100755
--- a/app/Resources/static/themes/baggy/js/autoCompleteTags.js
+++ b/app/Resources/static/themes/baggy/js/autoCompleteTags.js
@@ -5,4 +5,4 @@ function extractLast(term) {
  return split(term).pop();
 }
-export { split, extractLast };
+export default { split, extractLast };
diff --git a/app/Resources/static/themes/baggy/js/init.js b/app/Resources/static/themes/baggy/js/init.js
index dc11043a..05360a28 100755
--- a/app/Resources/static/themes/baggy/js/init.js
+++ b/app/Resources/static/themes/baggy/js/init.js
@@ -1,11 +1,26 @@
-import { savePercent, retrievePercent } from '../../_global/js/tools';
+/* jQuery */
-import { toggleSaveLinkForm } from './uiTools';
+import $ from 'jquery';
+/* eslint-disable no-unused-vars */
+/* jquery has default scope */
+import cookie from 'jquery.cookie';
+import ui from 'jquery-ui-browserify';
+/* eslint-enable no-unused-vars */
+/* Annotations */
+import annotator from 'annotator';
-const $ = global.jquery = require('jquery');
+/* Shortcuts */
-require('jquery.cookie');
+import './shortcuts/main';
-require('jquery-ui-browserify');
+import './shortcuts/entry';
-const annotator = require('annotator');
+import '../../_global/js/shortcuts/main';
+import '../../_global/js/shortcuts/entry';
+/* Tools */
+import { savePercent, retrievePercent } from '../../_global/js/tools';
+import toggleSaveLinkForm from './uiTools';
+global.jquery = $;
 $.fn.ready(() => {
  const $listmode = $('#listmode');
diff --git a/app/Resources/static/themes/baggy/js/shortcuts/entry.js b/app/Resources/static/themes/baggy/js/shortcuts/entry.js
new file mode 100644
index 00000000..728df8bd
--- /dev/null
+++ b/app/Resources/static/themes/baggy/js/shortcuts/entry.js
@@ -0,0 +1,22 @@
+import Mousetrap from 'mousetrap';
+import $ from 'jquery';
+/* Article view */
+Mousetrap.bind('o', () => {
+  $('div#article_toolbar ul.links a.original')[0].click();
+});
+/* mark as favorite */
+Mousetrap.bind('s', () => {
+  $('div#article_toolbar ul.links a.favorite')[0].click();
+});
+/* mark as read */
+Mousetrap.bind('a', () => {
+  $('div#article_toolbar ul.links a.markasread')[0].click();
+});
+/* delete */
+Mousetrap.bind('del', () => {
+  $('div#article_toolbar ul.links a.delete')[0].click();
+});
diff --git a/app/Resources/static/themes/baggy/js/shortcuts/main.js b/app/Resources/static/themes/baggy/js/shortcuts/main.js
new file mode 100644
index 00000000..e69de29b
--- /dev/null
+++ b/app/Resources/static/themes/baggy/js/shortcuts/main.js
diff --git a/app/Resources/static/themes/baggy/js/uiTools.js b/app/Resources/static/themes/baggy/js/uiTools.js
index 900b2707..713c53f7 100644
--- a/app/Resources/static/themes/baggy/js/uiTools.js
+++ b/app/Resources/static/themes/baggy/js/uiTools.js
@@ -1,4 +1,4 @@
-const $ = require('jquery');
+import $ from 'jquery';
 function toggleSaveLinkForm(url, event) {
  $('#add-link-result').empty();
@@ -32,4 +32,4 @@ function toggleSaveLinkForm(url, event) {
  plainUrl.focus();
 }
-export { toggleSaveLinkForm };
+export default toggleSaveLinkForm;
diff --git a/app/Resources/static/themes/material/js/init.js b/app/Resources/static/themes/material/js/init.js
index a68269e0..9746224b 100755
--- a/app/Resources/static/themes/material/js/init.js
+++ b/app/Resources/static/themes/material/js/init.js
@@ -1,10 +1,21 @@
+/* jQuery */
+import $ from 'jquery';
+/* Annotations */
+import annotator from 'annotator';
+/* Tools */
 import { savePercent, retrievePercent, initFilters, initExport } from '../../_global/js/tools';
-const $ = require('jquery');
+/* Import shortcuts */
+import './shortcuts/main';
+import './shortcuts/entry';
+import '../../_global/js/shortcuts/main';
+import '../../_global/js/shortcuts/entry';
-global.jQuery = $;
 require('materialize'); // eslint-disable-line
-const annotator = require('annotator');
+global.jQuery = $;
 $(document).ready(() => {
  // sideNav
diff --git a/app/Resources/static/themes/material/js/shortcuts/entry.js b/app/Resources/static/themes/material/js/shortcuts/entry.js
new file mode 100644
index 00000000..357c22fe
--- /dev/null
+++ b/app/Resources/static/themes/material/js/shortcuts/entry.js
@@ -0,0 +1,22 @@
+import Mousetrap from 'mousetrap';
+import $ from 'jquery';
+/* open original article */
+Mousetrap.bind('o', () => {
+  $('ul.side-nav a.original i')[0].click();
+});
+/* mark as favorite */
+Mousetrap.bind('s', () => {
+  $('ul.side-nav a.favorite i')[0].click();
+});
+/* mark as read */
+Mousetrap.bind('a', () => {
+  $('ul.side-nav a.markasread i')[0].click();
+});
+/* delete */
+Mousetrap.bind('del', () => {
+  $('ul.side-nav a.delete i')[0].click();
+});
diff --git a/app/Resources/static/themes/material/js/shortcuts/main.js b/app/Resources/static/themes/material/js/shortcuts/main.js
new file mode 100644
index 00000000..8514f71e
--- /dev/null
+++ b/app/Resources/static/themes/material/js/shortcuts/main.js
@@ -0,0 +1,70 @@
+import Mousetrap from 'mousetrap';
+import $ from 'jquery';
+function toggleFocus(cardToToogleFocus) {
+  if (cardToToogleFocus) {
+    $(cardToToogleFocus).toggleClass('z-depth-4');
+  }
+}
+$(document).ready(() => {
+  let cardIndex = 0;
+  const cardNumber = $('#content ul.data > li').length;
+  let card = $('#content ul.data > li')[cardIndex];
+  const pagination = $('.pagination');
+  /* Show nothing on quickstart */
+  if ($('#content > div.quickstart').length > 0) {
+    return;
+  }
+  /* 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', () => {
+    $('.close').trigger('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.length > 0 && pagination.find('li.next:not(.disabled)').length > 0 && cardIndex === cardNumber - 1) {
+      window.location.href = window.location.origin + $(pagination).find('li.next a').attr('href');
+    }
+  });
+  /* 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.length > 0 && $(pagination).find('li.prev:not(.disabled)').length > 0 && cardIndex === 0) {
+      window.location.href = `${window.location.origin + $(pagination).find('li.prev a').attr('href')}#prev`;
+    }
+  });
+  Mousetrap.bind('enter', () => {
+    window.location.href = window.location.origin + $(card).find('span.card-title a').attr('href');
+  });
+});
diff --git a/app/config/config.yml b/app/config/config.yml
index 168634cf..e0e1ad97 100644
--- a/app/config/config.yml
+++ b/app/config/config.yml
@@ -351,3 +351,16 @@ old_sound_rabbit_mq:
            queue_options:
                name: 'wallabag.import.chrome'
            callback: wallabag_import.consumer.amqp.chrome
+fos_js_routing:
+    routes_to_expose:
+        - homepage
+        - starred
+        - archive
+        - all
+        - tag
+        - config
+        - import
+        - developer
+        - howto
+        - logout
diff --git a/app/config/routing.yml b/app/config/routing.yml
index 750ed435..eedf51d5 100644
--- a/app/config/routing.yml
+++ b/app/config/routing.yml
@@ -52,3 +52,6 @@ craue_config_settings_modify:
    path: /settings
    defaults:
        _controller: CraueConfigBundle:Settings:modify
+fos_js_routing:
+    resource: "@FOSJsRoutingBundle/Resources/config/routing/routing.xml"
author	Nicolas Lœuillet <nicolas@loeuillet.org>	2016-11-16 09:35:59 +0100
committer	GitHub <noreply@github.com>	2016-11-16 09:35:59 +0100
commit	e042a5d78fc7676eb399f61d199e8ec0045fbd1f (patch)
tree	2bc79fda2ca07baf246a36543fd4419a7af7a7a8 /app
parent	644b340178136ef9465fdc3cf40f1de0f5f8c3d3 (diff)
parent	94f2057ffefdb164ae388a6971b4ed052082a434 (diff)
download	wallabag-e042a5d78fc7676eb399f61d199e8ec0045fbd1f.tar.gz wallabag-e042a5d78fc7676eb399f61d199e8ec0045fbd1f.tar.zst wallabag-e042a5d78fc7676eb399f61d199e8ec0045fbd1f.zip

diff --git a/app/AppKernel.php b/app/AppKernel.php index 342bd139..81b83ef9 100644 --- a/app/AppKernel.php +++ b/app/AppKernel.php
@@ -30,6 +30,7 @@ class AppKernel extends Kernel
30	new Doctrine\Bundle\MigrationsBundle\DoctrineMigrationsBundle(),	30	new Doctrine\Bundle\MigrationsBundle\DoctrineMigrationsBundle(),
31	new Craue\ConfigBundle\CraueConfigBundle(),	31	new Craue\ConfigBundle\CraueConfigBundle(),
32	new WhiteOctober\PagerfantaBundle\WhiteOctoberPagerfantaBundle(),	32	new WhiteOctober\PagerfantaBundle\WhiteOctoberPagerfantaBundle(),
		33	new FOS\JsRoutingBundle\FOSJsRoutingBundle(),
33		34
34	// wallabag bundles	35	// wallabag bundles
35	new Wallabag\CoreBundle\WallabagCoreBundle(),	36	new Wallabag\CoreBundle\WallabagCoreBundle(),


diff --git a/app/Resources/static/themes/_global/js/bookmarklet.js b/app/Resources/static/themes/_global/js/bookmarklet.js index 5174ff47..a497628b 100644 --- a/app/Resources/static/themes/_global/js/bookmarklet.js +++ b/app/Resources/static/themes/_global/js/bookmarklet.js
@@ -1,4 +1,3 @@
1
2	top['bookmarklet-url@wallabag.org'] =	1	top['bookmarklet-url@wallabag.org'] =
3	'<!DOCTYPE html><html><head><title>bag it!</title>' +	2	'<!DOCTYPE html><html><head><title>bag it!</title>' +
4	'<link rel="icon" href="tpl/img/favicon.ico" />' +	3	'<link rel="icon" href="tpl/img/favicon.ico" />' +


diff --git a/app/Resources/static/themes/_global/js/shortcuts/entry.js b/app/Resources/static/themes/_global/js/shortcuts/entry.js new file mode 100644 index 00000000..e69de29b --- /dev/null +++ b/app/Resources/static/themes/_global/js/shortcuts/entry.js


diff --git a/app/Resources/static/themes/_global/js/shortcuts/main.js b/app/Resources/static/themes/_global/js/shortcuts/main.js new file mode 100644 index 00000000..ef6a1b84 --- /dev/null +++ b/app/Resources/static/themes/_global/js/shortcuts/main.js
@@ -0,0 +1,15 @@
		1	import Mousetrap from 'mousetrap';
		2
		3	/ Shortcuts /
		4
		5	/* Go to */
		6	Mousetrap.bind('g u', () => { window.location.href = Routing.generate('homepage'); });
		7	Mousetrap.bind('g s', () => { window.location.href = Routing.generate('starred'); });
		8	Mousetrap.bind('g r', () => { window.location.href = Routing.generate('archive'); });
		9	Mousetrap.bind('g a', () => { window.location.href = Routing.generate('all'); });
		10	Mousetrap.bind('g t', () => { window.location.href = Routing.generate('tag'); });
		11	Mousetrap.bind('g c', () => { window.location.href = Routing.generate('config'); });
		12	Mousetrap.bind('g i', () => { window.location.href = Routing.generate('import'); });
		13	Mousetrap.bind('g d', () => { window.location.href = Routing.generate('developer'); });
		14	Mousetrap.bind('?', () => { window.location.href = Routing.generate('howto'); });
		15	Mousetrap.bind('g l', () => { window.location.href = Routing.generate('logout'); });


diff --git a/app/Resources/static/themes/_global/js/tools.js b/app/Resources/static/themes/_global/js/tools.js index 55de090c..568b2dce 100644 --- a/app/Resources/static/themes/_global/js/tools.js +++ b/app/Resources/static/themes/_global/js/tools.js
@@ -1,4 +1,6 @@
1	const $ = require('jquery');	1	import $ from 'jquery';
		2	import './shortcuts/main';
		3	import './shortcuts/entry';
2		4
3	/* Allows inline call qr-code call */	5	/* Allows inline call qr-code call */
4	import jrQrcode from 'jr-qrcode'; // eslint-disable-line	6	import jrQrcode from 'jr-qrcode'; // eslint-disable-line


diff --git a/app/Resources/static/themes/baggy/js/autoCompleteTags.js b/app/Resources/static/themes/baggy/js/autoCompleteTags.js index f287ebfa..64fdaa92 100755 --- a/app/Resources/static/themes/baggy/js/autoCompleteTags.js +++ b/app/Resources/static/themes/baggy/js/autoCompleteTags.js
@@ -5,4 +5,4 @@ function extractLast(term) {
5	return split(term).pop();	5	return split(term).pop();
6	}	6	}
7		7
8	export { split, extractLast };	8	export default { split, extractLast };


diff --git a/app/Resources/static/themes/baggy/js/init.js b/app/Resources/static/themes/baggy/js/init.js index dc11043a..05360a28 100755 --- a/app/Resources/static/themes/baggy/js/init.js +++ b/app/Resources/static/themes/baggy/js/init.js
@@ -1,11 +1,26 @@
1	import { savePercent, retrievePercent } from '../../_global/js/tools';	1	/* jQuery */
2	import { toggleSaveLinkForm } from './uiTools';	2	import $ from 'jquery';
		3
		4	/* eslint-disable no-unused-vars */
		5	/* jquery has default scope */
		6	import cookie from 'jquery.cookie';
		7	import ui from 'jquery-ui-browserify';
		8	/* eslint-enable no-unused-vars */
		9
		10	/* Annotations */
		11	import annotator from 'annotator';
3		12
4	const $ = global.jquery = require('jquery');	13	/* Shortcuts */
5	require('jquery.cookie');	14	import './shortcuts/main';
6	require('jquery-ui-browserify');	15	import './shortcuts/entry';
7	const annotator = require('annotator');	16	import '../../_global/js/shortcuts/main';
		17	import '../../_global/js/shortcuts/entry';
		18
		19	/* Tools */
		20	import { savePercent, retrievePercent } from '../../_global/js/tools';
		21	import toggleSaveLinkForm from './uiTools';
8		22
		23	global.jquery = $;
9		24
10	$.fn.ready(() => {	25	$.fn.ready(() => {
11	const $listmode = $('#listmode');	26	const $listmode = $('#listmode');


diff --git a/app/Resources/static/themes/baggy/js/shortcuts/entry.js b/app/Resources/static/themes/baggy/js/shortcuts/entry.js new file mode 100644 index 00000000..728df8bd --- /dev/null +++ b/app/Resources/static/themes/baggy/js/shortcuts/entry.js
@@ -0,0 +1,22 @@
		1	import Mousetrap from 'mousetrap';
		2	import $ from 'jquery';
		3
		4	/* Article view */
		5	Mousetrap.bind('o', () => {
		6	$('div#article_toolbar ul.links a.original')[0].click();
		7	});
		8
		9	/* mark as favorite */
		10	Mousetrap.bind('s', () => {
		11	$('div#article_toolbar ul.links a.favorite')[0].click();
		12	});
		13
		14	/* mark as read */
		15	Mousetrap.bind('a', () => {
		16	$('div#article_toolbar ul.links a.markasread')[0].click();
		17	});
		18
		19	/* delete */
		20	Mousetrap.bind('del', () => {
		21	$('div#article_toolbar ul.links a.delete')[0].click();
		22	});


diff --git a/app/Resources/static/themes/baggy/js/shortcuts/main.js b/app/Resources/static/themes/baggy/js/shortcuts/main.js new file mode 100644 index 00000000..e69de29b --- /dev/null +++ b/app/Resources/static/themes/baggy/js/shortcuts/main.js


diff --git a/app/Resources/static/themes/baggy/js/uiTools.js b/app/Resources/static/themes/baggy/js/uiTools.js index 900b2707..713c53f7 100644 --- a/app/Resources/static/themes/baggy/js/uiTools.js +++ b/app/Resources/static/themes/baggy/js/uiTools.js
@@ -1,4 +1,4 @@
1	const $ = require('jquery');	1	import $ from 'jquery';
2		2
3	function toggleSaveLinkForm(url, event) {	3	function toggleSaveLinkForm(url, event) {
4	$('#add-link-result').empty();	4	$('#add-link-result').empty();
@@ -32,4 +32,4 @@ function toggleSaveLinkForm(url, event) {
32	plainUrl.focus();	32	plainUrl.focus();
33	}	33	}
34		34
35	export { toggleSaveLinkForm };	35	export default toggleSaveLinkForm;


diff --git a/app/Resources/static/themes/material/js/init.js b/app/Resources/static/themes/material/js/init.js index a68269e0..9746224b 100755 --- a/app/Resources/static/themes/material/js/init.js +++ b/app/Resources/static/themes/material/js/init.js
@@ -1,10 +1,21 @@
		1	/* jQuery */
		2	import $ from 'jquery';
		3
		4	/* Annotations */
		5	import annotator from 'annotator';
		6
		7	/* Tools */
1	import { savePercent, retrievePercent, initFilters, initExport } from '../../_global/js/tools';	8	import { savePercent, retrievePercent, initFilters, initExport } from '../../_global/js/tools';
2		9
3	const $ = require('jquery');	10	/* Import shortcuts */
		11	import './shortcuts/main';
		12	import './shortcuts/entry';
		13	import '../../_global/js/shortcuts/main';
		14	import '../../_global/js/shortcuts/entry';
4		15
5	global.jQuery = $;
6	require('materialize'); // eslint-disable-line	16	require('materialize'); // eslint-disable-line
7	const annotator = require('annotator');	17
		18	global.jQuery = $;
8		19
9	$(document).ready(() => {	20	$(document).ready(() => {
10	// sideNav	21	// sideNav


diff --git a/app/Resources/static/themes/material/js/shortcuts/entry.js b/app/Resources/static/themes/material/js/shortcuts/entry.js new file mode 100644 index 00000000..357c22fe --- /dev/null +++ b/app/Resources/static/themes/material/js/shortcuts/entry.js
@@ -0,0 +1,22 @@
		1	import Mousetrap from 'mousetrap';
		2	import $ from 'jquery';
		3
		4	/* open original article */
		5	Mousetrap.bind('o', () => {
		6	$('ul.side-nav a.original i')[0].click();
		7	});
		8
		9	/* mark as favorite */
		10	Mousetrap.bind('s', () => {
		11	$('ul.side-nav a.favorite i')[0].click();
		12	});
		13
		14	/* mark as read */
		15	Mousetrap.bind('a', () => {
		16	$('ul.side-nav a.markasread i')[0].click();
		17	});
		18
		19	/* delete */
		20	Mousetrap.bind('del', () => {
		21	$('ul.side-nav a.delete i')[0].click();
		22	});


diff --git a/app/Resources/static/themes/material/js/shortcuts/main.js b/app/Resources/static/themes/material/js/shortcuts/main.js new file mode 100644 index 00000000..8514f71e --- /dev/null +++ b/app/Resources/static/themes/material/js/shortcuts/main.js
@@ -0,0 +1,70 @@
		1	import Mousetrap from 'mousetrap';
		2	import $ from 'jquery';
		3
		4	function toggleFocus(cardToToogleFocus) {
		5	if (cardToToogleFocus) {
		6	$(cardToToogleFocus).toggleClass('z-depth-4');
		7	}
		8	}
		9
		10	$(document).ready(() => {
		11	let cardIndex = 0;
		12	const cardNumber = $('#content ul.data > li').length;
		13	let card = $('#content ul.data > li')[cardIndex];
		14	const pagination = $('.pagination');
		15
		16	/* Show nothing on quickstart */
		17	if ($('#content > div.quickstart').length > 0) {
		18	return;
		19	}
		20
		21	/* If we come from next page */
		22	if (window.location.hash === '#prev') {
		23	cardIndex = cardNumber - 1;
		24	card = $('ul.data > li')[cardIndex];
		25	}
		26
		27	/* Focus current card */
		28	toggleFocus(card);
		29
		30	/* Actions */
		31	Mousetrap.bind('g n', () => {
		32	$('#nav-btn-add').trigger('click');
		33	});
		34
		35	Mousetrap.bind('esc', () => {
		36	$('.close').trigger('click');
		37	});
		38
		39	/* Select right card. If there's a next page, go to next page */
		40	Mousetrap.bind('right', () => {
		41	if (cardIndex >= 0 && cardIndex < cardNumber - 1) {
		42	toggleFocus(card);
		43	cardIndex += 1;
		44	card = $('ul.data > li')[cardIndex];
		45	toggleFocus(card);
		46	return;
		47	}
		48	if (pagination.length > 0 && pagination.find('li.next:not(.disabled)').length > 0 && cardIndex === cardNumber - 1) {
		49	window.location.href = window.location.origin + $(pagination).find('li.next a').attr('href');
		50	}
		51	});
		52
		53	/* Select previous card. If there's a previous page, go to next page */
		54	Mousetrap.bind('left', () => {
		55	if (cardIndex > 0 && cardIndex < cardNumber) {
		56	toggleFocus(card);
		57	cardIndex -= 1;
		58	card = $('ul.data > li')[cardIndex];
		59	toggleFocus(card);
		60	return;
		61	}
		62	if (pagination.length > 0 && $(pagination).find('li.prev:not(.disabled)').length > 0 && cardIndex === 0) {
		63	window.location.href = `${window.location.origin + $(pagination).find('li.prev a').attr('href')}#prev`;
		64	}
		65	});
		66
		67	Mousetrap.bind('enter', () => {
		68	window.location.href = window.location.origin + $(card).find('span.card-title a').attr('href');
		69	});
		70	});


diff --git a/app/config/config.yml b/app/config/config.yml index 168634cf..e0e1ad97 100644 --- a/app/config/config.yml +++ b/app/config/config.yml
@@ -351,3 +351,16 @@ old_sound_rabbit_mq:
351	queue_options:	351	queue_options:
352	name: 'wallabag.import.chrome'	352	name: 'wallabag.import.chrome'
353	callback: wallabag_import.consumer.amqp.chrome	353	callback: wallabag_import.consumer.amqp.chrome
		354
		355	fos_js_routing:
		356	routes_to_expose:
		357	- homepage
		358	- starred
		359	- archive
		360	- all
		361	- tag
		362	- config
		363	- import
		364	- developer
		365	- howto
		366	- logout


diff --git a/app/config/routing.yml b/app/config/routing.yml index 750ed435..eedf51d5 100644 --- a/app/config/routing.yml +++ b/app/config/routing.yml
@@ -52,3 +52,6 @@ craue_config_settings_modify:
52	path: /settings	52	path: /settings
53	defaults:	53	defaults:
54	_controller: CraueConfigBundle:Settings:modify	54	_controller: CraueConfigBundle:Settings:modify
		55
		56	fos_js_routing:
		57	resource: "@FOSJsRoutingBundle/Resources/config/routing/routing.xml"