projects/papa-kind-treff.info
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

adasd
All checks were successful
Deploy / deploy (push) Successful in 1m5s
Details

Browse Source
This commit is contained in:
Lars Gebhardt-Kusche
2026-07-29 20:57:47 +02:00
parent 0e73147886
commit 37bea188d5
7 changed files with 110 additions and 208 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
public/assets/js/app.js
View File

@@ -800,13 +800,6 @@ document.addEventListener('DOMContentLoaded', () => {
return input ? input.value : '';
};
const readAvatarColorMetaValue = (form, style, field, type) => {
const panel = getAvatarStylePanel(form, style);
if (!panel) return '';
const input = panel.querySelector(`[data-avatar-color-meta="${field}"][data-avatar-color-meta-type="${type}"]`);
return input ? input.value : '';
};
const getAvatarStyleConfig = (style) => {
if (avatarStyleConfigs[style]) return avatarStyleConfigs[style];
return avatarStyleConfigs.lorelei;
@@ -845,18 +838,6 @@ document.addEventListener('DOMContentLoaded', () => {
: readAvatarColorValue(form, style, field);
if (value) {
params.set(field, value);
const fill = Object.prototype.hasOwnProperty.call(overrides, `${field}Fill`)
? overrides[`${field}Fill`]
: readAvatarColorMetaValue(form, style, field, 'fill');
const fillStops = Object.prototype.hasOwnProperty.call(overrides, `${field}FillStops`)
? overrides[`${field}FillStops`]
: readAvatarColorMetaValue(form, style, field, 'fillStops');
const angle = Object.prototype.hasOwnProperty.call(overrides, `${field}Angle`)
? overrides[`${field}Angle`]
: readAvatarColorMetaValue(form, style, field, 'angle');
if (fill) params.set(`${field}Fill`, fill);
if (fillStops) params.set(`${field}FillStops`, fillStops);
if (angle) params.set(`${field}Angle`, angle);
}
});
@@ -937,13 +918,9 @@ document.addEventListener('DOMContentLoaded', () => {
const panel = getAvatarStylePanel(form, style);
if (!panel || !field) return;
const hidden = panel.querySelector(`[data-avatar-color-input="${field}"]`);
const label = panel.querySelector(`[data-avatar-color-label="${style}:${field}"]`);
if (hidden) {
hidden.value = picker.value;
}
if (label) {
label.textContent = picker.value;
}
ensureAvatarBuilderLoaded(form, style);
updateAvatarPreview(form);
updateAvatarOptionPreviews(form, style, getActiveAvatarField(form, style));
@@ -961,10 +938,6 @@ document.addEventListener('DOMContentLoaded', () => {
if (!panel || !field) return;
const hidden = panel.querySelector(`[data-avatar-color-input="${field}"]`);
const picker = panel.querySelector(`[data-avatar-color-picker="${field}"]`);
const label = panel.querySelector(`[data-avatar-color-label="${style}:${field}"]`);
const fill = panel.querySelector(`[data-avatar-color-meta="${field}"][data-avatar-color-meta-type="fill"]`);
const fillStops = panel.querySelector(`[data-avatar-color-meta="${field}"][data-avatar-color-meta-type="fillStops"]`);
const angle = panel.querySelector(`[data-avatar-color-meta="${field}"][data-avatar-color-meta-type="angle"]`);
const defaultValue = picker?.getAttribute('data-avatar-color-default') || '#c4a484';
if (hidden) {
hidden.value = '';
@@ -972,28 +945,27 @@ document.addEventListener('DOMContentLoaded', () => {
if (picker) {
picker.value = defaultValue;
}
if (label) {
label.textContent = 'DiceBear-Standard';
}
if (fill) fill.value = '';
if (fillStops) fillStops.value = '';
if (angle) angle.value = '';
ensureAvatarBuilderLoaded(form, style);
updateAvatarPreview(form);
updateAvatarOptionPreviews(form, style, getActiveAvatarField(form, style));
});
});
form.querySelectorAll('[data-avatar-color-meta]').forEach((input) => {
const syncMeta = () => {
const style = input.getAttribute('data-avatar-style') || getCurrentAvatarStyle(form);
form.querySelectorAll('[data-avatar-color-sample-field]').forEach((button) => {
button.addEventListener('click', () => {
const style = button.getAttribute('data-avatar-style') || getCurrentAvatarStyle(form);
const field = button.getAttribute('data-avatar-color-sample-field') || '';
const value = button.getAttribute('data-avatar-color-sample-value') || '';
const panel = getAvatarStylePanel(form, style);
if (!panel || !field || !value) return;
const hidden = panel.querySelector(`[data-avatar-color-input="${field}"]`);
const picker = panel.querySelector(`[data-avatar-color-picker="${field}"]`);
if (hidden) hidden.value = value;
if (picker) picker.value = value;
ensureAvatarBuilderLoaded(form, style);
updateAvatarPreview(form);
updateAvatarOptionPreviews(form, style, getActiveAvatarField(form, style));
};
input.addEventListener('input', syncMeta);
input.addEventListener('change', syncMeta);
});
});
const setActiveComponentPanel = (style, field) => {
@@ -1018,7 +990,7 @@ document.addEventListener('DOMContentLoaded', () => {
panel.querySelectorAll('[data-avatar-field]').forEach((input) => {
input.disabled = !active;
});
panel.querySelectorAll('[data-avatar-color-input], [data-avatar-color-picker], [data-avatar-color-reset]').forEach((input) => {
panel.querySelectorAll('[data-avatar-color-input], [data-avatar-color-picker], [data-avatar-color-reset], [data-avatar-color-sample-field]').forEach((input) => {
input.disabled = !active;
});
});