[TASK] refactor ui user detail page
This commit is contained in:
@ -50,11 +50,16 @@ function editReadOnlyField() {
|
||||
Array.prototype.forEach.call(editBtns, (btn: HTMLButtonElement) => {
|
||||
btn.addEventListener("click", function () {
|
||||
let wrapper = btn.parentElement;
|
||||
let input = wrapper?.querySelector('input');
|
||||
let input = <HTMLInputElement> wrapper?.querySelector('input.input'),
|
||||
select = <HTMLSelectElement> wrapper?.querySelector('select.input'),
|
||||
attribute = 'readonly';
|
||||
|
||||
if(select) attribute = 'disabled';
|
||||
let element = input ? input : select;
|
||||
|
||||
wrapper?.classList.toggle('editable')
|
||||
input?.toggleAttribute('readonly');
|
||||
if(!input?.hasAttribute('readonly')) input?.focus();
|
||||
element?.toggleAttribute(attribute);
|
||||
if(!element?.hasAttribute(attribute)) element?.focus();
|
||||
wrapper?.classList.toggle('editable');
|
||||
});
|
||||
});
|
||||
}
|
||||
|
Reference in New Issue
Block a user