+
+
+
+ {{/if}}
+`);
+const template = Handlebars.compile(`
+
+
+`);
+export { template as mediabrowserTemplate };
diff --git a/modules/ui-module/src/main/ts/dist/js/modules/filebrowser.upload.d.ts b/modules/ui-module/src/main/resources/manager/js/modules/media/mediabrowser.upload.d.ts
similarity index 100%
rename from modules/ui-module/src/main/ts/dist/js/modules/filebrowser.upload.d.ts
rename to modules/ui-module/src/main/resources/manager/js/modules/media/mediabrowser.upload.d.ts
diff --git a/modules/ui-module/src/main/ts/dist/js/modules/filebrowser.upload.js b/modules/ui-module/src/main/resources/manager/js/modules/media/mediabrowser.upload.js
similarity index 83%
rename from modules/ui-module/src/main/ts/dist/js/modules/filebrowser.upload.js
rename to modules/ui-module/src/main/resources/manager/js/modules/media/mediabrowser.upload.js
index b046c0c71..82684f86b 100644
--- a/modules/ui-module/src/main/ts/dist/js/modules/filebrowser.upload.js
+++ b/modules/ui-module/src/main/resources/manager/js/modules/media/mediabrowser.upload.js
@@ -20,7 +20,7 @@
*/
import { showToast } from '@cms/modules/toast.js';
import { i18n } from '@cms/modules/localization.js';
-import { state } from '@cms/modules/filebrowser.js';
+import { state } from '@cms/modules/media/mediabrowser.js';
import { uploadFileWithProgress } from '@cms/modules/upload.js';
import { EventBus } from '@cms/modules/event-bus.js';
const allowedMimeTypes = [
@@ -38,24 +38,24 @@ export const initDragAndDropUpload = () => {
if (!dropZone || !fileInput) {
return;
}
- // Prevent default drag behaviors
- ['dragenter', 'dragover', 'dragleave', 'drop'].forEach(eventName => {
- dropZone.addEventListener(eventName, e => e.preventDefault());
- dropZone.addEventListener(eventName, e => e.stopPropagation());
- });
- // Highlight drop zone on dragover
- dropZone.addEventListener('dragover', () => {
+ // Prevent default drag behaviors; combine preventDefault+stopPropagation with per-event logic
+ dropZone.addEventListener('dragenter', e => { e.preventDefault(); e.stopPropagation(); });
+ dropZone.addEventListener('dragover', e => {
+ e.preventDefault();
+ e.stopPropagation();
dropZone.classList.add('dragover');
});
- dropZone.addEventListener('dragleave', () => {
+ dropZone.addEventListener('dragleave', e => {
+ e.preventDefault();
+ e.stopPropagation();
dropZone.classList.remove('dragover');
});
- dropZone.addEventListener('drop', (e) => {
+ dropZone.addEventListener('drop', e => {
+ e.preventDefault();
+ e.stopPropagation();
dropZone.classList.remove('dragover');
const files = e.dataTransfer.files;
- // Optional: Update file input (useful for reusing existing logic)
fileInput.files = files;
- // Now you can upload files
uploadFile(files[0]);
});
};
@@ -83,12 +83,10 @@ const uploadFile = async (file) => {
});
return;
}
- let formData = new FormData();
- formData.append("file", file);
- formData.append("uri", getTargetFolder());
+ const targetFolder = getTargetFolder();
uploadFileWithProgress({
file,
- uri: getTargetFolder(),
+ uri: targetFolder,
onProgress: (percent) => {
updateProgressBar(percent);
},
diff --git a/modules/ui-module/src/main/resources/manager/js/modules/modal.d.ts b/modules/ui-module/src/main/resources/manager/js/modules/modal.d.ts
index 4f6c59a03..a6bc8574c 100644
--- a/modules/ui-module/src/main/resources/manager/js/modules/modal.d.ts
+++ b/modules/ui-module/src/main/resources/manager/js/modules/modal.d.ts
@@ -1,21 +1 @@
-/*-
- * #%L
- * UI Module
- * %%
- * Copyright (C) 2023 - 2026 CondationCMS
- * %%
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU Affero General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU Affero General Public License
- * along with this program. If not, see
+
+
+
+
+
+
+
+ {{#unless asset}}
+ {{> mediaBrowserContentActions pageTemplates=pageContentTypes }}
+ {{/unless}}
+
+ {{#each files}}
+
+
+ {{#if asset}}
+
+
+ {{/each}}
+
+ {{#if directory}}
+
+ {{else if media}}
+ 
+ {{else}}
+
+ {{/if}}
+
+
+
+
+
+
+
+ {{/if}}
+ Drop files here
+
- 
-
-
- `;
- var mediaMeta = (await getMediaMetaData({ image: params.options.uri })).result.meta;
- const focal = mediaMeta?.focal || {};
- const focalX = typeof focal.x === 'number' ? focal.x : 0.5;
- const focalY = typeof focal.y === 'number' ? focal.y : 0.5;
- openModal({
- title: i18n.t("media.focal.title", "Edit focal point"),
- body: template,
- onCancel: (event) => { },
- onOk: async (event) => {
- var setMetaResponse = await setMediaMetaData({
- image: mediaUrl,
- meta: {
- "focal.x": {
- "type": "number",
- "value": focal.x
- },
- "focal.y": {
- "type": "number",
- "value": focal.y
- }
- }
- });
- showToast({
- title: i18n.t('manager.actions.media.focal-point.toast.title', "Media focal point updated"),
- message: i18n.t('manager.actions.media.focal-point.toast.message', "The focal point was successfuly updated."),
- type: 'success',
- timeout: 3000
- });
- reloadPreview();
- },
- onShow: () => {
- const wrapper = document.getElementById("cmsFocalWrapper");
- const image = document.getElementById("cms-image");
- const point = document.getElementById("cmsFocalPoint");
- if (wrapper === null || image === null || point === null) {
- console.error("One or more required elements not found");
- return;
- }
- if (image.complete) {
- setFocalPoint(image, point, focalX, focalY);
- }
- else {
- image.onload = () => setFocalPoint(image, point, focalX, focalY);
- }
- wrapper.addEventListener("click", function (e) {
- const rect = image.getBoundingClientRect();
- const x = e.clientX - rect.left;
- const y = e.clientY - rect.top;
- const relX = (x / rect.width).toFixed(4);
- const relY = (y / rect.height).toFixed(4);
- // Punkt anzeigen
- point.style.left = `${x}px`;
- point.style.top = `${y}px`;
- point.style.display = "block";
- focal.x = parseFloat(relX);
- focal.y = parseFloat(relY);
- });
- }
- });
-}
-const setFocalPoint = (image, point, relX, relY) => {
- const rect = image.getBoundingClientRect();
- const x = rect.width * relX;
- const y = rect.height * relY;
- point.style.left = `${x}px`;
- point.style.top = `${y}px`;
- point.style.display = "block";
-};
-const removeFormatParamFromUrl = (url) => {
- try {
- const parsedUrl = new URL(url, window.location.origin); // Fallback-Basis falls nur Pfad übergeben wird
- parsedUrl.searchParams.delete("format");
- return parsedUrl.toString();
- }
- catch (e) {
- console.warn("Ungültige URL:", url);
- return url; // Fallback: gib Original zurück
- }
-};
diff --git a/modules/ui-module/src/main/ts/dist/actions/media/edit-media-form.d.ts b/modules/ui-module/src/main/ts/dist/actions/media/edit-media-form.d.ts
deleted file mode 100644
index 6abc321a1..000000000
--- a/modules/ui-module/src/main/ts/dist/actions/media/edit-media-form.d.ts
+++ /dev/null
@@ -1 +0,0 @@
-export function runAction(params: any): Promise
-
-
-
-
- `);
- var sectionsResponse = await getSectionEntryTemplates({
- section: params.section
- });
- openModal({
- title: i18n.t("addsection.titles.modal", 'Add entry'),
- body: template({
- templates: sectionsResponse.result,
- }),
- fullscreen: false,
- onCancel: (event) => { },
- validate: () => validate(contentNode, params.section),
- onOk: async (event) => {
- var result = await createSection(contentNode.result.uri, params.section);
- if (result) {
- showToast({
- title: i18n.t("manager.actions.addsection.titles.alert", "Create Entry"),
- message: i18n.t("manager.actions.addsection.alerts.success.message", "Entry successfuly created."),
- type: 'success', // optional: info | success | warning | error
- timeout: 3000
- });
- await new Promise(resolve => setTimeout(resolve, 1000));
- reloadPreview();
- }
- else {
- showToast({
- title: i18n.t("manager.actions.addsection.titles.alert", 'Create Entry'),
- message: i18n.t("manager.actions.addsection.alerts.error.message", "Entry not created."),
- type: 'warning', // optional: info | success | warning | error
- timeout: 3000
- });
- }
- }
- });
-}
-const getSectionEntryName = () => {
- return document.getElementById("cms-section-name").value;
-};
-const validate = (contentNode, targetSection) => {
- const template = document.getElementById("cms-section-template-selection").value;
- if (template === "000") {
- showToast({
- title: i18n.t("manager.actions.addsection.titles.alert", 'Create Entry'),
- message: i18n.t("manager.actions.addsection.alerts.notemplate.message", "No template selected."),
- type: 'error', // optional: info | success | warning | error
- timeout: 3000
- });
- return false;
- }
- const sectionEntryName = getSectionEntryName();
- if (sectionEntryName === "" || sectionEntryName === null) {
- showToast({
- title: i18n.t("manager.actions.addsection.titles.alert", 'Create Entry'),
- message: i18n.t("manager.actions.addsection.alerts.noname.message", "No Entry name provided."),
- type: 'error',
- timeout: 3000
- });
- return false;
- }
- return true;
-};
-function isUriInSection(data, sectionEntryKey, targetUri) {
- if (!data ||
- !data.result ||
- !data.result.sections ||
- typeof data.result.sections !== 'object') {
- return false;
- }
- const sectionArray = data.result.sections[sectionEntryKey];
- if (!Array.isArray(sectionArray)) {
- return false;
- }
- return sectionArray.some(item => item.uri === targetUri);
-}
-const createSection = async (parentUri, parentSectionName) => {
- const template = document.getElementById("cms-section-template-selection").value;
- if (template === "000") {
- return false;
- }
- await addSection({
- parentUri: parentUri,
- sectionEntryName: getSectionEntryName(),
- section: parentSectionName,
- template: template
- });
- return true;
-};
diff --git a/modules/ui-module/src/main/ts/dist/actions/page/create-node.d.ts b/modules/ui-module/src/main/ts/dist/actions/page/create-node.d.ts
deleted file mode 100644
index 6abc321a1..000000000
--- a/modules/ui-module/src/main/ts/dist/actions/page/create-node.d.ts
+++ /dev/null
@@ -1 +0,0 @@
-export function runAction(params: any): Promise-
- {{#each sectionEntries}}
-
- - {{#if data.title}} - {{data.title}} - {{else}} - {{uri}} - {{/if}} - - {{/each}} -
${i18n.t('page.unpublished.noPages', 'No unpublished pages found.')}
`; - } - else { - pageItemsHtml = ` --
- ${pages.map(page => `
-
-
- - ${page.meta?.title} -- - ${i18n.t('page.unpublished.editLink', 'Edit')} - -
- ${page.uri} -
- `).join('')}
-
- ${pageItemsHtml}
- ${paginationHtml}
-
- `;
-};
-const state = {
- modal: null
-};
-const updateDialog = async (pageNumber) => {
- const filterOptions = {
- where: [
- {
- field: "published",
- operator: "=",
- value: false
- }
- ],
- page: pageNumber,
- size: ITEMS_PER_PAGE
- };
- const response = await filterPages(filterOptions);
- var pageData = response.result;
- const modalBodyHtml = renderPageListHtml(pageData.items, pageData.page, pageData.totalPages);
- var modalElement = document.getElementById('cms-unpublished-pages-modal-body');
- if (modalElement) {
- modalElement.innerHTML = modalBodyHtml;
- modalElement.querySelectorAll('.page-link').forEach(link => {
- link.addEventListener('click', (e) => {
- e.preventDefault();
- const newPage = parseInt(e.target.dataset.page || '1');
- if (newPage >= 1 && newPage <= pageData.totalPages) {
- updateDialog(newPage);
- }
- });
- });
- modalElement.querySelectorAll('a[data-cms-page-uri]').forEach((link) => {
- link.addEventListener('click', (e) => {
- e.preventDefault();
- state.modal.hide();
- loadPreview(link.dataset.cmsPageUri || '');
- });
- });
- }
-};
-export const runAction = async (options = {}) => {
- let currentPage = options.page || 1;
- state.modal = openModal({
- title: i18n.t('page.unpublished.title', 'Unpublished Pages'),
- body: "",
- fullscreen: false,
- onCancel: () => { },
- onOk: () => { },
- onShow: (modalElement) => {
- updateDialog(currentPage);
- }
- });
-};
diff --git a/modules/ui-module/src/main/ts/dist/actions/page/manage-assets.d.ts b/modules/ui-module/src/main/ts/dist/actions/page/manage-assets.d.ts
deleted file mode 100644
index 6abc321a1..000000000
--- a/modules/ui-module/src/main/ts/dist/actions/page/manage-assets.d.ts
+++ /dev/null
@@ -1 +0,0 @@
-export function runAction(params: any): Promise${options.message || i18n.t("alerts.error.message", "Some error occured")}
`, - }); -}; -const alertConfirm = (options) => { - return new Promise((resolve) => { - openModal({ - title: options.title || i18n.t("alerts.confirm.title", "Are you sure?"), - body: `${options.message || i18n.t("alerts.confirm.message", "You won't be able to revert this!")}
`, - onOk: () => resolve(true), - onCancel: () => resolve(false) - }); - }); -}; -const alertPrompt = (options) => { - return new Promise((resolve) => { - const modalBody = ` - - `; - openModal({ - title: options.title || i18n.t("alerts.prompt.title", "Enter value?"), - body: modalBody, - validate: () => { - const value = document.getElementById('modalInput').value; - if (options.validator) { - const validationResult = options.validator(value); - return validationResult === null || validationResult === undefined; - } - return true; - }, - onOk: () => { - const value = document.getElementById('modalInput').value; - resolve(value); - }, - onCancel: () => resolve(null) - }); - }); -}; -export { alertSelect, alertError, alertConfirm, alertPrompt }; diff --git a/modules/ui-module/src/main/ts/dist/js/modules/event-bus.d.ts b/modules/ui-module/src/main/ts/dist/js/modules/event-bus.d.ts deleted file mode 100644 index d44295919..000000000 --- a/modules/ui-module/src/main/ts/dist/js/modules/event-bus.d.ts +++ /dev/null @@ -1,4 +0,0 @@ -export namespace EventBus { - function on(event: any, handler: any): void; - function emit(event: any, payload: any): void; -} diff --git a/modules/ui-module/src/main/ts/dist/js/modules/event-bus.js b/modules/ui-module/src/main/ts/dist/js/modules/event-bus.js deleted file mode 100644 index 16ee9dff6..000000000 --- a/modules/ui-module/src/main/ts/dist/js/modules/event-bus.js +++ /dev/null @@ -1,29 +0,0 @@ -/*- - * #%L - * UI Module - * %% - * Copyright (C) 2023 - 2026 CondationCMS - * %% - * This program is free software: you can redistribute it and/or modify - * it under the terms of the GNU Affero General Public License as published by - * the Free Software Foundation, either version 3 of the License, or - * (at your option) any later version. - * - * This program is distributed in the hope that it will be useful, - * but WITHOUT ANY WARRANTY; without even the implied warranty of - * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the - * GNU General Public License for more details. - * - * You should have received a copy of the GNU Affero General Public License - * along with this program. If not, see
-
-
-
- {{/if}}
-`);
-const template = Handlebars.compile(`
-
-
-
-
- {{#if asset}}
-
-
-
-
-`);
-export { template as filebrowserTemplate };
diff --git a/modules/ui-module/src/main/ts/dist/js/modules/form/field.checkbox.d.ts b/modules/ui-module/src/main/ts/dist/js/modules/form/field.checkbox.d.ts
deleted file mode 100644
index d2a0c9280..000000000
--- a/modules/ui-module/src/main/ts/dist/js/modules/form/field.checkbox.d.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { FieldOptions, FormField } from "@cms/modules/form/forms.js";
-export interface CheckboxOptions extends FieldOptions {
- key?: string;
- options?: {
- choices: Array<{
- label: string;
- value: string;
- }>;
- };
-}
-export declare const CheckboxField: FormField;
diff --git a/modules/ui-module/src/main/ts/dist/js/modules/form/field.checkbox.js b/modules/ui-module/src/main/ts/dist/js/modules/form/field.checkbox.js
deleted file mode 100644
index 3efa4721d..000000000
--- a/modules/ui-module/src/main/ts/dist/js/modules/form/field.checkbox.js
+++ /dev/null
@@ -1,48 +0,0 @@
-import { createID } from "@cms/modules/form/utils.js";
-const createCheckboxField = (options, value = []) => {
- const id = createID();
- const key = options.key || "";
- const name = options.name || id;
- const title = options.title || "";
- const choices = options.options?.choices || [];
- const selectedValues = new Set(value);
- const checkboxes = choices.map((choice, idx) => {
- const inputId = `${id}-${idx}`;
- const checked = selectedValues.has(choice.value) ? 'checked' : '';
- return `
-
-
-
-
-
-
-
- {{#unless asset}}
- {{> fileBrowserContentActions pageTemplates=pageContentTypes }}
- {{/unless}}
- | - | {{filenameHeader}} | -{{actionHeader}} | -
|---|---|---|
|
- {{#if directory}}
-
- {{else if media}}
-
-
- {{else}}
-
- {{/if}}
-
-
- |
- {{name}} | -- {{#if directory}} - {{#ifNotEquals name ".."}} - - {{/ifNotEquals}} - {{else if content}} - - - - {{else}} - - {{/if}} - {{#ifNotEquals name ".."}} - - {{/ifNotEquals}} - | -
Drop files here
- {{/if}}
-
-
-
-
- `;
- }).join('');
- return `
-
-
- ${checkboxes}
-
- `;
-};
-const getData = (context) => {
- var data = {};
- if (!context.formElement) {
- return data;
- }
- context.formElement.querySelectorAll("[data-cms-form-field-type='checkbox']").forEach(container => {
- const name = container.querySelector("input[type='checkbox']").name;
- const checkedBoxes = container.querySelectorAll("input[type='checkbox']:checked");
- const values = Array.from(checkedBoxes).map((el) => el.value);
- data[name] = {
- type: 'checkbox',
- value: values
- };
- });
- return data;
-};
-export const CheckboxField = {
- markup: createCheckboxField,
- init: (context) => { },
- data: getData
-};
diff --git a/modules/ui-module/src/main/ts/dist/js/modules/form/field.code.d.ts b/modules/ui-module/src/main/ts/dist/js/modules/form/field.code.d.ts
deleted file mode 100644
index ada1f20f1..000000000
--- a/modules/ui-module/src/main/ts/dist/js/modules/form/field.code.d.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-export namespace CodeField {
- export { createCodeField as markup };
- export { init };
- export { getData as data };
-}
-declare function createCodeField(options: any, value?: string): string;
-declare function init(context: any): void;
-declare function getData(context: any): {};
-export {};
diff --git a/modules/ui-module/src/main/ts/dist/js/modules/form/field.code.js b/modules/ui-module/src/main/ts/dist/js/modules/form/field.code.js
deleted file mode 100644
index 0b5b38657..000000000
--- a/modules/ui-module/src/main/ts/dist/js/modules/form/field.code.js
+++ /dev/null
@@ -1,68 +0,0 @@
-/*-
- * #%L
- * UI Module
- * %%
- * Copyright (C) 2023 - 2026 CondationCMS
- * %%
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU Affero General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU Affero General Public License
- * along with this program. If not, see
-
-
-
-
- `;
-};
-const getData = (context) => {
- var data = {};
- monacoEditors.forEach(({ input, editor }) => {
- data[input.name] = {
- type: 'code',
- value: editor.getValue()
- };
- });
- return data;
-};
-const init = (context) => {
- monacoEditors = [];
- require.config({ paths: { vs: 'https://cdn.jsdelivr.net/npm/monaco-editor@0.52.2/min/vs' } });
- require(['vs/editor/editor.main'], function () {
- const editorInputs = document.querySelectorAll('[data-cms-form-field-type="code"] input');
- editorInputs.forEach(input => {
- const editorContainer = document.getElementById(input.dataset.monacoId);
- const initialValue = decodeURIComponent(input.dataset.initialValue || "");
- const editor = monaco.editor.create(editorContainer, {
- value: initialValue,
- language: 'markdown',
- //theme: 'vs-dark',
- automaticLayout: true
- });
- monacoEditors.push({ input, editor });
- });
- });
-};
-export const CodeField = {
- markup: createCodeField,
- init: init,
- data: getData
-};
diff --git a/modules/ui-module/src/main/ts/dist/js/modules/form/field.color.d.ts b/modules/ui-module/src/main/ts/dist/js/modules/form/field.color.d.ts
deleted file mode 100644
index cab0d2e87..000000000
--- a/modules/ui-module/src/main/ts/dist/js/modules/form/field.color.d.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-import { FieldOptions, FormField } from "@cms/modules/form/forms.js";
-export interface ColorFieldOptions extends FieldOptions {
-}
-export declare const ColorField: FormField;
diff --git a/modules/ui-module/src/main/ts/dist/js/modules/form/field.color.js b/modules/ui-module/src/main/ts/dist/js/modules/form/field.color.js
deleted file mode 100644
index 6cfba7fd7..000000000
--- a/modules/ui-module/src/main/ts/dist/js/modules/form/field.color.js
+++ /dev/null
@@ -1,51 +0,0 @@
-/*-
- * #%L
- * UI Module
- * %%
- * Copyright (C) 2023 - 2026 CondationCMS
- * %%
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU Affero General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU Affero General Public License
- * along with this program. If not, see
-
-
-
- `;
-};
-const getColorData = (context) => {
- const data = {};
- if (!context.formElement) {
- return data;
- }
- context.formElement.querySelectorAll("[data-cms-form-field-type='color'] input").forEach((el) => {
- data[el.name] = {
- type: 'color',
- value: el.value
- };
- });
- return data;
-};
-export const ColorField = {
- markup: createColorField,
- init: (context) => { },
- data: getColorData
-};
diff --git a/modules/ui-module/src/main/ts/dist/js/modules/form/field.date.d.ts b/modules/ui-module/src/main/ts/dist/js/modules/form/field.date.d.ts
deleted file mode 100644
index f07e3cc6e..000000000
--- a/modules/ui-module/src/main/ts/dist/js/modules/form/field.date.d.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-import { FieldOptions, FormField } from "@cms/modules/form/forms.js";
-export interface DateFieldOptions extends FieldOptions {
- placeholder?: string;
-}
-export declare const DateField: FormField;
diff --git a/modules/ui-module/src/main/ts/dist/js/modules/form/field.date.js b/modules/ui-module/src/main/ts/dist/js/modules/form/field.date.js
deleted file mode 100644
index 4a090c7e8..000000000
--- a/modules/ui-module/src/main/ts/dist/js/modules/form/field.date.js
+++ /dev/null
@@ -1,60 +0,0 @@
-/*-
- * #%L
- * UI Module
- * %%
- * Copyright (C) 2023 - 2026 CondationCMS
- * %%
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU Affero General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU Affero General Public License
- * along with this program. If not, see
-
-
-
- `;
-};
-const getDateData = (context) => {
- const data = {};
- if (!context.formElement) {
- return data;
- }
- context.formElement.querySelectorAll("[data-cms-form-field-type='date'] input").forEach((el) => {
- const value = getUTCDateFromInput(el); // "2025-05-31"
- data[el.name] = {
- type: "date",
- value: value === "" ? null : value
- }; // Format: "YYYY-MM-DD"
- });
- return data;
-};
-export const DateField = {
- markup: createDateField,
- init: (context) => { },
- data: getDateData
-};
diff --git a/modules/ui-module/src/main/ts/dist/js/modules/form/field.datetime.d.ts b/modules/ui-module/src/main/ts/dist/js/modules/form/field.datetime.d.ts
deleted file mode 100644
index 272202696..000000000
--- a/modules/ui-module/src/main/ts/dist/js/modules/form/field.datetime.d.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-import { FieldOptions, FormField } from "@cms/modules/form/forms.js";
-export interface DateTimeFieldOptions extends FieldOptions {
- placeholder?: string;
-}
-export declare const DateTimeField: FormField;
diff --git a/modules/ui-module/src/main/ts/dist/js/modules/form/field.datetime.js b/modules/ui-module/src/main/ts/dist/js/modules/form/field.datetime.js
deleted file mode 100644
index 8df816d5e..000000000
--- a/modules/ui-module/src/main/ts/dist/js/modules/form/field.datetime.js
+++ /dev/null
@@ -1,60 +0,0 @@
-/*-
- * #%L
- * UI Module
- * %%
- * Copyright (C) 2023 - 2026 CondationCMS
- * %%
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU Affero General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU Affero General Public License
- * along with this program. If not, see
-
-
-
- `;
-};
-const getDateTimeData = (context) => {
- const data = {};
- if (!context.formElement) {
- return data;
- }
- context.formElement.querySelectorAll("[data-cms-form-field-type='datetime'] input").forEach((el) => {
- const value = getUTCDateTimeFromInput(el); // "2025-05-31T15:30"
- data[el.name] = {
- type: 'datetime',
- value: value === "" ? null : value
- };
- });
- return data;
-};
-export const DateTimeField = {
- markup: createDateTimeField,
- init: (context) => { },
- data: getDateTimeData
-};
diff --git a/modules/ui-module/src/main/ts/dist/js/modules/form/field.divider.d.ts b/modules/ui-module/src/main/ts/dist/js/modules/form/field.divider.d.ts
deleted file mode 100644
index f57944c90..000000000
--- a/modules/ui-module/src/main/ts/dist/js/modules/form/field.divider.d.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-import { FieldOptions, FormField } from "@cms/modules/form/forms.js";
-export interface DividerOptions extends FieldOptions {
-}
-export declare const Divider: FormField;
diff --git a/modules/ui-module/src/main/ts/dist/js/modules/form/field.divider.js b/modules/ui-module/src/main/ts/dist/js/modules/form/field.divider.js
deleted file mode 100644
index 2bf07f1bf..000000000
--- a/modules/ui-module/src/main/ts/dist/js/modules/form/field.divider.js
+++ /dev/null
@@ -1,40 +0,0 @@
-/*-
- * #%L
- * UI Module
- * %%
- * Copyright (C) 2023 - 2026 CondationCMS
- * %%
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU Affero General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU Affero General Public License
- * along with this program. If not, see
-
- ${showTitle ? `
- `;
-};
-const getData = (context) => {
- return {}; // Divider liefert keine Daten zurück
-};
-export const Divider = {
- markup: createDivider,
- init: (context) => { },
- data: getData
-};
diff --git a/modules/ui-module/src/main/ts/dist/js/modules/form/field.easymde.d.ts b/modules/ui-module/src/main/ts/dist/js/modules/form/field.easymde.d.ts
deleted file mode 100644
index 9ac807575..000000000
--- a/modules/ui-module/src/main/ts/dist/js/modules/form/field.easymde.d.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-import { FieldOptions, FormField } from "@cms/modules/form/forms.js";
-export interface EasyMDEFieldOptions extends FieldOptions {
-}
-export declare const EasyMDEField: FormField;
diff --git a/modules/ui-module/src/main/ts/dist/js/modules/form/field.easymde.js b/modules/ui-module/src/main/ts/dist/js/modules/form/field.easymde.js
deleted file mode 100644
index 12e86fe6e..000000000
--- a/modules/ui-module/src/main/ts/dist/js/modules/form/field.easymde.js
+++ /dev/null
@@ -1,70 +0,0 @@
-/*-
- * #%L
- * UI Module
- * %%
- * Copyright (C) 2023 - 2026 CondationCMS
- * %%
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU Affero General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU Affero General Public License
- * along with this program. If not, see - ${showTitle ? `
${title}
` : ""}
-
-
-
-
- `;
-};
-const getData = (context) => {
- const data = {};
- if (!context.formElement) {
- return data;
- }
- markdownEditors.forEach(({ input, editor }) => {
- data[input.name] = {
- type: "easymde",
- value: editor.value()
- };
- });
- return data;
-};
-const init = (context) => {
- markdownEditors = [];
- const editorInputs = document.querySelectorAll('[data-cms-form-field-type="easymde"] textarea');
- editorInputs.forEach((input) => {
- const initialValue = decodeURIComponent(input.dataset.initialValue || "");
- input.value = initialValue; // Set initial value for EasyMDE
- const editor = new window.EasyMDE({
- element: input,
- initialValue: initialValue,
- autoDownloadFontAwesome: true,
- spellChecker: false,
- forceSync: true, // keeps textarea value updated
- toolbar: ["bold", "italic", "heading", "|", "quote", "unordered-list", "ordered-list"]
- });
- setTimeout(() => editor.codemirror.refresh(), 500);
- markdownEditors.push({ input, editor });
- });
-};
-export const EasyMDEField = {
- markup: createMarkdownField,
- init: init,
- data: getData
-};
diff --git a/modules/ui-module/src/main/ts/dist/js/modules/form/field.list.d.ts b/modules/ui-module/src/main/ts/dist/js/modules/form/field.list.d.ts
deleted file mode 100644
index 7bfcc69a9..000000000
--- a/modules/ui-module/src/main/ts/dist/js/modules/form/field.list.d.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-import { FieldOptions, FormField } from "@cms/modules/form/forms.js";
-export interface ListFieldOptions extends FieldOptions {
- options: {
- nameField?: string;
- };
-}
-export declare const ListField: FormField;
diff --git a/modules/ui-module/src/main/ts/dist/js/modules/form/field.list.js b/modules/ui-module/src/main/ts/dist/js/modules/form/field.list.js
deleted file mode 100644
index b7b60256e..000000000
--- a/modules/ui-module/src/main/ts/dist/js/modules/form/field.list.js
+++ /dev/null
@@ -1,193 +0,0 @@
-/*-
- * #%L
- * UI Module
- * %%
- * Copyright (C) 2023 - 2026 CondationCMS
- * %%
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU Affero General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU Affero General Public License
- * along with this program. If not, see
- ${item[nameField]}
-
-
- `;
- }).join('\n');
- }
- return `
-
-
-
- `;
-};
-const handleAddItem = (e, container, context) => {
- e.preventDefault();
- const listGroup = container.querySelector(".list-group");
- if (!listGroup)
- return;
- const itemId = createID();
- const nameField = container.getAttribute('data-name-field') || 'name';
- const newItem = { [nameField]: "New Item" };
- const itemMarkup = `
-
- ${items}
-
-
-
- ${newItem[nameField]}
-
-
- `;
- listGroup.insertAdjacentHTML("beforeend", itemMarkup);
- const itemElement = listGroup.querySelector(`[data-cms-form-field-item="${itemId}"]`);
- if (itemElement) {
- itemElement.addEventListener('dblclick', (e) => handleDoubleClick(e, context));
- const removeBtn = itemElement.querySelector('.remove-btn');
- if (removeBtn) {
- removeBtn.addEventListener('click', () => {
- itemElement.remove();
- });
- }
- }
-};
-const getItemForm = async (el) => {
- var pageTemplates = (await getPageTemplates({})).result;
- const contentNode = await getContentNode({
- url: getPreviewUrl()
- });
- const getContentResponse = await getContent({
- uri: contentNode.result.uri
- });
- var selected = pageTemplates.filter((pageTemplate) => pageTemplate.template === getContentResponse?.result?.meta?.template);
- const listContainer = el.closest("[data-cms-form-field-type='list']");
- const fieldName = listContainer?.getAttribute('name');
- var itemForm = [];
- if (selected.length === 1) {
- itemForm = (fieldName && selected[0].data?.forms[fieldName]) ? selected[0].data.forms[fieldName].fields : [];
- }
- if (!itemForm || itemForm.length === 0) {
- let itemTypes = (await getListItemTypes({})).result;
- var selectedItemType = itemTypes.filter((itemType) => itemType.name === fieldName);
- itemForm = (selectedItemType.length === 1) ? selectedItemType[0].data?.form.fields : [];
- }
- return itemForm;
-};
-const handleDoubleClick = async (event, context) => {
- event.preventDefault();
- const el = event.currentTarget;
- const itemDataString = el.getAttribute('data-cms-form-field-item-data');
- if (itemDataString) {
- const itemData = JSON.parse(itemDataString);
- var itemForm = await getItemForm(el);
- const form = createForm({
- fields: itemForm,
- values: {
- ...buildValuesFromFields(itemForm, itemData)
- }
- });
- openModal({
- title: 'Edit Item',
- fullscreen: true,
- form: form,
- onCancel: (event) => { },
- onOk: async (event) => {
- var updateData = form.getRawData();
- el.setAttribute('data-cms-form-field-item-data', JSON.stringify(updateData));
- const listContainer = el.closest("[data-cms-form-field-type='list']");
- const nameField = listContainer?.getAttribute('data-name-field') || 'name';
- const objectNameEl = el.querySelector('.object-name');
- if (!objectNameEl)
- return;
- objectNameEl.textContent = updateData[nameField] || "";
- }
- });
- }
-};
-const getData = (context) => {
- var data = {};
- if (!context.formElement) {
- return data;
- }
- context.formElement.querySelectorAll("[data-cms-form-field-type='list']").forEach((el) => {
- let value = [];
- el.querySelectorAll("[data-cms-form-field-item]").forEach((itemEl) => {
- const itemData = itemEl.getAttribute('data-cms-form-field-item-data');
- if (itemData) {
- value.push(JSON.parse(itemData));
- }
- });
- const fieldName = el.getAttribute('name');
- if (fieldName) {
- data[fieldName] = {
- type: 'list',
- value: value
- };
- }
- });
- return data;
-};
-const init = (context) => {
- context.formElement?.querySelectorAll("[data-cms-form-field-type='list']").forEach(listContainer => {
- listContainer.querySelectorAll("[data-cms-form-field-item]").forEach(field => {
- field.addEventListener('dblclick', (e) => handleDoubleClick(e, context));
- // Remove-Button-Listener setzen
- const removeBtn = field.querySelector('.remove-btn');
- if (removeBtn) {
- removeBtn.addEventListener('click', () => {
- field.remove();
- });
- }
- });
- // Event-Listener für den "Add"-Button hinzufügen
- const addButton = listContainer.querySelector("[data-cms-form-field-item-add-btn]");
- if (addButton) {
- addButton.addEventListener("click", (e) => handleAddItem(e, listContainer, context));
- }
- });
-};
-export const ListField = {
- markup: createListField,
- init: init,
- data: getData
-};
diff --git a/modules/ui-module/src/main/ts/dist/js/modules/form/field.mail.d.ts b/modules/ui-module/src/main/ts/dist/js/modules/form/field.mail.d.ts
deleted file mode 100644
index 36f178178..000000000
--- a/modules/ui-module/src/main/ts/dist/js/modules/form/field.mail.d.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-import { FieldOptions, FormField } from "@cms/modules/form/forms.js";
-export interface MailFieldOptions extends FieldOptions {
- placeholder?: string;
-}
-export declare const MailField: FormField;
diff --git a/modules/ui-module/src/main/ts/dist/js/modules/form/field.mail.js b/modules/ui-module/src/main/ts/dist/js/modules/form/field.mail.js
deleted file mode 100644
index cb4651b92..000000000
--- a/modules/ui-module/src/main/ts/dist/js/modules/form/field.mail.js
+++ /dev/null
@@ -1,53 +0,0 @@
-/*-
- * #%L
- * UI Module
- * %%
- * Copyright (C) 2023 - 2026 CondationCMS
- * %%
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU Affero General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU Affero General Public License
- * along with this program. If not, see
-
-
-
- `;
-};
-const getData = (context) => {
- var data = {};
- if (!context.formElement) {
- return data;
- }
- context.formElement.querySelectorAll("[data-cms-form-field-type='mail'] input").forEach((el) => {
- let value = el.value;
- data[el.name] = {
- type: 'mail',
- value: value
- };
- });
- return data;
-};
-export const MailField = {
- markup: createEmailField,
- init: (context) => { },
- data: getData
-};
diff --git a/modules/ui-module/src/main/ts/dist/js/modules/form/field.markdown.d.ts b/modules/ui-module/src/main/ts/dist/js/modules/form/field.markdown.d.ts
deleted file mode 100644
index 32fc0b8bf..000000000
--- a/modules/ui-module/src/main/ts/dist/js/modules/form/field.markdown.d.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { FieldOptions, FormField } from "@cms/modules/form/forms.js";
-declare global {
- interface HTMLInputElement {
- cherryEditor?: any;
- }
-}
-export interface MarkdownFieldOptions extends FieldOptions {
- placeholder?: string;
- height?: string;
-}
-export declare const MarkdownField: FormField;
diff --git a/modules/ui-module/src/main/ts/dist/js/modules/form/field.markdown.js b/modules/ui-module/src/main/ts/dist/js/modules/form/field.markdown.js
deleted file mode 100644
index 776ad5319..000000000
--- a/modules/ui-module/src/main/ts/dist/js/modules/form/field.markdown.js
+++ /dev/null
@@ -1,189 +0,0 @@
-/*-
- * #%L
- * UI Module
- * %%
- * Copyright (C) 2023 - 2026 CondationCMS
- * %%
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU Affero General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU Affero General Public License
- * along with this program. If not, see
-
-
-
-
- `;
-};
-const getData = (context) => {
- const data = {};
- const formElement = context.formElement;
- if (!formElement) {
- return data;
- }
- const editorInputs = formElement.querySelectorAll('[data-cms-form-field-type="markdown"] input');
- editorInputs.forEach((input) => {
- const editor = input.cherryEditor;
- if (editor && editor.getMarkdown) {
- data[input.name] = {
- type: "markdown",
- value: editor.getMarkdown()
- };
- }
- else {
- // Fallback: leerer Wert, falls Editor nicht initialisiert
- data[input.name] = {
- type: "markdown",
- value: ""
- };
- }
- });
- return data;
-};
-const init = async (context) => {
- const formElement = context.formElement;
- if (!formElement) {
- return;
- }
- const cmsShortCodesMenu = await buildCmsShortCodesMenu();
- const editorInputs = formElement.querySelectorAll('[data-cms-form-field-type="markdown"] input');
- editorInputs.forEach((input) => {
- const containerId = input.dataset.cherryId;
- const initialValue = decodeURIComponent(input.dataset.initialValue || "");
- const editor = new window.Cherry({
- id: containerId,
- value: initialValue,
- height: '100%',
- locale: 'en_US',
- editor: {
- defaultModel: 'editOnly'
- },
- toolbars: {
- toolbar: [
- 'bold',
- 'italic',
- 'strikethrough',
- '|',
- 'color',
- 'header',
- '|',
- 'list',
- 'code',
- '|',
- 'cmsImageSelection',
- 'cmsShortCodesMenu',
- ],
- bubble: ['bold', 'italic', 'underline', 'strikethrough', 'sub', 'sup', 'quote', '|', 'size', 'color'], // array or false
- float: ['h1', 'h2', 'h3', '|', 'checklist', 'table', 'code'],
- customMenu: {
- cmsShortCodesMenu: cmsShortCodesMenu,
- cmsImageSelection: cmsImageSelection
- },
- }
- });
- input.cherryEditor = editor;
- });
-};
-export const MarkdownField = {
- markup: createMarkdownField,
- init: init,
- data: getData
-};
-// Helper-Funktion
-const getEditorFromEvent = (event) => {
- const editorContainer = event.target.closest('.cherry-editor-container');
- if (!editorContainer)
- return null;
- const input = document.querySelector(`input[data-cherry-id="${editorContainer.id}"]`);
- return input ? input.cherryEditor : null;
-};
-const buildCmsShortCodesMenu = async () => {
- const response = await getShortCodeNames({});
- const shortCodeNames = response.result || [];
- const submenuConfig = shortCodeNames.map((shortCode) => ({
- name: shortCode.charAt(0).toUpperCase() + shortCode.slice(1),
- value: shortCode,
- noIcon: true,
- onclick: (event) => {
- const editor = getEditorFromEvent(event);
- if (editor) {
- editor.toolbar.menus.hooks["cmsShortCodesMenu"].fire(null, shortCode);
- }
- }
- }));
- return window.Cherry.createMenuHook("CMS-ShortCodes", {
- title: "CMS Short Codes",
- onClick: (selection, shortCode) => {
- return `[[${shortCode}]]${selection || ""}[[/${shortCode}]]`;
- },
- subMenuConfig: submenuConfig
- });
-};
-const cmsImageSelection = window.Cherry.createMenuHook("Image", {
- iconName: "image",
- title: "Image",
- onClick: (selection, name, event) => {
- openFileBrowser({
- type: "assets",
- fullscreen: false,
- filter: (file) => {
- return file.media || file.directory;
- },
- onSelect: async (file) => {
- if (file && file.uri) {
- var value = file.uri; // Use the file's URI
- if (file.uri.startsWith("/")) {
- value = file.uri.substring(1); // Remove leading slash if present
- }
- var imageUrl = value;
- if (value && value != '') {
- imageUrl = patchPathWithContext("/media/" + value);
- }
- let altText = file.title || file.name || "Image";
- // select media format
- var mediaFormats = (await getMediaFormats({})).result || [];
- var formatOptions = {};
- formatOptions["original"] = "Original";
- mediaFormats.forEach((format) => {
- formatOptions[format.name] = format.name;
- });
- var selectedFormat = await alertSelect({
- title: i18n.t("form.media.format.title", "Select Media Format"),
- values: formatOptions
- });
- if (selectedFormat && selectedFormat !== "original") {
- imageUrl += "?format=" + selectedFormat;
- }
- const editor = getEditorFromEvent(event);
- const cm = editor.editor?.editor;
- if (cm) {
- const markdown = ``;
- cm.replaceSelection(markdown, "end");
- cm.focus();
- }
- }
- }
- });
- }
-});
diff --git a/modules/ui-module/src/main/ts/dist/js/modules/form/field.media.d.ts b/modules/ui-module/src/main/ts/dist/js/modules/form/field.media.d.ts
deleted file mode 100644
index b359b73f0..000000000
--- a/modules/ui-module/src/main/ts/dist/js/modules/form/field.media.d.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-import { FieldOptions, FormField } from "@cms/modules/form/forms.js";
-export interface MediaFieldOptions extends FieldOptions {
-}
-export declare const MediaField: FormField;
diff --git a/modules/ui-module/src/main/ts/dist/js/modules/form/field.media.js b/modules/ui-module/src/main/ts/dist/js/modules/form/field.media.js
deleted file mode 100644
index 653d4ab9e..000000000
--- a/modules/ui-module/src/main/ts/dist/js/modules/form/field.media.js
+++ /dev/null
@@ -1,177 +0,0 @@
-/*-
- * #%L
- * UI Module
- * %%
- * Copyright (C) 2023 - 2026 CondationCMS
- * %%
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU Affero General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU Affero General Public License
- * along with this program. If not, see
-
- `;
-};
-const getData = (context) => {
- const data = {};
- if (!context.formElement) {
- return data;
- }
- context.formElement.querySelectorAll("[data-cms-form-field-type='media']").forEach(wrapper => {
- const input = wrapper.querySelector(".cms-media-input-value");
- if (input) {
- data[input.name] = {
- type: 'media',
- value: input.value
- };
- }
- });
- return data;
-};
-const init = (context) => {
- if (!context.formElement) {
- return;
- }
- context.formElement.querySelectorAll("[data-cms-form-field-type='media']").forEach(wrapper => {
- const dropZone = wrapper.querySelector(".cms-drop-zone");
- const input = wrapper.querySelector(".cms-media-input");
- const preview = wrapper.querySelector(".cms-media-image");
- const openMediaManager = wrapper.querySelector(".cms-media-button");
- if (!input || !dropZone || !preview || !openMediaManager)
- return;
- // Handle file drop
- dropZone.addEventListener("dragover", (e) => {
- e.preventDefault();
- e.stopPropagation();
- dropZone.classList.add("drag-over");
- });
- dropZone.addEventListener("dragleave", (e) => {
- e.preventDefault();
- e.stopPropagation();
- dropZone.classList.remove("drag-over");
- });
- dropZone.addEventListener("drop", (e) => {
- e.preventDefault();
- e.stopPropagation();
- dropZone.classList.remove("drag-over");
- if (e.dataTransfer.files.length > 0) {
- input.files = e.dataTransfer.files;
- preview.src = URL.createObjectURL(e.dataTransfer.files[0]);
- var file = e.dataTransfer.files[0];
- handleUpload(wrapper, file);
- }
- });
- // Handle click to open file chooser
- //dropZone.addEventListener("click", () => input.click());
- // Handle file selection
- input.addEventListener("change", (e) => {
- if (e.target === null) {
- return;
- }
- var inputElement = e.target;
- if (inputElement.files == null) {
- return;
- }
- const file = inputElement.files[0];
- if (file) {
- preview.src = URL.createObjectURL(file);
- handleUpload(wrapper, file);
- }
- });
- // Handle MediaManager button robust: remove old handler, use onclick
- openMediaManager.onclick = null;
- openMediaManager.onclick = () => {
- openFileBrowser({
- type: "assets",
- filter: (file) => {
- return file.media || file.directory;
- },
- onSelect: (file) => {
- const preview = wrapper.querySelector(".cms-media-image");
- const inputValue = wrapper.querySelector(".cms-media-input-value");
- if (file && file.uri) {
- var value = file.uri; // Use the file's URI
- if (file.uri.startsWith("/")) {
- value = file.uri.substring(1); // Remove leading slash if present
- }
- inputValue.value = value; // Set the input value to the selected file's name
- var previewUrl = value;
- if (value && value != '') {
- previewUrl = patchPathWithContext("/assets/" + value);
- }
- else {
- previewUrl = "https://placehold.co/100x100";
- }
- preview.src = previewUrl; // Update the preview image
- }
- }
- });
- };
- });
-};
-const handleUpload = (wrapper, file) => {
- const inputValue = wrapper.querySelector(".cms-media-input-value");
- uploadFileWithProgress({
- uploadEndpoint: "/manager/upload2",
- file: file,
- uri: "not relevant for media fields",
- onProgress: (percent) => {
- console.log(`Upload progress: ${percent}%`);
- },
- onSuccess: (data) => {
- if (data.filename) {
- inputValue.value = data.filename; // Set the input value to the uploaded file's name
- }
- },
- onError: (error) => {
- console.error("Upload failed:", error);
- }
- });
-};
-export const MediaField = {
- markup: createMediaField,
- init: init,
- data: getData
-};
diff --git a/modules/ui-module/src/main/ts/dist/js/modules/form/field.number.d.ts b/modules/ui-module/src/main/ts/dist/js/modules/form/field.number.d.ts
deleted file mode 100644
index c034ebbc7..000000000
--- a/modules/ui-module/src/main/ts/dist/js/modules/form/field.number.d.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import { FieldOptions, FormField } from "@cms/modules/form/forms.js";
-export interface NumberFieldOptions extends FieldOptions {
- options: {
- min?: number;
- max?: number;
- step?: number;
- };
- placeholder?: string;
-}
-export declare const NumberField: FormField;
diff --git a/modules/ui-module/src/main/ts/dist/js/modules/form/field.number.js b/modules/ui-module/src/main/ts/dist/js/modules/form/field.number.js
deleted file mode 100644
index 10f481286..000000000
--- a/modules/ui-module/src/main/ts/dist/js/modules/form/field.number.js
+++ /dev/null
@@ -1,57 +0,0 @@
-/*-
- * #%L
- * UI Module
- * %%
- * Copyright (C) 2023 - 2026 CondationCMS
- * %%
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU Affero General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU Affero General Public License
- * along with this program. If not, see
-
-
- 
-
-
-
-
-
-
-
-
-
- `;
-};
-const getData = (context) => {
- const data = {};
- const formElement = context.formElement;
- if (!formElement) {
- return data;
- }
- formElement.querySelectorAll("[data-cms-form-field-type='number'] input").forEach((el) => {
- const value = el.value;
- data[el.name] = {
- type: 'number',
- value: value !== '' ? Number(value) : null
- };
- });
- return data;
-};
-export const NumberField = {
- markup: createNumberField,
- init: (context) => { },
- data: getData
-};
diff --git a/modules/ui-module/src/main/ts/dist/js/modules/form/field.radio.d.ts b/modules/ui-module/src/main/ts/dist/js/modules/form/field.radio.d.ts
deleted file mode 100644
index a238a4826..000000000
--- a/modules/ui-module/src/main/ts/dist/js/modules/form/field.radio.d.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import { FieldOptions, FormField } from "@cms/modules/form/forms.js";
-export interface RadioFieldOptions extends FieldOptions {
- options?: {
- choices: Array<{
- label: string;
- value: string;
- }>;
- };
-}
-export declare const RadioField: FormField;
diff --git a/modules/ui-module/src/main/ts/dist/js/modules/form/field.radio.js b/modules/ui-module/src/main/ts/dist/js/modules/form/field.radio.js
deleted file mode 100644
index 9412f5aa5..000000000
--- a/modules/ui-module/src/main/ts/dist/js/modules/form/field.radio.js
+++ /dev/null
@@ -1,70 +0,0 @@
-/*-
- * #%L
- * UI Module
- * %%
- * Copyright (C) 2023 - 2026 CondationCMS
- * %%
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU Affero General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU Affero General Public License
- * along with this program. If not, see
-
-
-
- `;
- }).join('');
- return `
-
-
- ${radios}
-
- `;
-};
-const getData = (context) => {
- const data = {};
- const formElement = context.formElement;
- if (!formElement) {
- return data;
- }
- formElement.querySelectorAll("[data-cms-form-field-type='radio']").forEach(container => {
- const name = container.querySelector("input[type='radio']").name;
- const checked = container.querySelector("input[type='radio']:checked");
- if (checked) {
- data[name] = {
- type: 'radio',
- value: checked.value
- };
- }
- });
- return data;
-};
-export const RadioField = {
- markup: createRadioField,
- init: (context) => { },
- data: getData
-};
diff --git a/modules/ui-module/src/main/ts/dist/js/modules/form/field.range.d.ts b/modules/ui-module/src/main/ts/dist/js/modules/form/field.range.d.ts
deleted file mode 100644
index 47e6c847c..000000000
--- a/modules/ui-module/src/main/ts/dist/js/modules/form/field.range.d.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { FieldOptions, FormField } from "@cms/modules/form/forms.js";
-export interface RangeFieldOptions extends FieldOptions {
- options?: {
- min?: number;
- max?: number;
- step?: number;
- };
-}
-export declare const RangeField: FormField;
diff --git a/modules/ui-module/src/main/ts/dist/js/modules/form/field.range.js b/modules/ui-module/src/main/ts/dist/js/modules/form/field.range.js
deleted file mode 100644
index 19485a951..000000000
--- a/modules/ui-module/src/main/ts/dist/js/modules/form/field.range.js
+++ /dev/null
@@ -1,57 +0,0 @@
-/*-
- * #%L
- * UI Module
- * %%
- * Copyright (C) 2023 - 2026 CondationCMS
- * %%
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU Affero General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU Affero General Public License
- * along with this program. If not, see
-
-
-
- `;
-};
-const getData = (context) => {
- const data = {};
- const formElement = context.formElement;
- if (!formElement) {
- return data;
- }
- formElement.querySelectorAll("[data-cms-form-field-type='range'] input").forEach((el) => {
- data[el.name] = {
- type: 'range',
- value: parseFloat(el.value)
- };
- });
- return data;
-};
-export const RangeField = {
- markup: createRangeField,
- init: (context) => { },
- data: getData
-};
diff --git a/modules/ui-module/src/main/ts/dist/js/modules/form/field.reference.d.ts b/modules/ui-module/src/main/ts/dist/js/modules/form/field.reference.d.ts
deleted file mode 100644
index 7f1b0b8c4..000000000
--- a/modules/ui-module/src/main/ts/dist/js/modules/form/field.reference.d.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-import { FieldOptions, FormField } from "@cms/modules/form/forms.js";
-export interface ReferenceFieldOptions extends FieldOptions {
- options?: {
- siteid?: string;
- };
-}
-export declare const ReferenceField: FormField;
diff --git a/modules/ui-module/src/main/ts/dist/js/modules/form/field.reference.js b/modules/ui-module/src/main/ts/dist/js/modules/form/field.reference.js
deleted file mode 100644
index 958b62884..000000000
--- a/modules/ui-module/src/main/ts/dist/js/modules/form/field.reference.js
+++ /dev/null
@@ -1,101 +0,0 @@
-/*-
- * #%L
- * UI Module
- * %%
- * Copyright (C) 2023 - 2026 CondationCMS
- * %%
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU Affero General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU Affero General Public License
- * along with this program. If not, see
-
- `;
-};
-const getData = (context) => {
- const data = {};
- const formElement = context.formElement;
- if (!formElement) {
- return data;
- }
- formElement.querySelectorAll("[data-cms-form-field-type='reference'] input").forEach((el) => {
- let value = el.value;
- data[el.name] = {
- type: 'reference',
- value: value
- };
- });
- return data;
-};
-const init = (context) => {
- const formElement = context.formElement;
- if (!formElement) {
- return;
- }
- formElement.querySelectorAll("[data-cms-form-field-type='reference']").forEach(wrapper => {
- const fileManager = wrapper.querySelector(".cms-reference-button");
- if (!fileManager)
- return;
- let parsedField = null;
- const raw = wrapper.dataset.cmsFieldOptions;
- if (raw) {
- try {
- parsedField = JSON.parse(raw);
- }
- catch (e) {
- console.warn("Invalid field options JSON", e);
- }
- }
- const siteid = parsedField?.options?.siteid ?? undefined;
- // Handle MediaManager button robust: remove old handler, use onclick
- fileManager.onclick = null;
- fileManager.onclick = () => {
- openFileBrowser({
- type: "content",
- siteid: siteid,
- filter: (file) => {
- return file.content || file.directory;
- },
- onSelect: (file) => {
- const inputValue = wrapper.querySelector(".cms-reference-input-value");
- if (file && file.uri) {
- var value = file.uri; // Use the file's URI
- inputValue.value = value; // Set the input value to the selected file's name
- }
- }
- });
- };
- });
-};
-export const ReferenceField = {
- markup: createReferenceField,
- init: init,
- data: getData
-};
diff --git a/modules/ui-module/src/main/ts/dist/js/modules/form/field.select.d.ts b/modules/ui-module/src/main/ts/dist/js/modules/form/field.select.d.ts
deleted file mode 100644
index c781deccb..000000000
--- a/modules/ui-module/src/main/ts/dist/js/modules/form/field.select.d.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import { FieldOptions, FormField } from "@cms/modules/form/forms.js";
-export interface SelectFieldOptions extends FieldOptions {
- options?: {
- choices?: Array
-
-
-
-
-
-
-
-
-
-
- `;
-};
-const getData = (context) => {
- const data = {};
- context.formElement?.
- querySelectorAll("[data-cms-form-field-type='select'] select")
- .forEach((el) => {
- let value = el.value;
- // optional: type-konvertierung, aber fallback ist immer der echte Wert
- if (value === 'true') {
- value = true;
- }
- else if (value === 'false') {
- value = false;
- }
- data[el.name] = {
- type: 'select',
- value: value
- };
- });
- return data;
-};
-export const SelectField = {
- markup: createSelectField,
- init: (context) => { },
- data: getData
-};
diff --git a/modules/ui-module/src/main/ts/dist/js/modules/form/field.text.d.ts b/modules/ui-module/src/main/ts/dist/js/modules/form/field.text.d.ts
deleted file mode 100644
index b406c7cf8..000000000
--- a/modules/ui-module/src/main/ts/dist/js/modules/form/field.text.d.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-import { FieldOptions, FormField } from "@cms/modules/form/forms.js";
-export interface TextFieldOptions extends FieldOptions {
- placeholder?: string;
-}
-export declare const TextField: FormField;
diff --git a/modules/ui-module/src/main/ts/dist/js/modules/form/field.text.js b/modules/ui-module/src/main/ts/dist/js/modules/form/field.text.js
deleted file mode 100644
index 0c01a7971..000000000
--- a/modules/ui-module/src/main/ts/dist/js/modules/form/field.text.js
+++ /dev/null
@@ -1,53 +0,0 @@
-/*-
- * #%L
- * UI Module
- * %%
- * Copyright (C) 2023 - 2026 CondationCMS
- * %%
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU Affero General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU Affero General Public License
- * along with this program. If not, see
-
-
-
- `;
-};
-const getData = (context) => {
- var data = {};
- if (!context.formElement) {
- return data;
- }
- context.formElement.querySelectorAll("[data-cms-form-field-type='text'] input").forEach((el) => {
- let value = el.value;
- data[el.name] = {
- type: 'text',
- value: value
- };
- });
- return data;
-};
-export const TextField = {
- markup: createTextField,
- init: (context) => { },
- data: getData
-};
diff --git a/modules/ui-module/src/main/ts/dist/js/modules/form/field.textarea.d.ts b/modules/ui-module/src/main/ts/dist/js/modules/form/field.textarea.d.ts
deleted file mode 100644
index f83d21361..000000000
--- a/modules/ui-module/src/main/ts/dist/js/modules/form/field.textarea.d.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-import { FieldOptions, FormField } from "@cms/modules/form/forms.js";
-export interface TextAreaFieldOptions extends FieldOptions {
- rows?: number;
-}
-export declare const TextAreaField: FormField;
diff --git a/modules/ui-module/src/main/ts/dist/js/modules/form/field.textarea.js b/modules/ui-module/src/main/ts/dist/js/modules/form/field.textarea.js
deleted file mode 100644
index a26c4bb31..000000000
--- a/modules/ui-module/src/main/ts/dist/js/modules/form/field.textarea.js
+++ /dev/null
@@ -1,54 +0,0 @@
-/*-
- * #%L
- * UI Module
- * %%
- * Copyright (C) 2023 - 2026 CondationCMS
- * %%
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU Affero General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU Affero General Public License
- * along with this program. If not, see
-
-
-
- `;
-};
-const getData = (context) => {
- var data = {};
- if (context.formElement === null) {
- console.error('Form element not found.');
- return data;
- }
- context.formElement.querySelectorAll("[data-cms-form-field-type='text'] textarea").forEach((el) => {
- let value = el.value;
- data[el.name] = {
- type: 'textarea',
- value: value
- };
- });
- return data;
-};
-export const TextAreaField = {
- markup: createTextAreaField,
- init: (context) => { },
- data: getData
-};
diff --git a/modules/ui-module/src/main/ts/dist/js/modules/form/forms.d.ts b/modules/ui-module/src/main/ts/dist/js/modules/form/forms.d.ts
deleted file mode 100644
index a20eefd41..000000000
--- a/modules/ui-module/src/main/ts/dist/js/modules/form/forms.d.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-declare const createForm: (options: any) => Form;
-export { createForm };
-export interface FormContext {
- formElement: HTMLFormElement | null;
- fields: any[];
-}
-export interface Form {
- init: (container: Element | string) => void;
- getData: () => any;
- getRawData: () => any;
-}
-export interface FormField {
- markup: (options: FieldOptions, value?: any) => string;
- init: (context: FormContext) => void;
- data: (context: FormContext) => any;
-}
-export interface FieldOptions {
- name?: string;
- title?: string;
-}
diff --git a/modules/ui-module/src/main/ts/dist/js/modules/form/forms.js b/modules/ui-module/src/main/ts/dist/js/modules/form/forms.js
deleted file mode 100644
index ea091c80c..000000000
--- a/modules/ui-module/src/main/ts/dist/js/modules/form/forms.js
+++ /dev/null
@@ -1,183 +0,0 @@
-/*-
- * #%L
- * UI Module
- * %%
- * Copyright (C) 2023 - 2026 CondationCMS
- * %%
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU Affero General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU Affero General Public License
- * along with this program. If not, see
- ${isResizable ? '' : ''}
-
- `;
- const container = document.getElementById('sidebarContainer');
- container.innerHTML = sidebarHtml;
- if (options.form) {
- options.form.init("#sidebarBodyContainer");
- }
- const sidebarElement = document.getElementById(sidebarId);
- // Setze initiale Breite nur für resizable sidebar
- if (isResizable) {
- sidebarElement.style.width = (options.initialWidth || 400) + 'px';
- }
- const sidebarInstance = new bootstrap.Offcanvas(sidebarElement, {
- backdrop: 'static',
- keyboard: options.keyboard ?? false
- });
- sidebarInstance.show();
- // Fix für Modals über Offcanvas
- const handleModalShow = (e) => {
- const modal = e.target;
- const modalBackdrop = document.querySelector('.modal-backdrop:last-of-type');
- // Setze höhere z-index Werte
- modal.style.zIndex = '1080';
- if (modalBackdrop) {
- modalBackdrop.style.zIndex = '1070';
- }
- // Reduziere Offcanvas z-index temporär
- sidebarElement.style.zIndex = '1050';
- const offcanvasBackdrop = document.querySelector('.offcanvas-backdrop');
- if (offcanvasBackdrop) {
- offcanvasBackdrop.style.zIndex = '1045';
- }
- };
- const handleModalHide = () => {
- // Stelle Offcanvas z-index wieder her
- sidebarElement.style.zIndex = '';
- const offcanvasBackdrop = document.querySelector('.offcanvas-backdrop');
- if (offcanvasBackdrop) {
- offcanvasBackdrop.style.zIndex = '';
- }
- };
- // Event Listener für alle Modals
- document.addEventListener('show.bs.modal', handleModalShow);
- document.addEventListener('hidden.bs.modal', handleModalHide);
- // Buttons
- document.getElementById(`${sidebarId}_cancelBtn`).addEventListener('click', () => {
- sidebarInstance.hide();
- if (typeof options.onCancel === 'function')
- options.onCancel();
- });
- document.getElementById(`${sidebarId}_okBtn`).addEventListener('click', () => {
- sidebarInstance.hide();
- if (typeof options.onOk === 'function')
- options.onOk();
- });
- // Resize-Funktion (nur bei "end"-Position UND resizable === true)
- let mouseMoveHandler, mouseUpHandler;
- if (isResizable) {
- const handle = sidebarElement.querySelector('.cms-resize-handle');
- let isResizing = false;
- const mouseDownHandler = (e) => {
- isResizing = true;
- sidebarElement.classList.add('is-resizing');
- document.body.classList.add('resizing-sidebar');
- };
- mouseMoveHandler = (e) => {
- if (!isResizing)
- return;
- const newWidth = window.innerWidth - e.clientX;
- const clampedWidth = Math.min(Math.max(newWidth, 250), window.innerWidth * 0.9);
- sidebarElement.style.width = clampedWidth + 'px';
- };
- mouseUpHandler = () => {
- if (isResizing) {
- isResizing = false;
- sidebarElement.classList.remove('is-resizing');
- document.body.classList.remove('resizing-sidebar');
- }
- };
- handle.addEventListener('mousedown', mouseDownHandler);
- document.addEventListener('mousemove', mouseMoveHandler);
- document.addEventListener('mouseup', mouseUpHandler);
- }
- // Cleanup
- sidebarElement.addEventListener('hidden.bs.offcanvas', () => {
- // Entferne Modal Event-Listener
- document.removeEventListener('show.bs.modal', handleModalShow);
- document.removeEventListener('hidden.bs.modal', handleModalHide);
- // Entferne Resize Event-Listener
- if (mouseMoveHandler)
- document.removeEventListener('mousemove', mouseMoveHandler);
- if (mouseUpHandler)
- document.removeEventListener('mouseup', mouseUpHandler);
- // Cleanup body classes
- document.body.classList.remove('resizing-sidebar');
- // Cleanup DOM
- container.innerHTML = '';
- });
-};
-export { openSidebar };
diff --git a/modules/ui-module/src/main/ts/dist/js/modules/state.d.ts b/modules/ui-module/src/main/ts/dist/js/modules/state.d.ts
deleted file mode 100644
index 7d224a238..000000000
--- a/modules/ui-module/src/main/ts/dist/js/modules/state.d.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-declare class State {
- constructor(initialState?: {});
- state: {};
- observers: any[];
- observe(observer: any): void;
- unobserve(observer: any): void;
-}
diff --git a/modules/ui-module/src/main/ts/dist/js/modules/state.js b/modules/ui-module/src/main/ts/dist/js/modules/state.js
deleted file mode 100644
index a0988236f..000000000
--- a/modules/ui-module/src/main/ts/dist/js/modules/state.js
+++ /dev/null
@@ -1,67 +0,0 @@
-"use strict";
-/*-
- * #%L
- * UI Module
- * %%
- * Copyright (C) 2023 - 2026 CondationCMS
- * %%
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU Affero General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU Affero General Public License
- * along with this program. If not, see
-
- ${options.title || 'Sidebar Title'}
- -
- ${options.body || '
-
- Sidebar content
'} -
-
`;
- container.insertAdjacentHTML('beforeend', toastHtml);
- const toastElement = document.getElementById(toastId);
- const toastInstance = new bootstrap.Toast(toastElement, {
- autohide: true,
- delay: timeout
- });
- toastInstance.show();
- toastElement.addEventListener('hidden.bs.toast', () => {
- toastElement.remove();
- if (typeof options.onClose === 'function') {
- options.onClose();
- }
- });
-};
-export { showToast };
diff --git a/modules/ui-module/src/main/ts/dist/js/modules/ui-state.d.ts b/modules/ui-module/src/main/ts/dist/js/modules/ui-state.d.ts
deleted file mode 100644
index d064b5d45..000000000
--- a/modules/ui-module/src/main/ts/dist/js/modules/ui-state.d.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-export namespace UIStateManager {
- function setTabState(key: any, value: any): void;
- function getTabState(key: any, defaultValue?: null): any;
- function setLocale(locale: any): void;
- function getLocale(): any;
- function removeTabState(key: any): void;
- function setAuthToken(token: any): void;
- function getAuthToken(): string | null;
- function clearAuthToken(): void;
-}
diff --git a/modules/ui-module/src/main/ts/dist/js/modules/ui-state.js b/modules/ui-module/src/main/ts/dist/js/modules/ui-state.js
deleted file mode 100644
index b0b34fd1c..000000000
--- a/modules/ui-module/src/main/ts/dist/js/modules/ui-state.js
+++ /dev/null
@@ -1,56 +0,0 @@
-/*-
- * #%L
- * UI Module
- * %%
- * Copyright (C) 2023 - 2026 CondationCMS
- * %%
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU Affero General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU Affero General Public License
- * along with this program. If not, see
-
-
- ${title}
${message} -
-
- ${message} -
${index + 1}
- ${step.title || i18n.t('wizard.step', 'Step')} ${index + 1}
- `;
- indicatorContainer.appendChild(stepNode);
- });
-};
-const openWizard = (optionsParam) => {
- const wizardId = 'wizard_' + Date.now();
- const options = {
- ...defaultOptions,
- ...optionsParam,
- };
- const steps = Array.isArray(options.steps) ? options.steps : [];
- let currentStep = 0;
- let fullscreen = '';
- if (options.fullscreen) {
- fullscreen = 'modal-fullscreen';
- }
- let size = '';
- if (options.size) {
- size = 'modal-' + options.size;
- }
- const modalHtml = `
- `;
- const container = document.getElementById('modalContainer');
- const modalDiv = document.createElement('div');
- modalDiv.innerHTML = modalHtml.trim();
- const modalNode = modalDiv.firstChild;
- container.appendChild(modalNode);
- const modalElement = document.getElementById(wizardId);
- const modalInstance = new bootstrap.Modal(modalElement, {
- backdrop: 'static',
- keyboard: true,
- focus: true,
- });
- const prevBtn = document.getElementById(`${wizardId}_prevBtn`);
- const nextBtn = document.getElementById(`${wizardId}_nextBtn`);
- const cancelBtn = document.getElementById(`${wizardId}_cancelBtn`);
- const stepTitle = document.getElementById(`${wizardId}_stepTitle`);
- const stepIndicator = options.showStepIndicator ? document.getElementById(`${wizardId}_stepIndicator`) : null;
- const bodyContainerId = `${wizardId}_bodyContainer`;
- const updateButtons = () => {
- prevBtn.style.display = currentStep === 0 ? 'none' : '';
- nextBtn.textContent = currentStep === steps.length - 1 ? options.finishLabel() : options.nextLabel();
- };
- const renderStep = () => {
- const step = steps[currentStep] || {};
- const titleText = step.title || `${i18n.t('wizard.step', 'Step')} ${currentStep + 1}`;
- if (stepTitle) {
- stepTitle.textContent = titleText;
- }
- renderStepBody(step, bodyContainerId);
- if (options.showStepIndicator && stepIndicator) {
- renderStepIndicator(steps, currentStep, stepIndicator);
- }
- updateButtons();
- if (typeof step.onShow === 'function') {
- step.onShow(modalElement);
- }
- };
- const goToStep = (index) => {
- const step = steps[currentStep] || {};
- if (typeof step.validate === 'function' && !step.validate()) {
- return;
- }
- if (typeof options.validateStep === 'function' && !options.validateStep(currentStep)) {
- return;
- }
- if (currentStep !== index && typeof step.onHide === 'function') {
- step.onHide(modalElement);
- }
- currentStep = Math.max(0, Math.min(index, steps.length - 1));
- renderStep();
- if (typeof options.onStepChange === 'function') {
- options.onStepChange(currentStep);
- }
- };
- prevBtn.addEventListener('click', () => goToStep(currentStep - 1));
- cancelBtn.addEventListener('click', () => {
- modalInstance.hide();
- if (typeof options.onCancel === 'function') {
- options.onCancel();
- }
- });
- nextBtn.addEventListener('click', () => {
- const step = steps[currentStep] || {};
- const valid = typeof step.validate === 'function' ? step.validate() : true;
- if (!valid) {
- return;
- }
- if (currentStep === steps.length - 1) {
- modalInstance.hide();
- if (typeof options.onFinish === 'function') {
- options.onFinish();
- }
- return;
- }
- goToStep(currentStep + 1);
- });
- modalElement.addEventListener('shown.bs.modal', () => {
- renderStep();
- if (typeof options.onShow === 'function') {
- options.onShow(modalElement);
- }
- });
- modalElement.addEventListener('hidden.bs.modal', () => {
- modalNode.remove();
- if (typeof options.onClose === 'function') {
- options.onClose();
- }
- });
- modalInstance.show();
- return {
- wizardId,
- modalInstance,
- goToStep,
- getCurrentStep: () => currentStep,
- };
-};
-export { openWizard };
diff --git a/modules/ui-module/src/main/ts/dist/js/ui-actions.d.ts b/modules/ui-module/src/main/ts/dist/js/ui-actions.d.ts
deleted file mode 100644
index cb0ff5c3b..000000000
--- a/modules/ui-module/src/main/ts/dist/js/ui-actions.d.ts
+++ /dev/null
@@ -1 +0,0 @@
-export {};
diff --git a/modules/ui-module/src/main/ts/dist/js/ui-actions.js b/modules/ui-module/src/main/ts/dist/js/ui-actions.js
deleted file mode 100644
index b7485aa8e..000000000
--- a/modules/ui-module/src/main/ts/dist/js/ui-actions.js
+++ /dev/null
@@ -1,71 +0,0 @@
-/*-
- * #%L
- * UI Module
- * %%
- * Copyright (C) 2023 - 2026 CondationCMS
- * %%
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU Affero General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU Affero General Public License
- * along with this program. If not, see
+
+
+
+ {{/if}}
+`);
+
+const template = Handlebars.compile(`
+
+
+`);
+
+export {template as mediabrowserTemplate};
diff --git a/modules/ui-module/src/main/ts/src/js/modules/media/mediabrowser.upload.js b/modules/ui-module/src/main/ts/src/js/modules/media/mediabrowser.upload.js
new file mode 100644
index 000000000..c0a91bbdd
--- /dev/null
+++ b/modules/ui-module/src/main/ts/src/js/modules/media/mediabrowser.upload.js
@@ -0,0 +1,139 @@
+/*-
+ * #%L
+ * UI Module
+ * %%
+ * Copyright (C) 2023 - 2026 CondationCMS
+ * %%
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see
+
+
+
+
+
+
+
+ {{#unless asset}}
+ {{> mediaBrowserContentActions pageTemplates=pageContentTypes }}
+ {{/unless}}
+
+ {{#each files}}
+
+
+ {{#if asset}}
+
+
+ {{/each}}
+
+ {{#if directory}}
+
+ {{else if media}}
+
+ {{else}}
+
+ {{/if}}
+
+
+
+
+
+
+
+ {{/if}}
+ Drop files here
+