app/Resources/static/themes/material/js/shortcuts/main.js

   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   const cards = $('#content').find('.card');
  12   const cardNumber = cards.length;
  13   let cardIndex = 0;
  14   /* If we come from next page */
  15   if (window.location.hash === '#prev') {
  16     cardIndex = cardNumber - 1;
  17   }
  18   let card = cards[cardIndex];
  19   const pagination = $('.pagination');
  20
  21   /* Show nothing on quickstart */
  22   if ($('#content > div.quickstart').length > 0) {
  23     return;
  24   }
  25
  26   /* Show nothing on login/register page */
  27   if ($('#username').length > 0 || $('#fos_user_registration_form_username').length > 0) {
  28     return;
  29   }
  30
  31   /* Focus current card */
  32   toggleFocus(card);
  33
  34   /* Actions */
  35   Mousetrap.bind('g n', () => {
  36     $('#nav-btn-add').trigger('click');
  37     return false;
  38   });
  39
  40   Mousetrap.bind('s', () => {
  41     $('#nav-btn-search').trigger('click');
  42     return false;
  43   });
  44
  45   Mousetrap.bind('esc', () => {
  46     $('.close').trigger('click');
  47   });
  48
  49   /* Select right card. If there's a next page, go to next page */
  50   Mousetrap.bind('right', () => {
  51     if (cardIndex >= 0 && cardIndex < cardNumber - 1) {
  52       toggleFocus(card);
  53       cardIndex += 1;
  54       card = cards[cardIndex];
  55       toggleFocus(card);
  56       return;
  57     }
  58     if (pagination.length > 0 && pagination.find('li.next:not(.disabled)').length > 0 && cardIndex === cardNumber - 1) {
  59       window.location.href = window.location.origin + $(pagination).find('li.next a').attr('href');
  60     }
  61   });
  62
  63   /* Select previous card. If there's a previous page, go to next page */
  64   Mousetrap.bind('left', () => {
  65     if (cardIndex > 0 && cardIndex < cardNumber) {
  66       toggleFocus(card);
  67       cardIndex -= 1;
  68       card = cards[cardIndex];
  69       toggleFocus(card);
  70       return;
  71     }
  72     if (pagination.length > 0 && $(pagination).find('li.prev:not(.disabled)').length > 0 && cardIndex === 0) {
  73       window.location.href = `${window.location.origin + $(pagination).find('li.prev a').attr('href')}#prev`;
  74     }
  75   });
  76
  77   Mousetrap.bind('enter', () => {
  78     window.location.href = window.location.origin + $(card).find('span.card-title a').attr('href');
  79   });
  80 });