Jake Vanderwerf
2026-05-31 97e7c319d656a5f05489ca996e249e7359303d4d
assets/js/concise/PopulateForm.js
@@ -59,7 +59,7 @@
   populateField(field, name, value) {
      let type = this.formHelper.getFieldType(field);
      if (!type || this.isEmptyValue(name) || this.isEmptyValue(value)) return;
      if (!type || this.isEmptyValue(name)) return;
      const handlers = {
         'repeater': this.populateRepeater.bind(this),
@@ -93,12 +93,23 @@
   }
   populateRepeater(field, name, value) {
      if (!value || !Array.isArray(value)) return;
      const container = field.querySelector('.repeater-items');
      let template = field.querySelector('template')?.className ?? false;
      if (!container || !template) return;
      // Normalize: server/store may return an object with numeric keys instead of an array
      if (typeof value === 'string') {
         try { value = JSON.parse(value); } catch(e) { value = []; }
      }
      if (value && !Array.isArray(value) && typeof value === 'object') {
         value = Object.values(value);
      }
      if (!value || !Array.isArray(value) || value.length === 0) {
         window.removeChildren(container);
         return;
      }
      window.removeChildren(container);
      value.forEach((data, index) => {
@@ -123,12 +134,23 @@
      });
   }
   populateTagList(field, name, value) {
      if (!value || !Array.isArray(value)) return;
      const container = field.querySelector('.tag-items');
      let template = field.querySelector('template')?.className ?? false;
      if (!container || !template) return;
      if (typeof value === 'string') {
         try { value = JSON.parse(value); } catch(e) { value = []; }
      }
      if (value && !Array.isArray(value) && typeof value === 'object') {
         value = Object.values(value);
      }
      if (!value || !Array.isArray(value) || value.length === 0) {
         window.removeChildren(container);
         return;
      }
      window.removeChildren(container);
      value.forEach((data, index) => {
@@ -192,7 +214,6 @@
   }
   populateTaxonomy(field, name, value) {
      let termIds = this.splitIDs(value);
      if (termIds.length === 0) return;
      const hiddenInput = field.querySelector(`input[type="hidden"][name="${name}"]`);
      if (hiddenInput) {
@@ -208,12 +229,11 @@
      this.populateTaxonomy(field, name, value);
   }
   populateUpload(field, name, value) {
      if (name === 'timeline' || field.dataset.subtype && field.dataset.subtype === 'timeline') {
      if (field.dataset.subtype && field.dataset.subtype === 'timeline') {
         this.populateTimelineGallery(field,name,value);
         return;
      }
      if (this.isEmptyValue(value)) return;
      const ids = this.splitIDs(value);
      if (ids.length === 0) return;
      const hiddenInput = field.querySelector(`input[type="hidden"]`);
@@ -222,8 +242,7 @@
      }
      const grid = field.querySelector('.item-grid');
      let uploadContainer = field.querySelector('.file-upload-wrapper');
      uploadContainer.hidden = ids.length > 0;
      field.querySelector('.progress')?.remove();
      if (grid) {
         window.removeChildren(grid);
@@ -262,7 +281,7 @@
         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];
               input.value = window.decodeHTMLEntities(data[m]);
            }
         }
      }
@@ -270,8 +289,7 @@
         if (!value || !Array.isArray(value) || value.length === 0) return;
         let grid = field.querySelector('.item-grid');
         let uploadContainer = field.querySelector('.file-upload-wrapper');
         uploadContainer.hidden = value.length > 0;
         if (grid) {
            window.removeChildren(grid);
@@ -310,13 +328,14 @@
   populateSingleValue(field, name, value) {
      value = String(value || '');
      // Try select first
      let select = field.querySelector(`select[name="${name}"]`);
      if (select) {
         select.value = value;
         return;
      }
      let input = field.querySelector(`[name="${name}"][value="${value}"]`);
      let input = field.querySelector(`input[type="radio"][value="${value}"], input[type="checkbox"][value="${value}"]`)
         || field.querySelector(`[name="${name}"][value="${value}"]`);
      if (input) {
         input.checked = true;
      }
@@ -379,7 +398,7 @@
         || field.querySelector('textarea[data-editor]')
         || field.querySelector('input:not([type="hidden"]):not([type="file"]), textarea, select');
      if (input) {
         input.value = String(value || '');
         input.value = window.decodeHTMLEntities(value??'');
      }
   }
   /********************************************************************
@@ -412,10 +431,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"]',
            details: '[data-field="image_data"] details',
            imgAlt: '[data-field="image-alt-text"]',
            imgTitle: '[data-field="image-title"]',
            imgDesc: '[data-field="image-caption"]',
         },
         manyRefs: {
            fields: '.field',
@@ -433,41 +452,52 @@
            let imgData = p.data.images[data['post_thumbnail']]??false;
            if (refs.img && imgData) {
               refs.img.src = imgData.medium || imgData.small || imgData.large || '';
               refs.img.title = imgData['image-title']??'';
               refs.img.title = imgData.large.split("/").pop()??'';
               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'];
               let imgAlt = refs.imgAlt.querySelector('input');
               let imgTitle = refs.imgTitle.querySelector('input');
               let imgDesc = refs.imgDesc.querySelector('textarea');
               window.prefixInput(imgAlt, `[${data.post_thumbnail}]`, refs.imgAlt, false, true);
               window.prefixInput(imgTitle, `[${data.post_thumbnail}]`, refs.imgTitle, false, true);
               window.prefixInput(imgDesc, `[${data.post_thumbnail}]`, refs.imgDesc, false, true);
               if (Object.hasOwn(imgData, 'image-alt-text') && refs.imgAlt) {
                  imgAlt.value = window.decodeHTMLEntities(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-title') || Object.hasOwn(data, 'file')) && refs.imgTitle) {
                  imgTitle.value = window.decodeHTMLEntities(imgData['image-title']||data.file.name);
               }
               if (Object.hasOwn(imgData, 'image-caption') && refs.description) {
                  refs.description.value = imgData['image-caption'];
               if (Object.hasOwn(imgData, 'image-caption') && refs.imgDesc) {
                  imgDesc.value = window.decodeHTMLEntities(imgData['image-caption']);
               }
            }
            if (manyRefs.fields) {
               for (let field of manyRefs.fields) {
                  if (field.closest('[data-ignore]')) continue;
                  if (field.dataset.fieldType === 'group') continue;
                  if (field.dataset.field === 'post_thumbnail') {
                     field.remove();
                     continue;
                  }
                  let name = field.dataset.field;
                  let value = data[name]??'';
                  const input = field.querySelector('input:not([type="file"]), textarea, select');
                  if (input) window.prefixInput(input, `[${data.id}]`, field, false, true);
                  let value = data[name] ?? '';
                  if (!p.isEmptyValue(value)) {
                     p.populateField(field, name, value);
                  }
                  const input = field.querySelector('input:not([type="file"])');
                  if (!input) continue;
                  window.prefixInput(input, `[${data.id}]`, field);
               }
            }