' + okCount + ' documento(s) analizado(s). Revisa la cola.
';\n+ } else if (okCount > 0) {\n+ html = '--- a/C:\\xampp\\htdocs\\ALimpiezas\\Plugins\\ALimpiezasMobile\\Assets\\JS\\mobile.js
+++ b/C:\\xampp\\htdocs\\ALimpiezas\\Plugins\\ALimpiezasMobile\\Assets\\JS\\mobile.js
@@ -4,7 +4,9 @@
var confirmModal = null;
var confirmModalEl = null;
var expenseMode = (window.ALIMPIEZAS_MOBILE && window.ALIMPIEZAS_MOBILE.expenseMode) || 'ocr';
- var JS_VERSION = '2026-06-25c';
+ var JS_VERSION = '2026-06-25d';
+ var selectedFiles = [];
+ var fileIdCounter = 0;
function route(path) {
var base = (window.ALIMPIEZAS_MOBILE && window.ALIMPIEZAS_MOBILE.route) || '';
@@ -118,104 +120,182 @@
return html;
}
- function activeFileInput() {
- return document.getElementById('file-input-active');
+ function fileKey(file) {
+ return [file.name, file.size, file.lastModified || 0, file.type || ''].join('|');
}
- function updateSelectedFileLabel() {
- var label = document.getElementById('file-selected-name');
- var file = resolvedUploadFile();
- if (!label) {
- return;
+ function formatFileSize(bytes) {
+ if (!bytes || bytes < 1024) {
+ return Math.max(1, bytes || 0) + ' B';
}
- if (!file) {
- label.textContent = 'Ningún documento seleccionado';
- label.className = 'small text-muted';
- return;
+ if (bytes < 1024 * 1024) {
+ return Math.round(bytes / 1024) + ' KB';
}
+ return (bytes / (1024 * 1024)).toFixed(1) + ' MB';
+ }
- var sizeKb = Math.max(1, Math.round(file.size / 1024));
- label.textContent = file.name + ' (' + sizeKb + ' KB) — listo para escanear';
- label.className = 'small text-success fw-semibold';
+ function getSelectedFiles() {
+ return selectedFiles.map(function (item) {
+ return item.file;
+ });
}
- function assignSelectedFile(sourceInput) {
- var target = activeFileInput();
- if (!target || !sourceInput || !sourceInput.files.length) {
- return false;
+ function hasSelectedFiles() {
+ return selectedFiles.length > 0;
+ }
+
+ function renderSelectedFilesList() {
+ var list = document.getElementById('file-selected-list');
+ var emptyHint = document.getElementById('file-empty-hint');
+ if (!list) {
+ return;
}
- var file = sourceInput.files[0];
- var copied = false;
+ list.innerHTML = '';
+ selectedFiles.forEach(function (item) {
+ var row = document.createElement('div');
+ row.className = 'file-selected-item';
+ row.setAttribute('data-file-id', String(item.id));
- if (typeof DataTransfer !== 'undefined') {
- try {
- var transfer = new DataTransfer();
- transfer.items.add(file);
- target.files = transfer.files;
- copied = target.files.length > 0;
- } catch (err) {
- copied = false;
- }
- }
+ var info = document.createElement('div');
+ info.className = 'file-selected-info';
- if (!copied) {
- target._pendingFile = file;
- } else {
- delete target._pendingFile;
+ var name = document.createElement('div');
+ name.className = 'file-name fw-semibold';
+ name.textContent = item.file.name;
+
+ var meta = document.createElement('div');
+ meta.className = 'file-meta small text-muted';
+ meta.textContent = formatFileSize(item.file.size) + ' · listo para escanear';
+
+ info.appendChild(name);
+ info.appendChild(meta);
+
+ var removeBtn = document.createElement('button');
+ removeBtn.type = 'button';
+ removeBtn.className = 'btn btn-sm btn-outline-danger btn-remove-file';
+ removeBtn.setAttribute('data-file-id', String(item.id));
+ removeBtn.setAttribute('aria-label', 'Quitar ' + item.file.name);
+ removeBtn.innerHTML = '<i class=\"fa-solid fa-xmark\"></i>';
+
+ row.appendChild(info);
+ row.appendChild(removeBtn);
+ list.appendChild(row);
+ });
+
+ if (emptyHint) {
+ emptyHint.style.display = selectedFiles.length ? 'none' : 'block';
}
document.querySelectorAll('.file-picker-wrap').forEach(function (wrap) {
- wrap.classList.remove('is-selected');
+ wrap.classList.toggle('is-selected', selectedFiles.length > 0);
});
- var wrap = sourceInput.closest('.file-picker-wrap');
- if (wrap) {
- wrap.classList.add('is-selected');
+ }
+
+ function addSelectedFile(file) {
+ if (!file || !file.size) {
+ return false;
}
- updateSelectedFileLabel();
+ var key = fileKey(file);
+ for (var i = 0; i < selectedFiles.length; i++) {
+ if (selectedFiles[i].key === key) {
+ return false;
+ }
+ }
+
+ fileIdCounter += 1;
+ selectedFiles.push({
+ id: fileIdCounter,
+ key: key,
+ file: file
+ });
+ renderSelectedFilesList();
return true;
}
- function resolvedUploadFile() {
- var fileInput = activeFileInput();
- if (!fileInput) {
- return null;
+ function removeSelectedFile(id) {
+ selectedFiles = selectedFiles.filter(function (item) {
+ return item.id !== id;
+ });
+ renderSelectedFilesList();
+ debugLog('Documento quitado', 'quedan ' + selectedFiles.length);
+ }
+
+ function clearSelectedFiles() {
+ selectedFiles = [];
+ renderSelectedFilesList();
+ ['file-input-gallery', 'file-input-camera'].forEach(function (inputId) {
+ var input = document.getElementById(inputId);
+ if (input) {
+ input.value = '';
+ }
+ });
+ }
+
+ function resetPickerInput(input) {
+ if (!input) {
+ return;
}
- if (fileInput._pendingFile) {
- return fileInput._pendingFile;
+ input.value = '';
+ }
+
+ function addFilesFromInput(sourceInput, sourceLabel) {
+ if (!sourceInput || !sourceInput.files || !sourceInput.files.length) {
+ debugLog(sourceLabel || 'Archivo', 'sin selección');
+ return;
}
- if (fileInput.files && fileInput.files.length) {
- return fileInput.files[0];
+
+ var added = 0;
+ var skipped = 0;
+ for (var i = 0; i < sourceInput.files.length; i++) {
+ if (addSelectedFile(sourceInput.files[i])) {
+ added += 1;
+ } else {
+ skipped += 1;
+ }
}
- return null;
+
+ resetPickerInput(sourceInput);
+ debugLog(sourceLabel || 'Archivo', added + ' añadido(s), total=' + selectedFiles.length);
+
+ if (added === 0 && sourceInput.files.length > 0) {
+ showResult(formatErrorMessage({
+ message: skipped > 0 ? 'Ese documento ya está en la lista.' : 'No se pudo leer el archivo seleccionado.',
+ hint: 'Prueba con JPG, PNG, WEBP, HEIC o PDF.'
+ }));
+ return;
+ }
+
+ if (added > 0) {
+ showResult('');
+ }
}
function bindFilePickers() {
var galleryInput = document.getElementById('file-input-gallery');
var cameraInput = document.getElementById('file-input-camera');
+ var list = document.getElementById('file-selected-list');
+ if (list) {
+ list.addEventListener('click', function (event) {
+ var btn = event.target.closest('.btn-remove-file');
+ if (!btn) {
+ return;
+ }
+ removeSelectedFile(parseInt(btn.getAttribute('data-file-id'), 10));
+ });
+ }
+
if (galleryInput) {
galleryInput.addEventListener('change', function () {
- debugLog('Galería/archivo', galleryInput.files.length ? galleryInput.files[0].name : 'vacío');
- if (!assignSelectedFile(galleryInput)) {
- showResult(formatErrorMessage({
- message: 'No se pudo leer el archivo seleccionado.',
- hint: 'Prueba con otro formato (JPG, PNG o PDF).'
- }));
- }
+ addFilesFromInput(galleryInput, 'Galería/archivo');
});
}
if (cameraInput) {
cameraInput.addEventListener('change', function () {
- debugLog('Foto cámara', cameraInput.files.length ? cameraInput.files[0].name : 'vacío');
- if (!assignSelectedFile(cameraInput)) {
- showResult(formatErrorMessage({
- message: 'No se pudo leer la foto.',
- hint: 'Comprueba permisos de cámara en el navegador.'
- }));
- }
+ addFilesFromInput(cameraInput, 'Foto cámara');
});
}
}
@@ -238,7 +318,7 @@
manualBtn.style.display = 'block';
}
if (fileLabel) {
- fileLabel.textContent = '(opcional en manual)';
+ fileLabel.textContent = '(opcional — puedes añadir varios)';
}
if (pickFileWrap) {
pickFileWrap.style.display = 'block';
@@ -363,6 +443,113 @@
});
}
+ function buildUploadFormData(file, docType) {
+ var formData = new FormData();
+ formData.append('action', 'upload');
+ formData.append('doc_type', docType);
+ formData.append('multireqtoken', tokenValue());
+ formData.append('image', file, file.name || 'documento.jpg');
+ return formData;
+ }
+
+ function uploadSingleFile(file, docType) {
+ debugLog('Enviando', file.name + ' (' + file.size + ' B)');
+ return postForm(buildUploadFormData(file, docType)).then(function (data) {
+ if (data.debug) {
+ debugLog('Respuesta servidor', data.debug);
+ }
+ return data;
+ });
+ }
+
+ function uploadFilesSequentially(files, docType, btn) {
+ var index = 0;
+ var okCount = 0;
+ var lastExtracted = null;
+ var errors = [];
+
+ function processNext() {
+ if (index >= files.length) {
+ var html = '';
+ if (okCount === files.length) {
+ html = '<div class=\"alert alert-success mb-0\">' + okCount + ' documento(s) analizado(s). Revisa la cola.</div>';
+ } else if (okCount > 0) {
+ html = '<div class=\"alert alert-warning mb-0\"><strong>' + okCount + ' de ' + files.length + ' documentos analizados.</strong>';
+ if (errors.length) {
+ html += '<ul class=\"mb-0 mt-2 small\">';
+ errors.forEach(function (err) {
+ html += '<li>' + err.name + ': ' + err.message + '</li>';
+ });
+ html += '</ul>';
+ }
+ html += '</div>';
+ } else {
+ html = formatErrorMessage({
+ message: 'No se pudo analizar ningún documento.',
+ reasons: errors.map(function (err) {
+ return err.name + ': ' + err.message;
+ })
+ });
+ }
+ showResult(html);
+
+ if (okCount > 0) {
+ clearSelectedFiles();
+ }
+
+ if (files.length === 1 && lastExtracted) {
+ openConfirmModal(lastExtracted);
+ } else if (okCount > 0) {
+ setTimeout(function () {
+ window.location.reload();
+ }, 1800);
+ }
+ return Promise.resolve();
+ }
+
+ var file = files[index];
+ var current = index + 1;
+ index += 1;
+ if (btn) {
+ btn.innerHTML = '<span class=\"spinner-border spinner-border-sm me-2\"></span>Procesando ' + current + '/' + files.length + '…';
+ }
+
+ return uploadSingleFile(file, docType).then(function (data) {
+ if (!data.ok) {
+ debugLog('Error upload', file.name + ': ' + (data.message || 'error'));
+ errors.push({ name: file.name, message: data.message || 'Error' });
+ if (files.length === 1) {
+ openDebugPanel();
+ showResult(formatErrorMessage(data));
+ return Promise.resolve();
+ }
+ return processNext();
+ }
+
+ okCount += 1;
+ debugLog('Upload OK', file.name);
+ if (data.extracted) {
+ lastExtracted = data.extracted;
+ }
+ return processNext();
+ }).catch(function (err) {
+ debugLog('Fetch error', file.name + ': ' + (err && err.message ? err.message : 'desconocido'));
+ errors.push({ name: file.name, message: err && err.message ? err.message : 'Error de red' });
+ if (files.length === 1) {
+ openDebugPanel();
+ showResult(formatErrorMessage({
+ message: 'Error de conexión con el servidor.',
+ hint: err && err.message ? err.message : ''
+ }));
+ return Promise.resolve();
+ }
+ return processNext();
+ });
+ }
+
+ return processNext();
+ }
+
function bindManualButton() {
var btn = document.getElementById('manual-btn');
if (!btn) {
@@ -401,17 +588,15 @@
form.addEventListener('submit', function (event) {
event.preventDefault();
var btn = document.getElementById('upload-btn');
- var uploadFile = resolvedUploadFile();
- var formData = new FormData(form);
- formData.append('action', 'upload');
- if (uploadFile) {
- formData.set('image', uploadFile, uploadFile.name || 'documento.jpg');
- }
+ var files = getSelectedFiles();
+ var docType = document.getElementById('doc-type').value;
- if (expenseMode === 'manual' && !uploadFile) {
+ debugLog('Submit', 'modo=' + expenseMode + ' · docs=' + files.length);
+
+ if (expenseMode === 'manual' && files.length === 0) {
var manualData = new FormData();
manualData.append('action', 'manual');
- manualData.append('doc_type', document.getElementById('doc-type').value);
+ manualData.append('doc_type', docType);
postForm(manualData).then(function (data) {
if (data.ok && data.extracted) {
openConfirmModal(data.extracted);
@@ -422,10 +607,14 @@
return;
}
- if (expenseMode !== 'manual' && !uploadFile) {
+ if (expenseMode !== 'manual' && files.length === 0) {
showResult(formatErrorMessage({
message: 'Debes elegir un archivo, una foto de galería o hacer una foto.',
- reasons: ['En modo OCR/IA el documento es obligatorio.', 'Usa «Elegir archivo o galería» o «Hacer foto».'],
+ reasons: [
+ 'En modo OCR/IA el documento es obligatorio.',
+ 'Usa «Elegir archivo o galería» o «Hacer foto».',
+ 'Puedes añadir varios documentos antes de pulsar escanear.'
+ ],
hint: 'Formatos admitidos: JPG, PNG, WEBP, HEIC y PDF.'
}));
return;
@@ -433,44 +622,11 @@
btn.disabled = true;
btn.innerHTML = '<span class=\"spinner-border spinner-border-sm me-2\"></span>Procesando...';
- debugLog('Enviando documento', uploadFile ? uploadFile.name + ' (' + uploadFile.size + ' B)' : 'sin archivo');
- postForm(formData)
- .then(function (data) {
- if (data.debug) {
- debugLog('Respuesta servidor', data.debug);
- }
- if (!data.ok) {
- debugLog('Error upload', data.message);
- openDebugPanel();
- showResult(formatErrorMessage(data));
- return;
- }
- debugLog('Upload OK', data.message || 'analizado');
-
- if (data.warning) {
- showResult('<div class=\"alert alert-warning\">' + data.warning + '</div>');
- } else if (data.message) {
- showResult('<div class=\"alert alert-success\">' + data.message + '</div>');
- }
-
- if (data.extracted) {
- openConfirmModal(data.extracted);
- }
- })
- .catch(function (err) {
- debugLog('Fetch error', err && err.message ? err.message : 'desconocido');
- openDebugPanel();
- showResult(formatErrorMessage({
- message: 'Error de conexión con el servidor.',
- reasons: ['Comprueba que Apache (XAMPP) esté activo.'],
- hint: err && err.message ? err.message : ''
- }));
- })
- .finally(function () {
- btn.disabled = false;
- updateModeUi(expenseMode);
- });
+ uploadFilesSequentially(files, docType, btn).finally(function () {
+ btn.disabled = false;
+ updateModeUi(expenseMode);
+ });
});
}
@@ -527,6 +683,7 @@
bindUploadForm();
bindReviewButtons();
bindConfirmActions();
+ renderSelectedFilesList();
debugLog('Página lista', 'modo=' + expenseMode + ' · v=' + JS_VERSION);
runDiagnose();
});