security-and-privacy/ldapcherry
security-and-privacy/ldapcherry
1
0
Fork 0
mirror of https://github.com/kakwa/ldapcherry synced 2025-07-03 11:57:41 +02:00
Code Releases Activity

add dynamic resizing to align input-group-addon

Browse source 
* 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
This commit is contained in:
kakwa 2017-04-05 23:24:19 +02:00
parent eb36830845
commit a33a46e8b8
3 changed files with 26 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

23
resources/static/js/alignforms.js Normal file
View file

@ -0,0 +1,23 @@
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");