aboutsummaryrefslogtreecommitdiffhomepage
path: root/app/Resources/static/themes/material
diff options
context:
space:
mode:
Diffstat (limited to 'app/Resources/static/themes/material')
-rw-r--r--app/Resources/static/themes/material/css/cards.scss11
-rwxr-xr-xapp/Resources/static/themes/material/index.js9
-rw-r--r--app/Resources/static/themes/material/js/tools.js14
3 files changed, 32 insertions, 2 deletions
diff --git a/app/Resources/static/themes/material/css/cards.scss b/app/Resources/static/themes/material/css/cards.scss
index 0cdc7457..9ae1be82 100644
--- a/app/Resources/static/themes/material/css/cards.scss
+++ b/app/Resources/static/themes/material/css/cards.scss
@@ -197,6 +197,17 @@ a.original:not(.waves-effect) {
197 flex-grow: 1; 197 flex-grow: 1;
198} 198}
199 199
200.card-tag-form {
201 display: flex;
202 min-width: 100px;
203 flex-grow: 1;
204}
205
206.card-tag-form input {
207 margin-bottom: 0;
208 height: 2rem;
209}
210
200.card-tag-rss { 211.card-tag-rss {
201 display: flex; 212 display: flex;
202} 213}
diff --git a/app/Resources/static/themes/material/index.js b/app/Resources/static/themes/material/index.js
index 96310d81..2926cad1 100755
--- a/app/Resources/static/themes/material/index.js
+++ b/app/Resources/static/themes/material/index.js
@@ -8,7 +8,7 @@ import 'materialize-css/dist/js/materialize';
8import '../_global/index'; 8import '../_global/index';
9 9
10/* Tools */ 10/* Tools */
11import { initExport, initFilters } from './js/tools'; 11import { initExport, initFilters, initRandom } from './js/tools';
12 12
13/* Import shortcuts */ 13/* Import shortcuts */
14import './js/shortcuts/main'; 14import './js/shortcuts/main';
@@ -32,8 +32,10 @@ $(document).ready(() => {
32 format: 'dd/mm/yyyy', 32 format: 'dd/mm/yyyy',
33 container: 'body', 33 container: 'body',
34 }); 34 });
35
35 initFilters(); 36 initFilters();
36 initExport(); 37 initExport();
38 initRandom();
37 39
38 const toggleNav = (toShow, toFocus) => { 40 const toggleNav = (toShow, toFocus) => {
39 $('.nav-panel-actions').hide(100); 41 $('.nav-panel-actions').hide(100);
@@ -48,25 +50,30 @@ $(document).ready(() => {
48 $('#tag_label').focus(); 50 $('#tag_label').focus();
49 return false; 51 return false;
50 }); 52 });
53
51 $('#nav-btn-add').on('click', () => { 54 $('#nav-btn-add').on('click', () => {
52 toggleNav('.nav-panel-add', '#entry_url'); 55 toggleNav('.nav-panel-add', '#entry_url');
53 return false; 56 return false;
54 }); 57 });
58
55 const materialAddForm = $('.nav-panel-add'); 59 const materialAddForm = $('.nav-panel-add');
56 materialAddForm.on('submit', () => { 60 materialAddForm.on('submit', () => {
57 materialAddForm.addClass('disabled'); 61 materialAddForm.addClass('disabled');
58 $('input#entry_url', materialAddForm).prop('readonly', true).trigger('blur'); 62 $('input#entry_url', materialAddForm).prop('readonly', true).trigger('blur');
59 }); 63 });
64
60 $('#nav-btn-search').on('click', () => { 65 $('#nav-btn-search').on('click', () => {
61 toggleNav('.nav-panel-search', '#search_entry_term'); 66 toggleNav('.nav-panel-search', '#search_entry_term');
62 return false; 67 return false;
63 }); 68 });
69
64 $('.close').on('click', (e) => { 70 $('.close').on('click', (e) => {
65 $(e.target).parent('.nav-panel-item').hide(100); 71 $(e.target).parent('.nav-panel-item').hide(100);
66 $('.nav-panel-actions').show(100); 72 $('.nav-panel-actions').show(100);
67 $('.nav-panels').css('background', 'transparent'); 73 $('.nav-panels').css('background', 'transparent');
68 return false; 74 return false;
69 }); 75 });
76
70 $(window).scroll(() => { 77 $(window).scroll(() => {
71 const s = $(window).scrollTop(); 78 const s = $(window).scrollTop();
72 const d = $(document).height(); 79 const d = $(document).height();
diff --git a/app/Resources/static/themes/material/js/tools.js b/app/Resources/static/themes/material/js/tools.js
index 39398fd8..0b3d3038 100644
--- a/app/Resources/static/themes/material/js/tools.js
+++ b/app/Resources/static/themes/material/js/tools.js
@@ -8,6 +8,7 @@ function initFilters() {
8 $('#clear_form_filters').on('click', () => { 8 $('#clear_form_filters').on('click', () => {
9 $('#filters input').val(''); 9 $('#filters input').val('');
10 $('#filters :checked').removeAttr('checked'); 10 $('#filters :checked').removeAttr('checked');
11
11 return false; 12 return false;
12 }); 13 });
13 } 14 }
@@ -21,4 +22,15 @@ function initExport() {
21 } 22 }
22} 23}
23 24
24export { initExport, initFilters }; 25function initRandom() {
26 // no display if export (ie: entries) not available
27 if ($('div').is('#export')) {
28 $('#button_random').show();
29 }
30}
31
32export {
33 initExport,
34 initFilters,
35 initRandom,
36};