Mercurial > libervia-templates

comparison sat_templates/templates/default/static/common.js @ 230:0e69b5843c2f

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
theme: bulma theme first draft: This theme uses the Bulma CSS framework, Brython to handle the menu on touch devices, and Sass to customize Bulma. CSS default fallbacks are disabled as Bulma uses its own naming conventions, and default fallbacks would lead to hard to debug conflicts. `common.js` has been slightly improved to handle custom classed in `tab_select` The theme is not complete yet, but it is functional.
author Goffi <goffi@goffi.org>
date Tue, 19 May 2020 00:02:34 +0200
parents cede18c118c9
children 61f3efd69fc3
comparison
equal deleted inserted replaced
229:739c3e6999fa 230:0e69b5843c2f
63 document.getElementById(target_elem_id).classList.toggle(class_name); 63 document.getElementById(target_elem_id).classList.toggle(class_name);
64 } 64 }
65 ); 65 );
66 } 66 }
67 67
68 function tab_select(tab_btn_elt, tab_page_id) { 68 function tab_select(tab_btn_elt, tab_page_id, btn_clicked_cls='state_clicked', tab_clicked_cls='state_clicked') {
69
69 for (let elt of document.getElementsByClassName("tab__btn")) { 70 for (let elt of document.getElementsByClassName("tab__btn")) {
70 if (elt === tab_btn_elt) { 71 if (elt === tab_btn_elt) {
71 elt.classList.add('state_clicked'); 72 elt.classList.add(btn_clicked_cls);
72 } 73 }
73 else { 74 else {
74 elt.classList.remove('state_clicked'); 75 elt.classList.remove(btn_clicked_cls);
75 } 76 }
76 } 77 }
77 let tab_page_elt = document.getElementById(tab_page_id); 78 let tab_page_elt = document.getElementById(tab_page_id);
78 for (let elt of document.getElementsByClassName("tab__page")) { 79 for (let elt of document.getElementsByClassName("tab__page")) {
79 if (elt === tab_page_elt) { 80 if (elt === tab_page_elt) {
80 elt.classList.add('state_clicked'); 81 elt.classList.add(tab_clicked_cls);
81 } 82 }
82 else { 83 else {
83 elt.classList.remove('state_clicked'); 84 elt.classList.remove(tab_clicked_cls);
84 } 85 }
85 } 86 }
86 } 87 }
87 88
88 function get_elt(arg) { 89 function get_elt(arg) {