Merge pull request #19 from EuskadiTech/revert-18-copilot/add-cajas-module

Revert "Add Cajas module for cash register transaction management"
This commit is contained in:
Naiel
2026-02-06 13:17:33 +01:00
committed by GitHub
2 changed files with 0 additions and 761 deletions

View File

@@ -89,7 +89,6 @@
<!-- <script src="page/chat.js"></script> -->
<script src="page/buscar.js"></script>
<script src="page/pagos.js"></script>
<script src="page/cajas.js"></script>
</body>
</html>

View File

@@ -1,760 +0,0 @@
PERMS['cajas'] = 'Cajas';
PERMS['cajas:edit'] = '&gt; Editar';
PAGES.cajas = {
navcss: 'btn8',
icon: 'static/appico/credit_cards.png',
AccessControl: true,
Title: 'Cajas',
// View/edit a specific transaction (movimiento)
movimiento: function (cajaId, movimientoId) {
if (!checkRole('cajas')) {
setUrlHash('cajas');
return;
}
var field_fecha = safeuuid();
var field_tipo = safeuuid();
var field_monto = safeuuid();
var field_persona = safeuuid();
var field_notas = safeuuid();
var field_foto = safeuuid();
var render_foto = safeuuid();
var btn_volver = safeuuid();
var btn_borrar = safeuuid();
container.innerHTML = html`
<h1>Movimiento de Caja</h1>
<fieldset>
<label>
Fecha<br>
<input type="datetime-local" id="${field_fecha}" disabled><br><br>
</label>
<label>
Tipo<br>
<input type="text" id="${field_tipo}" disabled><br><br>
</label>
<label>
Monto<br>
<input type="number" step="0.01" id="${field_monto}" disabled><br><br>
</label>
<label>
Persona<br>
<input type="text" id="${field_persona}" disabled><br><br>
</label>
<label>
Foto del Ticket<br>
<img id="${render_foto}" height="200px" style="border: 3px solid #ddd; display: none; margin: 10px 0;">
</label>
<label>
Notas<br>
<textarea id="${field_notas}" disabled rows="4"></textarea><br><br>
</label>
<hr>
<button class="btn5" id="${btn_volver}">Volver a Caja</button>
<button class="rojo" id="${btn_borrar}" style="display: none;">Borrar</button>
</fieldset>
`;
// Load transaction data
DB.get('cajas_movimientos', movimientoId).then((data) => {
function load_data(data) {
if (!data) return;
// Format datetime for datetime-local input
var fechaValue = data['Fecha'] || '';
if (fechaValue) {
// Convert ISO string to datetime-local format (YYYY-MM-DDTHH:mm)
fechaValue = fechaValue.substring(0, 16);
}
document.getElementById(field_fecha).value = fechaValue;
document.getElementById(field_tipo).value = data['Tipo'] || '';
document.getElementById(field_monto).value = data['Monto'] || 0;
// Get persona name
var personaId = data['Persona'] || '';
var personaName = personaId;
if (SC_Personas[personaId]) {
personaName = SC_Personas[personaId].Nombre || personaId;
}
document.getElementById(field_persona).value = personaName;
document.getElementById(field_notas).value = data['Notas'] || '';
// Load photo attachment if present
DB.getAttachment('cajas_movimientos', movimientoId, 'foto')
.then((durl) => {
if (durl) {
document.getElementById(render_foto).src = durl;
} else {
document.getElementById(render_foto).style.display = 'none';
}
})
.catch(() => {
document.getElementById(render_foto).style.display = 'none';
});
}
if (typeof data === 'string') {
TS_decrypt(
data,
SECRET,
(data, wasEncrypted) => {
load_data(data);
},
'cajas_movimientos',
movimientoId
);
} else {
load_data(data || {});
}
});
document.getElementById(btn_volver).onclick = () => {
setUrlHash('cajas,' + cajaId);
};
// Show delete button only if user has edit permission
if (checkRole('cajas:edit')) {
document.getElementById(btn_borrar).style.display = 'inline-block';
document.getElementById(btn_borrar).onclick = () => {
if (confirm('¿Quieres borrar este movimiento?')) {
DB.del('cajas_movimientos', movimientoId).then(() => {
toastr.success('Movimiento borrado!');
setTimeout(() => {
setUrlHash('cajas,' + cajaId);
}, SAVE_WAIT);
});
}
};
}
},
// Create new transaction (movimiento)
nuevo_movimiento: function (cajaId) {
if (!checkRole('cajas:edit')) {
setUrlHash('cajas,' + cajaId);
return;
}
var field_fecha = safeuuid();
var field_tipo = safeuuid();
var field_monto = safeuuid();
var field_persona = safeuuid();
var field_notas = safeuuid();
var field_foto = safeuuid();
var render_foto = safeuuid();
var field_caja_destino = safeuuid();
var div_caja_destino = safeuuid();
var btn_guardar = safeuuid();
var btn_cancelar = safeuuid();
var resized = '';
container.innerHTML = html`
<h1>Nuevo Movimiento</h1>
<fieldset>
<label>
Fecha y Hora<br>
<input type="datetime-local" id="${field_fecha}"><br><br>
</label>
<label>
Tipo de Movimiento<br>
<select id="${field_tipo}">
<option value="">-- Seleccionar --</option>
<option value="Ingreso"> Ingreso</option>
<option value="Gasto"> Gasto</option>
<option value="Transferencia">🔄 Transferencia</option>
</select><br><br>
</label>
<label>
Monto (€)<br>
<input type="number" step="0.01" min="0" id="${field_monto}" placeholder="0.00"><br><br>
</label>
<label>
Persona<br>
<input type="hidden" id="${field_persona}">
<div id="personaSelector"></div>
</label>
<div id="${div_caja_destino}" style="display: none;">
<label>
Caja Destino (para transferencias)<br>
<select id="${field_caja_destino}">
<option value="">-- Seleccionar Caja Destino --</option>
</select><br><br>
</label>
</div>
<label>
Foto del Ticket<br>
<small>Obligatorio para gastos</small><br>
<img id="${render_foto}" height="150px" style="border: 3px dashed #ccc; min-width: 100px; cursor: pointer; display: block; margin: 10px 0; background: #f5f5f5;" title="Haz clic para subir foto">
<input type="file" accept="image/*" id="${field_foto}" style="display: none;"><br>
</label>
<label>
Notas<br>
<textarea id="${field_notas}" rows="4" placeholder="Descripción del movimiento..."></textarea><br><br>
</label>
<hr>
<button class="btn5" id="${btn_guardar}">Guardar Movimiento</button>
<button class="rojo" id="${btn_cancelar}">Cancelar</button>
</fieldset>
`;
// Set current datetime
var now = new Date();
var tzOffset = now.getTimezoneOffset() * 60000;
var localISOTime = new Date(now - tzOffset).toISOString().slice(0, 16);
document.getElementById(field_fecha).value = localISOTime;
// Load personas for selection
var selectedPersona = '';
var container_personas = document.querySelector('#personaSelector');
addCategory_Personas(
container_personas,
SC_Personas,
selectedPersona,
(personaId) => {
document.getElementById(field_persona).value = personaId;
selectedPersona = personaId;
},
'Persona',
false,
'- No hay personas registradas -'
);
// Load cajas for destination selection
DB.map('cajas', (data, key) => {
function addCajaOption(cajaData, cajaKey) {
if (cajaKey === cajaId) return; // Don't show current caja
var select = document.getElementById(field_caja_destino);
if (!select) return;
var option = document.createElement('option');
option.value = cajaKey;
option.textContent = cajaData.Nombre || cajaKey;
select.appendChild(option);
}
if (typeof data === 'string') {
TS_decrypt(
data,
SECRET,
(cajaData, wasEncrypted) => {
addCajaOption(cajaData, key);
},
'cajas',
key
);
} else {
addCajaOption(data, key);
}
});
// Show/hide destination caja based on transaction type
document.getElementById(field_tipo).addEventListener('change', function () {
var tipo = this.value;
var divDestino = document.getElementById(div_caja_destino);
if (tipo === 'Transferencia') {
divDestino.style.display = 'block';
} else {
divDestino.style.display = 'none';
}
});
// Photo upload handler (click image to upload)
document.getElementById(render_foto).onclick = () => {
document.getElementById(field_foto).click();
};
document.getElementById(field_foto).addEventListener('change', function (e) {
const file = e.target.files[0];
if (!file) return;
const reader = new FileReader();
reader.onload = function (ev) {
const url = ev.target.result;
document.getElementById(render_foto).src = url;
resized = url;
};
reader.readAsDataURL(file);
});
document.getElementById(btn_guardar).onclick = () => {
var guardarBtn = document.getElementById(btn_guardar);
if (guardarBtn.disabled) return;
var tipo = document.getElementById(field_tipo).value;
var monto = parseFloat(document.getElementById(field_monto).value);
var personaId = document.getElementById(field_persona).value;
var fecha = document.getElementById(field_fecha).value;
var notas = document.getElementById(field_notas).value;
var cajaDestinoId = document.getElementById(field_caja_destino).value;
// Validation
if (!tipo) {
alert('Por favor selecciona el tipo de movimiento');
return;
}
if (!monto || monto <= 0) {
alert('Por favor ingresa un monto válido');
return;
}
if (!personaId) {
alert('Por favor selecciona una persona');
return;
}
if (!fecha) {
alert('Por favor selecciona una fecha');
return;
}
// Validate destination caja for transfers
if (tipo === 'Transferencia') {
if (!cajaDestinoId) {
alert('Por favor selecciona la caja destino para la transferencia');
return;
}
if (cajaDestinoId === cajaId) {
alert('No puedes transferir a la misma caja');
return;
}
}
// Validate photo for expenses
if (tipo === 'Gasto' && !resized) {
alert('La foto del ticket es obligatoria para gastos');
return;
}
guardarBtn.disabled = true;
guardarBtn.style.opacity = '0.5';
var movimientoId = safeuuid('');
var fechaISO = new Date(fecha).toISOString();
var data = {
Caja: cajaId,
Fecha: fechaISO,
Tipo: tipo,
Monto: monto,
Persona: personaId,
Notas: notas,
};
// Add destination caja for transfers
if (tipo === 'Transferencia') {
data.CajaDestino = cajaDestinoId;
}
document.getElementById('actionStatus').style.display = 'block';
DB.put('cajas_movimientos', movimientoId, data)
.then(() => {
// Save photo attachment if present
var attachPromise = Promise.resolve(true);
if (resized && resized.indexOf('data:') === 0) {
attachPromise = DB.putAttachment(
'cajas_movimientos',
movimientoId,
'foto',
resized,
'image/png'
);
}
attachPromise
.then(() => {
// Update source caja balance
return updateCajaBalance(cajaId, tipo, monto);
})
.then(() => {
// If transfer, update destination caja balance
if (tipo === 'Transferencia' && cajaDestinoId) {
return updateCajaBalance(cajaDestinoId, 'Ingreso', monto);
}
return Promise.resolve();
})
.then(() => {
toastr.success('Movimiento guardado!');
setTimeout(() => {
document.getElementById('actionStatus').style.display = 'none';
setUrlHash('cajas,' + cajaId);
}, SAVE_WAIT);
})
.catch((e) => {
console.warn('Error saving:', e);
document.getElementById('actionStatus').style.display = 'none';
guardarBtn.disabled = false;
guardarBtn.style.opacity = '1';
toastr.error('Error al guardar el movimiento');
});
})
.catch((e) => {
console.warn('DB.put error', e);
document.getElementById('actionStatus').style.display = 'none';
guardarBtn.disabled = false;
guardarBtn.style.opacity = '1';
toastr.error('Error al guardar el movimiento');
});
};
document.getElementById(btn_cancelar).onclick = () => {
setUrlHash('cajas,' + cajaId);
};
function updateCajaBalance(cajaId, tipo, monto) {
return DB.get('cajas', cajaId).then((caja) => {
function updateBalance(cajaData) {
var currentBalance = parseFloat(cajaData.Balance || 0);
var newBalance = currentBalance;
if (tipo === 'Ingreso') {
newBalance = currentBalance + monto;
} else if (tipo === 'Gasto' || tipo === 'Transferencia') {
// For transfers, this updates the source caja (deduct amount)
newBalance = currentBalance - monto;
}
cajaData.Balance = fixfloat(newBalance);
return DB.put('cajas', cajaId, cajaData);
}
if (typeof caja === 'string') {
return new Promise((resolve, reject) => {
TS_decrypt(
caja,
SECRET,
(cajaData, wasEncrypted) => {
updateBalance(cajaData).then(resolve).catch(reject);
},
'cajas',
cajaId
);
});
} else {
return updateBalance(caja || {});
}
});
}
},
// View/edit a cash register (caja)
edit: function (mid) {
if (!checkRole('cajas')) {
setUrlHash('cajas');
return;
}
// Check for special routes
var parts = location.hash.split(',');
if (parts[1] === 'nuevo_movimiento' && parts[2]) {
PAGES.cajas.nuevo_movimiento(parts[2]);
return;
}
if (parts[1] === 'movimiento' && parts[2] && parts[3]) {
PAGES.cajas.movimiento(parts[2], parts[3]);
return;
}
var nameh1 = safeuuid();
var field_nombre = safeuuid();
var field_balance = safeuuid();
var field_notas = safeuuid();
var btn_guardar = safeuuid();
var btn_borrar = safeuuid();
var btn_nuevo_movimiento = safeuuid();
var movimientos_container = safeuuid();
var isMonederos = mid === 'monederos';
container.innerHTML = html`
<h1>${isMonederos ? 'Monederos' : 'Caja'} <code id="${nameh1}"></code></h1>
${isMonederos ? '' : BuildQR('cajas,' + mid, 'Esta Caja')}
<fieldset>
<label>
Nombre de la Caja<br>
<input type="text" id="${field_nombre}" ${isMonederos ? 'disabled' : ''}><br><br>
</label>
<label>
Balance Actual (€)<br>
<input type="number" step="0.01" id="${field_balance}" disabled
style="font-size: 28px; font-weight: bold; color: #1976d2;"><br>
<small>Se actualiza automáticamente con los movimientos</small><br><br>
</label>
<label>
Notas<br>
<textarea id="${field_notas}" ${isMonederos ? 'disabled' : ''} rows="3"></textarea><br><br>
</label>
<hr>
${
isMonederos
? ''
: html`
<button class="btn5" id="${btn_guardar}">Guardar</button>
<button class="rojo" id="${btn_borrar}">Borrar Caja</button>
`
}
</fieldset>
<h2>Movimientos de ${isMonederos ? 'Monederos' : 'esta Caja'}</h2>
${
isMonederos
? html`<p><small>Aquí se muestran todas las transacciones de los monederos (módulo Pagos)</small></p>`
: html`<button class="btn5" id="${btn_nuevo_movimiento}"> Nuevo Movimiento</button>`
}
<div id="${movimientos_container}"></div>
`;
// Load caja data
if (!isMonederos) {
DB.get('cajas', mid).then((data) => {
function load_data(data) {
document.getElementById(nameh1).innerText = mid;
document.getElementById(field_nombre).value = data['Nombre'] || '';
document.getElementById(field_balance).value = data['Balance'] || 0;
document.getElementById(field_notas).value = data['Notas'] || '';
}
if (typeof data === 'string') {
TS_decrypt(
data,
SECRET,
(data, wasEncrypted) => {
load_data(data);
},
'cajas',
mid
);
} else {
load_data(data || {});
}
});
document.getElementById(btn_guardar).onclick = () => {
var guardarBtn = document.getElementById(btn_guardar);
if (guardarBtn.disabled) return;
guardarBtn.disabled = true;
guardarBtn.style.opacity = '0.5';
var data = {
Nombre: document.getElementById(field_nombre).value,
Balance: parseFloat(document.getElementById(field_balance).value) || 0,
Notas: document.getElementById(field_notas).value,
};
document.getElementById('actionStatus').style.display = 'block';
DB.put('cajas', mid, data)
.then(() => {
toastr.success('Guardado!');
setTimeout(() => {
document.getElementById('actionStatus').style.display = 'none';
setUrlHash('cajas');
}, SAVE_WAIT);
})
.catch((e) => {
console.warn('DB.put error', e);
guardarBtn.disabled = false;
guardarBtn.style.opacity = '1';
document.getElementById('actionStatus').style.display = 'none';
toastr.error('Error al guardar la caja');
});
};
document.getElementById(btn_borrar).onclick = () => {
if (confirm('¿Quieres borrar esta caja? Los movimientos no se borrarán.')) {
DB.del('cajas', mid).then(() => {
toastr.error('Caja borrada!');
setTimeout(() => {
setUrlHash('cajas');
}, SAVE_WAIT);
});
}
};
document.getElementById(btn_nuevo_movimiento).onclick = () => {
setUrlHash('cajas,nuevo_movimiento,' + mid);
};
} else {
// Monederos - show aggregated wallet data
document.getElementById(nameh1).innerText = 'Monederos';
document.getElementById(field_nombre).value = 'Monederos (Tarjetas)';
// Calculate total balance from all personas
var totalBalance = 0;
Object.values(SC_Personas).forEach((persona) => {
totalBalance += parseFloat(persona.Monedero_Balance || 0);
});
document.getElementById(field_balance).value = fixfloat(totalBalance);
document.getElementById(field_notas).value = 'Movimientos de todos los monederos del sistema';
}
// Load movements for this caja (or all pagos for monederos)
if (isMonederos) {
// Show pagos transactions
const config = [
{
key: 'Fecha',
label: 'Fecha',
type: 'template',
template: (data, element) => {
var fecha = data.Fecha || '';
if (fecha) {
var d = new Date(fecha);
element.innerText = d.toLocaleDateString() + ' ' + d.toLocaleTimeString();
}
},
default: '',
},
{ key: 'Tipo', label: 'Tipo', type: 'text', default: '' },
{
key: 'Monto',
label: 'Monto',
type: 'template',
template: (data, element) => {
var tipo = data.Tipo || '';
var monto = parseFloat(data.Monto || 0);
var sign = tipo === 'Ingreso' ? '+' : '-';
var color = tipo === 'Ingreso' ? 'green' : 'red';
element.innerHTML = html`<span style="color: ${color}; font-weight: bold;">${sign}${monto.toFixed(2)}€</span>`;
},
default: '0.00€',
},
{
key: 'Persona',
label: 'Monedero',
type: 'persona-nombre',
default: '',
},
{ key: 'Metodo', label: 'Método', type: 'text', default: '' },
{ key: 'Notas', label: 'Notas', type: 'text', default: '' },
];
TS_IndexElement(
'pagos',
config,
'pagos',
document.getElementById(movimientos_container),
function (data, new_tr) {
new_tr.onclick = () => {
setUrlHash('pagos,' + data._key);
};
},
undefined,
true
);
} else {
// Show cajas_movimientos for this specific caja
const config = [
{
key: 'Fecha',
label: 'Fecha',
type: 'template',
template: (data, element) => {
var fecha = data.Fecha || '';
if (fecha) {
var d = new Date(fecha);
element.innerText = d.toLocaleDateString() + ' ' + d.toLocaleTimeString();
}
},
default: '',
},
{ key: 'Tipo', label: 'Tipo', type: 'text', default: '' },
{
key: 'Monto',
label: 'Monto',
type: 'template',
template: (data, element) => {
var tipo = data.Tipo || '';
var monto = parseFloat(data.Monto || 0);
var sign = tipo === 'Ingreso' ? '+' : tipo === 'Gasto' ? '-' : '↔';
var color = tipo === 'Ingreso' ? 'green' : tipo === 'Gasto' ? 'red' : 'blue';
element.innerHTML = html`<span style="color: ${color}; font-weight: bold;">${sign}${monto.toFixed(2)}€</span>`;
},
default: '0.00€',
},
{
key: 'Persona',
label: 'Persona',
type: 'persona-nombre',
default: '',
},
{ key: 'Notas', label: 'Notas', type: 'text', default: '' },
];
TS_IndexElement(
'cajas_movimientos',
config,
'cajas_movimientos',
document.getElementById(movimientos_container),
function (data, new_tr) {
new_tr.onclick = () => {
setUrlHash('cajas,movimiento,' + mid + ',' + data._key);
};
},
function (data) {
// Filter: only show movements for this caja (return true to HIDE the row)
return data.Caja !== mid;
},
true
);
}
},
// List all cash registers
index: function () {
if (!checkRole('cajas')) {
setUrlHash('index');
return;
}
var btn_new = safeuuid();
var btn_monederos = safeuuid();
var tableContainer = safeuuid();
container.innerHTML = html`
<h1>Cajas</h1>
<button class="btn5" id="${btn_monederos}" style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; margin-bottom: 10px;">
💳 Ver Monederos
</button>
<button id="${btn_new}">Nueva Caja</button>
<div id="${tableContainer}"></div>
`;
const config = [
{ key: 'Nombre', label: 'Nombre', type: 'text', default: '' },
{
key: 'Balance',
label: 'Balance',
type: 'template',
template: (data, element) => {
var balance = parseFloat(data.Balance || 0);
var color = balance >= 0 ? 'green' : 'red';
element.innerHTML = html`<span style="color: ${color}; font-weight: bold; font-size: 18px;">${balance.toFixed(2)}€</span>`;
},
default: '0.00€',
},
{ key: 'Notas', label: 'Notas', type: 'text', default: '' },
];
TS_IndexElement(
'cajas',
config,
'cajas',
document.getElementById(tableContainer),
undefined,
undefined,
true
);
document.getElementById(btn_monederos).onclick = () => {
setUrlHash('cajas,monederos');
};
if (!checkRole('cajas:edit')) {
document.getElementById(btn_new).style.display = 'none';
} else {
document.getElementById(btn_new).onclick = () => {
setUrlHash('cajas,' + safeuuid(''));
};
}
},
};