git.iko.soy/urbit.org
on e3a0fdc help sign in
urbit.org/static/scripts.js
49 lines 1.5 kB history raw
1//
2 // toggling of navigation menus
3//
5var toggleMainNav = document.getElementById('js-main-nav-toggle');
6if (toggleMainNav !== null) {
7 toggleMainNav.onclick = function() {
8 document.body.classList.toggle('has-active-main-nav');
9 }
12var toggleContentNav = document.getElementById('js-content-nav-toggle');
13if (toggleContentNav !== null) {
14 toggleContentNav.onclick = function() {
15 document.body.classList.toggle('has-active-content-nav');
16 }
19//
20 // styling of input fields
21//
23var inputElements = document.querySelectorAll('input.tlon-input');
24for (var i = 0; i < inputElements.length; i++) {
25 //listen for changes in input
26 inputElements[i].addEventListener('input', function() {
27 // if input has a value do this
28 if (this.value) {
29 var inputContainer = this.parentNode;
30 var validInputs = inputContainer.querySelectorAll('input.tlon-input:valid');
31 var inputs = inputContainer.querySelectorAll('input.tlon-input');
32 if (validInputs.length !== 0) {
33 // has valid input
34 for (var i = 0; i < validInputs.length; i++) {
35 if (this.classList.contains('is-valid') == false ) {
36 validInputs[i].parentNode.classList.add('has-valid-input');
37 }
38 }
39 } else {
40 // doesn't have valid input
41 for (var i = 0; i < inputs.length; i++) {
42 inputs[i].parentNode.classList.remove('has-valid-input');
43 }
44 }
45 } else {
46 this.parentNode.classList.remove('has-valid-input');
47 }
48 });