From 4f944e6fe547f14ab76b2e4fd55248fac40a9b07 Mon Sep 17 00:00:00 2001
From: Jake Vanderwerf <get@jakevanderwerf.ca>
Date: Mon, 09 Feb 2026 01:05:24 +0000
Subject: [PATCH] =Schema registry patch
---
assets/js/concise/PopulateForm.js | 131 +++++++++++++++++++++++++++++++++++++++----
1 files changed, 118 insertions(+), 13 deletions(-)
diff --git a/assets/js/concise/PopulateForm.js b/assets/js/concise/PopulateForm.js
index 373a61c..2bd02b8 100644
--- a/assets/js/concise/PopulateForm.js
+++ b/assets/js/concise/PopulateForm.js
@@ -20,6 +20,7 @@
populate (form, data = {})
{
this.data = data;
+ this.mergeRootData();
this.form = form;
if (!this.formHelper) {
this.formHelper = window.jvbForm;
@@ -42,6 +43,13 @@
}
}
+ mergeRootData(){
+ let check = ['status','date','modified'];
+ check.forEach(ch =>{
+ this.data.fields[`post_${ch}`] = this.data[ch];
+ });
+ }
+
/**
*
* @param {HTMLElement} field
@@ -83,7 +91,7 @@
if (!value || !Array.isArray(value)) return;
const container = field.querySelector('.repeater-items');
- let template = field.querySelector('template')?.className??false;
+ let template = field.querySelector('template')?.className ?? false;
if (!container || !template) return;
window.removeChildren(container);
@@ -91,8 +99,16 @@
value.forEach((data, index) => {
data.index = index;
const row = this.templates.create(template, data);
- let fields = row.querySelectorAll('.field');
- this.populate(fields, data);
+ if (!row) return;
+
+ for (let [fieldName, fieldValue] of Object.entries(data)) {
+ if (fieldName === 'index') continue;
+ let subField = row.querySelector(`[data-field="${fieldName}"]`);
+ if (subField) {
+ this.populateField(subField, fieldName, fieldValue);
+ }
+ }
+
container.append(row);
});
}
@@ -100,19 +116,52 @@
if (!value || !Array.isArray(value)) return;
const container = field.querySelector('.tag-items');
- let template = field.querySelector('template')?.className??false;
+ let template = field.querySelector('template')?.className ?? false;
if (!container || !template) return;
window.removeChildren(container);
value.forEach((data, index) => {
- data.index = index;
- const row = this.templates.create(template, data);
- let fields = row.querySelectorAll('.field');
- this.populate(fields, data);
+ const row = this.templates.create(template, {
+ label: this.getTagLabel(data, field.dataset.tagFormat ?? 'first_field'),
+ fieldName: name,
+ ...data
+ });
+ if (!row) return;
+
+ // Set hidden input values directly
+ row.querySelectorAll('input[type="hidden"]').forEach(input => {
+ const key = input.dataset.field;
+ if (key && data[key] !== undefined) {
+ input.value = data[key];
+ }
+ });
+
container.append(row);
});
}
+ /**
+ * Build tag label from data - mirrors addTagListItem logic
+ */
+ getTagLabel(data, format) {
+ const values = Object.values(data).filter(v => !this.isEmptyValue(v));
+ switch (format) {
+ case 'first_field':
+ return values[0] ?? 'New Item';
+ case 'all_fields':
+ return values.join(', ') || 'New Item';
+ default:
+ if (format.includes('{')) {
+ let label = format;
+ for (const [key, value] of Object.entries(data)) {
+ label = label.replace(`{${key}}`, value);
+ }
+ return label;
+ }
+ return data[format] ?? values[0] ?? 'New Item';
+ }
+ }
+
populateLocation(field, name, value) {
const subFields = ['address', 'lat', 'lng', 'street', 'city', 'province', 'postal_code', 'country'];
subFields.forEach(subField => {
@@ -137,7 +186,7 @@
}
}
populateUser(field, name, value) {
- this.populateTaxonomyField(field, name, value);
+ this.populateTaxonomy(field, name, value);
}
populateUpload(field, name, value) {
if (name === 'timeline' || field.dataset.subtype && field.dataset.subtype === 'timeline') {
@@ -161,11 +210,43 @@
window.removeChildren(grid);
ids.forEach(id => {
let data = this.data.images[id]??{};
+ data.field = {
+ config: {
+ showMeta: true
+ }
+ };
data.id = id;
grid.append(this.templates.create('uploadItem', data));
});
}
+
+ this.populateUploadMeta(field, name, value);
}
+ populateUploadMeta(element, name, id) {
+ // Find the image_data field group
+ const imageDataField = element.querySelector('[data-field="image_data"]');
+ if (!imageDataField) return;
+ let data = this.data.images[id]??false;
+ if (!data) return;
+
+ // Set upload ID or attachment ID
+ imageDataField.dataset.attachmentId = data.id;
+ imageDataField.setAttribute('data-ignore', '');
+
+ // Populate the metadata fields
+ const meta = [
+ 'image-title',
+ 'image-alt-text',
+ 'image-caption'
+ ];
+
+ for (const m of meta) {
+ const input = imageDataField.querySelector(`[data-field="${m}"] input, [data-field="${m}"] textarea`);
+ if (input && data[m]!=='') {
+ input.value = data[m];
+ }
+ }
+ }
populateTimelineGallery(field,name, value) {
if (!value || !Array.isArray(value) || value.length === 0) return;
@@ -306,6 +387,10 @@
video: 'video',
file: '.select-item span',
img: 'img',
+ details: 'details[data-field]',
+ imgAlt: '[name="image-alt-text"]',
+ imgTitle: '[name="image-title"]',
+ imgDesc: '[name="image-caption"]',
},
manyRefs: {
fields: '.field',
@@ -314,7 +399,8 @@
el.dataset.itemId = data.id;
if (refs.select) {
- window.prefixInput(refs.select, `${data.id}-`);
+ let wrapper = refs.select.closest('.preview');
+ window.prefixInput(refs.select, `${data.id}-`, wrapper);
}
if (refs.video) refs.video.remove();
if (refs.file) refs.file.remove();
@@ -326,18 +412,37 @@
refs.img.alt = imgData['image-alt-text']??'';
}
+ if (refs.details) {
+ let imgData = p.data.images[data.post_thumbnail];
+
+ refs.details.setAttribute('data-ignore', '');
+ refs.details.dataset.attachmentId = data.post_thumbnail;
+ if (Object.hasOwn(imgData, 'image-alt-text') && refs.alt) {
+ refs.alt.value = imgData['image-alt-text'];
+ }
+ if ((Object.hasOwn(imgData, 'image-title') || Object.hasOwn(data, 'file')) && refs.title) {
+ refs.title.value = imgData['image-title']||data.file.name;
+ }
+ if (Object.hasOwn(imgData, 'image-caption') && refs.description) {
+ refs.description.value = imgData['image-caption'];
+ }
+ }
+
if (manyRefs.fields) {
for (let field of manyRefs.fields) {
if (field.dataset.fieldType === 'group') continue;
-
+ if (field.dataset.field === 'post_thumbnail') {
+ field.remove();
+ continue;
+ }
let name = field.dataset.field;
let value = data[name]??'';
if (!p.isEmptyValue(value)) {
p.populateField(field, name, value);
}
- const input = field.querySelector('input:not([type="file"]), textarea');
+ const input = field.querySelector('input:not([type="file"])');
if (!input) continue;
- window.prefixInput(input, `[${data.id}]`);
+ window.prefixInput(input, `[${data.id}]`, field);
}
}
--
Gitblit v1.10.0