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 } 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 $(document).ready(() => {
  21   // sideNav
  22   $('.button-collapse').sideNav();
  23   $('select').material_select();
  24   $('.collapsible').collapsible({
  25     accordion: false,
  26   });
  27   $('.datepicker').pickadate({
  28     selectMonths: true,
  29     selectYears: 15,
  30     formatSubmit: 'dd/mm/yyyy',
  31     hiddenName: true,
  32     format: 'dd/mm/yyyy',
  33     container: 'body',
  34   });
  35   initFilters();
  36   initExport();
  37
  38   $('#nav-btn-add-tag').on('click', () => {
  39     $('.nav-panel-add-tag').toggle(100);
  40     $('.nav-panel-menu').addClass('hidden');
  41     $('#tag_label').focus();
  42     return false;
  43   });
  44   $('#nav-btn-add').on('click', () => {
  45     $('.nav-panel-buttom').hide(100);
  46     $('.nav-panel-add').show(100);
  47     $('.nav-panels .action').hide(100);
  48     $('.nav-panel-menu').addClass('hidden');
  49     $('.nav-panels').css('background', 'white');
  50     $('#entry_url').focus();
  51     return false;
  52   });
  53   const materialAddForm = $('.nav-panel-add form[name=entry]');
  54   materialAddForm.on('submit', () => {
  55     materialAddForm.addClass('disabled');
  56     $('input#entry_url', materialAddForm).prop('readonly', true).trigger('blur');
  57   });
  58   $('#nav-btn-search').on('click', () => {
  59     $('.nav-panel-buttom').hide(100);
  60     $('.nav-panel-search').show(100);
  61     $('.nav-panels .action').hide(100);
  62     $('.nav-panel-menu').addClass('hidden');
  63     $('.nav-panels').css('background', 'white');
  64     $('#search_entry_term').focus();
  65     return false;
  66   });
  67   $('.close').on('click', () => {
  68     $('.nav-panel-add').hide(100);
  69     $('.nav-panel-search').hide(100);
  70     $('.nav-panel-buttom').show(100);
  71     $('.nav-panels .action').show(100);
  72     $('.nav-panel-menu').removeClass('hidden');
  73     $('.nav-panels').css('background', 'transparent');
  74     return false;
  75   });
  76   $(window).scroll(() => {
  77     const s = $(window).scrollTop();
  78     const d = $(document).height();
  79     const c = $(window).height();
  80     const scrollPercent = (s / (d - c)) * 100;
  81     $('.progress .determinate').css('width', `${scrollPercent}%`);
  82   });
  83 });