Theodor-Springmann-Stiftung/musenalm
1
0
Fork 0
mirror of https://github.com/Theodor-Springmann-Stiftung/musenalm.git synced 2026-02-04 10:35:30 +00:00
Code Issues Packages Projects Releases Wiki Activity

+Inhalte edit page

Browse Source
This commit is contained in:
Simon Martens
2026-01-16 16:16:15 +01:00
parent b8dc2c952c
commit 8c96aaa88b
15 changed files with 1765 additions and 600 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
views/transform/div-menu.js
View File

@@ -62,10 +62,20 @@ export class DivManager extends HTMLElement {
};
});
const existingButton = this._button;
this._button = this.querySelector(`.${DM_MENU_BUTTON_CLASS}`);
if (!this._button && existingButton) {
this._button = existingButton;
if (!this._button.parentElement) {
this.appendChild(this._button);
}
}
if (!this._button) {
console.error("DivManagerMenu needs a button element.");
return;
this._button = document.createElement("button");
this._button.type = "button";
this._button.classList.add(DM_MENU_BUTTON_CLASS, TAILWIND_HIDDEN_CLASS);
this._button.innerHTML = '<i class="ri-add-line"></i> Felder hinzufügen';
this.appendChild(this._button);
}
if (!this._originalButtonText) {
this._originalButtonText = this._button.innerHTML;
@@ -214,11 +224,15 @@ export class DivManager extends HTMLElement {
// Always ensure the hidden class is added
child.node.classList.add(TAILWIND_HIDDEN_CLASS);
this._clearFields(child.node);
const target = child.target();
if (target && target.contains(child.node)) {
target.removeChild(child.node);
}
if (!child.node.parentElement) {
this.appendChild(child.node);
}
// INFO: the order of these matter, dont fuck it up
this.renderButton();
this.renderMenu();
@@ -337,4 +351,26 @@ export class DivManager extends HTMLElement {
target.classList.toggle(TAILWIND_HIDDEN_CLASS, !hasVisibleChild);
});
}
_clearFields(container) {
if (!container) {
return;
}
container.querySelectorAll("input, textarea, select").forEach((field) => {
if (field.matches("input[type='checkbox'], input[type='radio']")) {
field.checked = false;
return;
}
if (field.matches("select")) {
field.selectedIndex = -1;
return;
}
field.value = "";
});
container.querySelectorAll("trix-editor").forEach((editor) => {
if (typeof editor.editor?.loadHTML === "function") {
editor.editor.loadHTML("");
}
});
}
}

20
views/transform/edit-page.js
View File

@@ -11,17 +11,19 @@ export class EditPage extends HTMLElement {
}
_setupStatusSelect() {
const statusSelect = this.querySelector(".status-select");
if (!statusSelect) {
const statusSelects = Array.from(this.querySelectorAll(".status-select"));
if (statusSelects.length === 0) {
return;
}
const statusIcon = this.querySelector(".status-icon");
statusSelect.addEventListener("change", (event) => {
const newStatus = event.target.value;
statusSelect.setAttribute("data-status", newStatus);
if (statusIcon) {
this._updateStatusIcon(statusIcon, newStatus);
}
statusSelects.forEach((statusSelect) => {
const statusIcon = statusSelect.parentElement?.querySelector(".status-icon");
statusSelect.addEventListener("change", (event) => {
const newStatus = event.target.value;
statusSelect.setAttribute("data-status", newStatus);
if (statusIcon) {
this._updateStatusIcon(statusIcon, newStatus);
}
});
});
}