1
0
mirror of https://github.com/kakwa/ldapcherry synced 2024-11-23 01:44:22 +01:00
ldapcherry/resources/static/js/alignforms.js
kakwa a33a46e8b8 add dynamic resizing to align input-group-addon
* add class to identify the 2 form columns
* add a js that calculate max width and resize all input-group-addon
spans
* load the js in the base template
2017-04-05 23:24:19 +02:00

24 lines
815 B
JavaScript

classes = ['lcform-col-1', 'lcform-col-2'];
for(var j in classes){
var formSelector = classes[j];
var forms = document.getElementsByClassName(formSelector);
//console.log(formSelector);
//console.log(forms);
if (forms.length > 0){
var in_groups = forms[0].getElementsByClassName('input-group-addon');
//console.log(in_groups);
var i, len = in_groups.length;
var longest = 0;
for(i=0; i < len; i++){
if (in_groups[i].id != 'basic-addon-password2'){
longest = longest < in_groups[i].clientWidth ? in_groups[i].clientWidth : longest;
}
}
for(i=0; i < len; i++){
in_groups[i].style.minWidth = (longest + 0) + 'px';
}
//console.log(longest);
}
}
//console.log("end_re");