From 47e77f9fac1155c536b2b87fec552c7fcce66fa6 Mon Sep 17 00:00:00 2001
From: Jake Vanderwerf <get@jakevanderwerf.ca>
Date: Mon, 01 Jun 2026 18:06:34 +0000
Subject: [PATCH] =Timeline block fixes. Next up: adding article schema classes
---
assets/js/concise/UploadManager.js | 238 +++++++++++++++++++++++++++++++++++++----------------------
1 files changed, 150 insertions(+), 88 deletions(-)
diff --git a/assets/js/concise/UploadManager.js b/assets/js/concise/UploadManager.js
index b2f7c7c..15417be 100644
--- a/assets/js/concise/UploadManager.js
+++ b/assets/js/concise/UploadManager.js
@@ -139,7 +139,8 @@
if (manyRefs.inputs) {
for (let input of manyRefs.inputs) {
- let wrapper = input.closest('[data-field]')??el;
+ let wrapper = input.closest('[data-field]')??input.closest('.radio-button')??el;
+
window.prefixInput(input, `${data.id??data.uploadId}-`, wrapper);
}
}
@@ -176,9 +177,10 @@
inputs: 'input,textarea,select'
},
setup({el, refs, manyRefs, data}) {
- if (refs.inputs) {
- refs.inputs.forEach(input => {
+ if (manyRefs.inputs) {
+ manyRefs.inputs.forEach(input => {
let wrapper = input.closest('[data-field]');
+ input.dataset.groupId = data.groupId;
window.prefixInput(input, `${data.groupId}-`, wrapper);
});
}
@@ -390,7 +392,7 @@
if (event === 'data-ready') {
this.stores.ready.push(storeName);
if (this.storesReady()) {
- this.checkRecovery().then(()=>{});
+ this.checkRecovery().then(() => {});
}
}
}
@@ -498,6 +500,19 @@
Object.preventExtensions(upload);
await this.stores.uploads.save(upload);
+
+ if (this.fields.has(upload.field)) {
+ let field = this.fields.get(upload.field);
+ switch (upload.status) {
+ case 'local_processing':
+ this.notify('upload-received', {
+ field: field.element,
+ id: upload.id
+ });
+ }
+ }
+
+
return upload;
}
@@ -527,6 +542,8 @@
LISTENERS
*********************************************************************/
handleClick(e) {
+ if (!window.targetCheck(e, this.selectors.fields.field)) return;
+
//Open the file input if it's a dropzone
let dropZone = window.targetCheck(e, this.selectors.fields.dropZone);
if (dropZone && !e.target.matches('input, button, a')){
@@ -591,7 +608,6 @@
}
let field = this.fields.get(fieldId);
-
if (field.config.destination === 'post_group') {
this.handleGroupMetaChange(e.target);
} else {
@@ -603,7 +619,7 @@
const groupId = input.dataset.groupId;
if (!groupId) return;
- // Capture values immediately (before debouncer)
+ // Capture values immediately
const inputName = input.name;
if (!inputName) return;
const inputValue = input.value;
@@ -991,26 +1007,27 @@
if (data.config.type !== 'single') {
this.initSortable(data.id);
}
+ this.maybeLockUploads(data.id);
return data.id;
}
- extractFieldConfig(fieldElement, autoUpload, imageMeta) {
+ extractFieldConfig(el, autoUpload, imageMeta) {
const config = {
autoUpload: autoUpload,
showMeta: imageMeta,
- destination: fieldElement.dataset.destination || 'meta',
- content: this.extractFieldContent(fieldElement),
- mode: fieldElement.dataset.mode || 'direct',
- type: fieldElement.dataset.type || 'single',
- name: fieldElement.dataset.field,
- itemID: this.extractFieldItemId(fieldElement) ?? 0,
- maxFiles: parseInt(fieldElement.dataset.maxFiles) ?? 25,
- subType: fieldElement.dataset.subtype ?? 'image',
+ destination: el.dataset.destination || 'meta',
+ content: this.extractFieldContent(el),
+ mode: el.dataset.mode || 'direct',
+ type: el.dataset.type || 'single',
+ name: el.dataset.field,
+ itemID: this.extractFieldItemId(el) ?? 0,
+ maxFiles: ('max-files' in el.dataset) ? parseInt(el.dataset.maxFiles) : 0,
+ subType: el.dataset.subtype ?? 'image',
repeaterPath: null
};
- const repeaterRow = fieldElement.closest('[data-index]');
+ const repeaterRow = el.closest('[data-index]');
const repeater = repeaterRow?.closest('[data-field][data-repeater-id]');
if (repeater && repeaterRow) {
config.repeaterPath = `${repeater.dataset.field}:${repeaterRow.dataset.index}:${config.name}`;
@@ -1282,65 +1299,73 @@
RECOVERY
*************************************************************/
async checkRecovery() {
- const pendingUploads = this.stores.uploads.filterByIndex({status: ['local_processing', 'queued', 'uploading']});
const allGroups = Array.from(this.stores.groups.data.values());
for (const group of allGroups) {
- const hasUploads = this.stores.uploads.filterByIndex({group: group.id}).length > 0;
- if (!hasUploads) {
- await this.stores.groups.delete(group.id);
- }
+ const hasUploads = this.stores.uploads.filterByIndex({ group: group.id }).length > 0;
+ if (!hasUploads) await this.stores.groups.delete(group.id);
}
- if (pendingUploads.length === 0) return;
-
- // Group by source page
- const bySource = new Map();
- pendingUploads.forEach(upload => {
- const src = upload.src || 'unknown';
- if (!bySource.has(src)) bySource.set(src, []);
- bySource.get(src).push(upload);
- });
-
- let data = {
- bySource: bySource,
- pendingUploads: pendingUploads
- };
-
- document.body.append(this.templates.create('restoreNotification', data));
- let notification = document.querySelector('dialog.restore-uploads');
- this.restoreModal = new window.jvbModal(notification);
- this.restoreSelection = new window.jvbHandleSelection(notification,
- {
- wrapper: {
- wrapper: '.restore-field',
- id: 'selection'
- },
- items: '.item-grid.restore',
- selectAll: {
- bulkControls: '.selection-actions',
- checkbox: '#select-all-restore',
- count: '.selection-count'
- }
- });
- this.restoreModal.handleOpen();
}
+ //TODO: Old method of checkRecovery. All recovery logic has moved to the FormController.js
+ // async checkRecovery() {
+ // const pendingUploads = this.stores.uploads.filterByIndex({status: ['local_processing', 'queued', 'uploading']});
+ // const allGroups = Array.from(this.stores.groups.data.values());
+ // for (const group of allGroups) {
+ // const hasUploads = this.stores.uploads.filterByIndex({group: group.id}).length > 0;
+ // if (!hasUploads) {
+ // await this.stores.groups.delete(group.id);
+ // }
+ // }
+ // if (pendingUploads.length === 0) return;
+ //
+ // // Group by source page
+ // const bySource = new Map();
+ // pendingUploads.forEach(upload => {
+ // const src = upload.src || 'unknown';
+ // if (!bySource.has(src)) bySource.set(src, []);
+ // bySource.get(src).push(upload);
+ // });
+ //
+ // let data = {
+ // bySource: bySource,
+ // pendingUploads: pendingUploads
+ // };
+ //
+ // document.body.append(this.templates.create('restoreNotification', data));
+ // let notification = document.querySelector('dialog.restore-uploads');
+ // this.restoreModal = new window.jvbModal(notification);
+ // this.restoreSelection = new window.jvbHandleSelection(notification,
+ // {
+ // wrapper: {
+ // wrapper: '.restore-field',
+ // id: 'selection'
+ // },
+ // items: '.item-grid.restore',
+ // selectAll: {
+ // bulkControls: '.selection-actions',
+ // checkbox: '#select-all-restore',
+ // count: '.selection-count'
+ // }
+ // });
+ // this.restoreModal.handleOpen();
+ // }
- async handleRestoreSelected() {
- if (!this.restoreSelection) return;
-
- let selected = Array.from(this.restoreSelection.selectedItems);
- if (selected.length === 0) {
- return;
- }
-
- await this.restoreSelectedUploads(selected);
- }
- async handleRestoreAll() {
- if (!this.restoreModal) return;
- const allUploads = Array.from(this.restoreModal.modal.querySelectorAll('.item.upload')).map(item => item.dataset.uploadId);
-
- await this.restoreSelectedUploads(allUploads);
- }
-
+ // async handleRestoreSelected() {
+ // if (!this.restoreSelection) return;
+ //
+ // let selected = Array.from(this.restoreSelection.selectedItems);
+ // if (selected.length === 0) {
+ // return;
+ // }
+ //
+ // await this.restoreSelectedUploads(selected);
+ // }
+ // async handleRestoreAll() {
+ // if (!this.restoreModal) return;
+ // const allUploads = Array.from(this.restoreModal.modal.querySelectorAll('.item.upload')).map(item => item.dataset.uploadId);
+ //
+ // await this.restoreSelectedUploads(allUploads);
+ // }
+ //
async restoreSelectedUploads(selectedUploads) {
let currentPage = window.location.href;
@@ -1353,8 +1378,20 @@
let fieldId = uploads[0].field;
let field = document.querySelector(`[data-uploader="${fieldId}"]`);
if (!field) {
- console.log('No field found for '+fieldId);
- return;
+ if ('crudManager' in window && fieldId.startsWith(window.crudManager.content)) {
+ let [content, itemId, fieldName] = fieldId.split('_');
+ if (parseInt(itemId) > 0) {
+ window.crudManager.openEditModal(itemId);
+ field = document.querySelector(`[data-uploader="${fieldId}"]`);
+ } else {
+ console.log('No field found for '+fieldId);
+ return;
+ }
+ } else {
+ console.log('No field found for '+fieldId);
+ return;
+ }
+
}
let fieldData = this.fields.get(fieldId);
if (fieldData.groupUI.container) {
@@ -1403,17 +1440,25 @@
});
await this.addToGroup(upload.id, null);
}
+ }
+ //
+ // cleanupRestore() {
+ // this.restoreModal.handleClose();
+ // this.restoreSelection.destroy();
+ // this.restoreSelection = null;
+ // this.restoreModal.destroy();
+ // this.restoreModal.modal.remove();
+ // this.restoreModal = null;
+ // }
- this.cleanupRestore();
+ async restoreUploads(uploadIds) {
+ const uploads = uploadIds.map(id => this.stores.uploads.get(id)).filter(Boolean);
+ if (uploads.length === 0) return;
+ await this.restoreSelectedUploads(uploads.map(u => u.id));
}
- cleanupRestore() {
- this.restoreModal.handleClose();
- this.restoreSelection.destroy();
- this.restoreSelection = null;
- this.restoreModal.destroy();
- this.restoreModal.modal.remove();
- this.restoreModal = null;
+ async clearUploads(uploadIds) {
+ await Promise.all(uploadIds.map(id => this.clearUpload(id)));
}
/*******************************************************************************
STATUS MANAGEMENT
@@ -1482,6 +1527,7 @@
* @param button
*/
async handleRemoveItem(button) {
+ console.log('Handling remove upload');
const item = button.closest(this.selectors.items.item);
if (!item) return;
@@ -1511,7 +1557,17 @@
if (!field?.ui.hidden) return;
const remaining = Array.from(field.ui.grid?.querySelectorAll(this.selectors.items.item) || [])
- .map(el => el.dataset.id || el.dataset.uploadId)
+ .map(el => {
+ if (Object.hasOwn(el.dataset, 'id') && el.dataset.id > 0) {
+ return el.dataset.id;
+ }
+
+ if (Object.hasOwn(el.dataset, 'upload-id') && el.dataset.uploadId > 0) {
+ return el.dataset.uploadId;
+ }
+ //For timeline
+ return el.dataset.itemId;
+ })
.filter(Boolean);
const newValue = remaining.join(',');
@@ -1781,14 +1837,20 @@
if (selectionHandler?.destroy) {
selectionHandler.destroy();
}
- this.selectionHandlers.get(group.field)?.removeWrapper(element.element);
+ if (this.selectionHandlers.get(group.field) && element && element.element) {
+ this.selectionHandlers.get(group.field).removeWrapper(element.element)
+ }
// Existing sortable cleanup
- const sortable = this.sortables.get(sortableKey);
- if (sortable?.destroy) {
- sortable.destroy();
+ if (this.sortables.has(sortableKey)) {
+ const sortable = this.sortables.get(sortableKey);
+ if (sortable?.destroy) {
+ sortable.destroy();
+ }
+
+ this.sortables.delete(sortableKey);
}
- this.sortables.delete(sortableKey);
+
}
if (element?.element) {
@@ -1807,9 +1869,9 @@
let uploads = this.stores.uploads.filterByIndex({field: fieldId});
let count = uploads.length;
- let max = field.config.maxFiles??25;
+ let max = field.config.maxFiles??0;
- field.ui.dropZone.hidden = count >= max;
+ field.ui.dropZone.hidden = max > 0 && count >= max;
}
/*******************************************************************************
OPERATION METHODS
--
Gitblit v1.10.0