diff options
author | Thomas Citharel <tcit@tcit.fr> | 2017-05-09 11:43:48 +0200 |
---|---|---|
committer | GitHub <noreply@github.com> | 2017-05-09 11:43:48 +0200 |
commit | b28c5430efefa63d04d87404c99798e82d0427e4 (patch) | |
tree | 0bf158fb56120be6624fa26639a28beb84a6598e /app/Resources/static/themes/material/index.js | |
parent | 43f81a62e93fb20c7af619a5132276706e989c62 (diff) | |
parent | efac66cb56d650b863b64c9c4582589da6a2442a (diff) | |
download | wallabag-b28c5430efefa63d04d87404c99798e82d0427e4.tar.gz wallabag-b28c5430efefa63d04d87404c99798e82d0427e4.tar.zst wallabag-b28c5430efefa63d04d87404c99798e82d0427e4.zip |
Merge pull request #3022 from wallabag/webpack
Adds Webpack support and remove Grunt
Diffstat (limited to 'app/Resources/static/themes/material/index.js')
-rwxr-xr-x | app/Resources/static/themes/material/index.js | 78 |
1 files changed, 78 insertions, 0 deletions
diff --git a/app/Resources/static/themes/material/index.js b/app/Resources/static/themes/material/index.js new file mode 100755 index 00000000..d6afbb8a --- /dev/null +++ b/app/Resources/static/themes/material/index.js | |||
@@ -0,0 +1,78 @@ | |||
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 | $('#nav-btn-search').on('click', () => { | ||
54 | $('.nav-panel-buttom').hide(100); | ||
55 | $('.nav-panel-search').show(100); | ||
56 | $('.nav-panels .action').hide(100); | ||
57 | $('.nav-panel-menu').addClass('hidden'); | ||
58 | $('.nav-panels').css('background', 'white'); | ||
59 | $('#search_entry_term').focus(); | ||
60 | return false; | ||
61 | }); | ||
62 | $('.close').on('click', () => { | ||
63 | $('.nav-panel-add').hide(100); | ||
64 | $('.nav-panel-search').hide(100); | ||
65 | $('.nav-panel-buttom').show(100); | ||
66 | $('.nav-panels .action').show(100); | ||
67 | $('.nav-panel-menu').removeClass('hidden'); | ||
68 | $('.nav-panels').css('background', 'transparent'); | ||
69 | return false; | ||
70 | }); | ||
71 | $(window).scroll(() => { | ||
72 | const s = $(window).scrollTop(); | ||
73 | const d = $(document).height(); | ||
74 | const c = $(window).height(); | ||
75 | const scrollPercent = (s / (d - c)) * 100; | ||
76 | $('.progress .determinate').css('width', `${scrollPercent}%`); | ||
77 | }); | ||
78 | }); | ||