app/Resources/static/themes/material/index.js

   1 import $ from 'jquery';
   2
   3 /* Materialize imports */
   4 import 'materialize-css/dist/css/materialize.css';
   5 import 'materialize-css/dist/js/materialize';
   6
   7 /* Global imports */
   8 import '../_global/index';
   9
  10 /* Tools */
  11 import { initExport, initFilters, initRandom } from './js/tools';
  12
  13 /* Import shortcuts */
  14 import './js/shortcuts/main';
  15 import './js/shortcuts/entry';
  16
  17 /* Theme style */
  18 import './css/index.scss';
  19
  20 const stickyNav = () => {
  21   const nav = $('.js-entry-nav-top');
  22   $('[data-toggle="actions"]').click(() => {
  23     nav.toggleClass('entry-nav-top--sticky');
  24   });
  25 };
  26
  27 $(document).ready(() => {
  28   // sideNav
  29   $('.button-collapse').sideNav();
  30   $('select').material_select();
  31   $('.collapsible').collapsible({
  32     accordion: false,
  33   });
  34   $('.datepicker').pickadate({
  35     selectMonths: true,
  36     selectYears: 15,
  37     formatSubmit: 'dd/mm/yyyy',
  38     hiddenName: true,
  39     format: 'dd/mm/yyyy',
  40     container: 'body',
  41   });
  42
  43   initFilters();
  44   initExport();
  45   initRandom();
  46   stickyNav();
  47
  48   const toggleNav = (toShow, toFocus) => {
  49     $('.nav-panel-actions').hide(100);
  50     $(toShow).show(100);
  51     $('.nav-panels').css('background', 'white');
  52     $(toFocus).focus();
  53   };
  54
  55   $('#nav-btn-add-tag').on('click', () => {
  56     $('.nav-panel-add-tag').toggle(100);
  57     $('.nav-panel-menu').addClass('hidden');
  58     $('#tag_label').focus();
  59     return false;
  60   });
  61
  62   $('#nav-btn-add').on('click', () => {
  63     toggleNav('.nav-panel-add', '#entry_url');
  64     return false;
  65   });
  66
  67   const materialAddForm = $('.nav-panel-add');
  68   materialAddForm.on('submit', () => {
  69     materialAddForm.addClass('disabled');
  70     $('input#entry_url', materialAddForm).prop('readonly', true).trigger('blur');
  71   });
  72
  73   $('#nav-btn-search').on('click', () => {
  74     toggleNav('.nav-panel-search', '#search_entry_term');
  75     return false;
  76   });
  77
  78   $('.close').on('click', (e) => {
  79     $(e.target).parent('.nav-panel-item').hide(100);
  80     $('.nav-panel-actions').show(100);
  81     $('.nav-panels').css('background', 'transparent');
  82     return false;
  83   });
  84
  85   $(window).scroll(() => {
  86     const s = $(window).scrollTop();
  87     const d = $(document).height();
  88     const c = $(window).height();
  89     const scrollPercent = (s / (d - c)) * 100;
  90     $('.progress .determinate').css('width', `${scrollPercent}%`);
  91   });
  92 });