Revert "Add Cajas module for cash register transaction management"
This commit is contained in:
Naiel
@@ -89,7 +89,6 @@
|
|||||||
<!-- <script src="page/chat.js"></script> -->
|
<!-- <script src="page/chat.js"></script> -->
|
||||||
<script src="page/buscar.js"></script>
|
<script src="page/buscar.js"></script>
|
||||||
<script src="page/pagos.js"></script>
|
<script src="page/pagos.js"></script>
|
||||||
<script src="page/cajas.js"></script>
|
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
@@ -1,760 +0,0 @@
|
|||||||
PERMS['cajas'] = 'Cajas';
|
|
||||||
PERMS['cajas:edit'] = '> 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(''));
|
|
||||||
};
|
|
||||||
}
|
|
||||||
},
|
|
||||||
};
|
|
||||||
Reference in New Issue
Block a user