diff options
author | Jérémy Benoist <j0k3r@users.noreply.github.com> | 2017-10-23 11:09:17 +0200 |
---|---|---|
committer | GitHub <noreply@github.com> | 2017-10-23 11:09:17 +0200 |
commit | 1953a872932a63792293b4aec087880265ba89f7 (patch) | |
tree | fd16599e737fcdaf193c933ef3ec4a4ee248b117 /app/Resources/static/themes/material/index.js | |
parent | d83d25dadec2c38460a32d96f5d2903426fec9d3 (diff) | |
parent | 702f2d67d60ca963492b90dad74cb5f8dcc84e51 (diff) | |
download | wallabag-1953a872932a63792293b4aec087880265ba89f7.tar.gz wallabag-1953a872932a63792293b4aec087880265ba89f7.tar.zst wallabag-1953a872932a63792293b4aec087880265ba89f7.zip |
Merge pull request #3011 from wallabag/2.3
wallabag 2.3.0
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 | }); | ||