]>
git.immae.eu Git - github/wallabag/wallabag.git/blob - app/Resources/static/themes/material/index.js
1 import $ from 'jquery';
3 /* Materialize imports */
4 import 'materialize-css/dist/css/materialize.css';
5 import 'materialize-css/dist/js/materialize';
8 import '../_global/index';
11 import { initExport
, initFilters
} from './js/tools';
13 /* Import shortcuts */
14 import './js/shortcuts/main';
15 import './js/shortcuts/entry';
18 import './css/index.scss';
20 $(document
).ready(() => {
22 $('.button-collapse').sideNav();
23 $('select').material_select();
24 $('.collapsible').collapsible({
27 $('.datepicker').pickadate({
30 formatSubmit: 'dd/mm/yyyy',
38 $('#nav-btn-add-tag').on('click', () => {
39 $('.nav-panel-add-tag').toggle(100);
40 $('.nav-panel-menu').addClass('hidden');
41 $('#tag_label').focus();
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();
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');
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();
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');
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}%`);