--- a/C:\\xampp\\htdocs\\ALimpiezas\\Plugins\\ALimpiezasMobile\\View\\MobileExpenses.html.twig
+++ b/C:\\xampp\\htdocs\\ALimpiezas\\Plugins\\ALimpiezasMobile\\View\\MobileExpenses.html.twig
@@ -32,22 +32,22 @@
<label class=\"form-label\">Documento <span class=\"text-muted\" id=\"file-label-hint\">(obligatorio para OCR)</span></label>
<input type=\"file\" name=\"image\" id=\"file-input-active\" class=\"visually-hidden\" tabindex=\"-1\" aria-hidden=\"true\" accept=\"image/*,.pdf,application/pdf,.heic,.heif\">
<div class=\"d-grid gap-2 mb-2\">
- <label class=\"file-picker-wrap mb-0\" id=\"pick-file-wrap\">
- <input type=\"file\" id=\"file-input-gallery\" class=\"visually-hidden\"
- accept=\"image/*,.pdf,application/pdf,.heic,.heif\"
- aria-label=\"Elegir archivo o galería\">
+ <div class=\"file-picker-wrap\" id=\"pick-file-wrap\">
<span class=\"btn btn-outline-secondary btn-lg w-100\">
<i class=\"fa-solid fa-folder-open me-2\"></i>Elegir archivo o galería
</span>
- </label>
- <label class=\"file-picker-wrap mb-0\" id=\"pick-camera-wrap\">
- <input type=\"file\" id=\"file-input-camera\" class=\"visually-hidden\"
- accept=\"image/*\" capture=\"environment\"
- aria-label=\"Hacer foto con cámara\">
+ <input type=\"file\" id=\"file-input-gallery\" class=\"file-picker-overlay\"
+ accept=\"image/*,.pdf,application/pdf,.heic,.heif\"
+ aria-label=\"Elegir archivo o galería\">
+ </div>
+ <div class=\"file-picker-wrap\" id=\"pick-camera-wrap\">
<span class=\"btn btn-outline-secondary btn-lg w-100\">
<i class=\"fa-solid fa-camera me-2\"></i>Hacer foto
</span>
- </label>
+ <input type=\"file\" id=\"file-input-camera\" class=\"file-picker-overlay\"
+ accept=\"image/*\" capture=\"environment\"
+ aria-label=\"Hacer foto con cámara\">
+ </div>
</div>
<div id=\"file-selected-name\" class=\"small text-muted\">Ningún documento seleccionado</div>
</div>
@@ -61,7 +61,7 @@
</div>
</form>
<div id=\"upload-result\" class=\"mt-3\"></div>
- <details class=\"mt-3 debug-panel-wrap\">
+ <details class=\"mt-3 debug-panel-wrap\" id=\"debug-panel-wrap\">
<summary class=\"small text-muted\">Debug conexión OCR/IA</summary>
<div id=\"debug-panel\" class=\"debug-panel small mt-2\"></div>
</details>
--- a/C:\\xampp\\htdocs\\ALimpiezas\\Plugins\\ALimpiezasMobile\\Assets\\JS\\mobile.js
+++ b/C:\\xampp\\htdocs\\ALimpiezas\\Plugins\\ALimpiezasMobile\\Assets\\JS\\mobile.js
@@ -4,6 +4,7 @@
var confirmModal = null;
var confirmModalEl = null;
var expenseMode = (window.ALIMPIEZAS_MOBILE && window.ALIMPIEZAS_MOBILE.expenseMode) || 'ocr';
+ var JS_VERSION = '2026-06-25b';
function route(path) {
var base = (window.ALIMPIEZAS_MOBILE && window.ALIMPIEZAS_MOBILE.route) || '';
@@ -19,6 +20,19 @@
return tokenInput ? tokenInput.value : '';
}
+ function parseJsonResponse(response) {
+ return response.text().then(function (text) {
+ if (!text) {
+ throw new Error('Respuesta vacía del servidor (HTTP ' + response.status + ')');
+ }
+ try {
+ return JSON.parse(text);
+ } catch (err) {
+ throw new Error('Respuesta no JSON: ' + text.substring(0, 180));
+ }
+ });
+ }
+
function postForm(data) {
if (!data.has('multireqtoken')) {
data.append('multireqtoken', tokenValue());
@@ -27,7 +41,7 @@
method: 'POST',
body: data,
credentials: 'same-origin'
- }).then(function (response) { return response.json(); });
+ }).then(parseJsonResponse);
}
function showResult(html) {
@@ -37,6 +51,13 @@
}
}
+ function openDebugPanel() {
+ var wrap = document.getElementById('debug-panel-wrap');
+ if (wrap && !wrap.open) {
+ wrap.open = true;
+ }
+ }
+
function debugLog(message, detail) {
var panel = document.getElementById('debug-panel');
if (!panel) {
@@ -45,7 +66,7 @@
var line = document.createElement('div');
line.className = 'debug-line';
var text = new Date().toLocaleTimeString('es-ES') + ' — ' + message;
- if (detail) {
+ if (detail !== undefined && detail !== null && detail !== '') {
text += ' · ' + (typeof detail === 'string' ? detail : JSON.stringify(detail));
}
line.textContent = text;
@@ -60,20 +81,24 @@
postForm(data).then(function (response) {
if (!response.ok) {
debugLog('Diagnóstico falló', response.message || 'error');
+ openDebugPanel();
return;
}
+ debugLog('JS', JS_VERSION);
debugLog('Modo', response.mode);
debugLog('URL servicio', response.service_url);
if (response.service && response.service.ok) {
debugLog('Servicio OCR', 'OK');
} else if (response.service) {
debugLog('Servicio OCR', response.service.message || 'no responde');
+ openDebugPanel();
}
if (response.ollama) {
debugLog('Ollama LAN', response.ollama.ok ? 'OK' : (response.ollama.message || 'no responde'));
}
- }).catch(function () {
- debugLog('Diagnóstico', 'error de red con FacturaScripts');
+ }).catch(function (err) {
+ debugLog('Diagnóstico', err && err.message ? err.message : 'error de red');
+ openDebugPanel();
});
}
@@ -172,7 +197,7 @@
if (galleryInput) {
galleryInput.addEventListener('change', function () {
- debugLog('Galería/archivo seleccionado', galleryInput.files.length ? galleryInput.files[0].name : 'vacío');
+ 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.',
@@ -200,7 +225,6 @@
var uploadBtn = document.getElementById('upload-btn');
var manualBtn = document.getElementById('manual-btn');
var fileLabel = document.getElementById('file-label-hint');
- var fileField = document.getElementById('file-field');
var pickFileWrap = document.getElementById('pick-file-wrap');
var pickCameraWrap = document.getElementById('pick-camera-wrap');
@@ -328,7 +352,14 @@
postForm(data).then(function (response) {
if (response.ok && response.item) {
openConfirmModal(response.item);
+ return;
}
+ showResult(formatErrorMessage(response));
+ }).catch(function (err) {
+ showResult(formatErrorMessage({
+ message: 'No se pudo cargar el documento de la cola.',
+ hint: err && err.message ? err.message : ''
+ }));
});
}
@@ -343,12 +374,18 @@
data.append('action', 'manual');
data.append('doc_type', document.getElementById('doc-type').value);
btn.disabled = true;
+ debugLog('Registro manual');
postForm(data).then(function (response) {
if (response.ok && response.extracted) {
openConfirmModal(response.extracted);
return;
}
showResult(formatErrorMessage(response));
+ }).catch(function (err) {
+ showResult(formatErrorMessage({
+ message: 'Error al crear registro manual.',
+ hint: err && err.message ? err.message : ''
+ }));
}).finally(function () {
btn.disabled = false;
});
@@ -405,6 +442,7 @@
}
if (!data.ok) {
debugLog('Error upload', data.message);
+ openDebugPanel();
showResult(formatErrorMessage(data));
return;
}
@@ -422,9 +460,11 @@
})
.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.']
+ reasons: ['Comprueba que Apache (XAMPP) esté activo.'],
+ hint: err && err.message ? err.message : ''
}));
})
.finally(function () {
@@ -487,7 +527,7 @@
bindUploadForm();
bindReviewButtons();
bindConfirmActions();
- debugLog('Página lista', 'modo=' + expenseMode);
+ debugLog('Página lista', 'modo=' + expenseMode + ' · v=' + JS_VERSION);
runDiagnose();
});
})();