[TASK] refactor ui user detail page

This commit is contained in:
Marie Birner
2025-05-03 12:44:46 +02:00
parent c47b1988b2
commit 540c122248
3 changed files with 193 additions and 150 deletions

View File

@ -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');
});
});
}