SekiDesu01/SekiPOS
1
2
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 3 Wiki Activity

Merge branch 'main' of https://gitea.sekidesu.xyz/SekiDesu01/SekiPOS

Browse Source
This commit is contained in:
weko
2026-03-13 21:55:23 -03:00
parent acaf537f11 55ff314163
commit 5119d4bb31
5 changed files with 476 additions and 151 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
migrate.py
View File

@@ -5,13 +5,16 @@ DB_FILE = 'db/pos_database.db'
def upgrade_db():
try:
with sqlite3.connect(DB_FILE) as conn:
<<<<<<< HEAD
=======
# Add stock column
conn.execute("ALTER TABLE products ADD COLUMN stock REAL DEFAULT 0")
print("Successfully added 'stock' column.")
# conn.execute("ALTER TABLE products ADD COLUMN stock REAL DEFAULT 0")
# print("Successfully added 'stock' column.")
# App.py also expects unit_type, adding it to prevent future headaches
conn.execute("ALTER TABLE products ADD COLUMN unit_type TEXT DEFAULT 'unit'")
print("Successfully added 'unit_type' column.")
# # App.py also expects unit_type, adding it to prevent future headaches
# conn.execute("ALTER TABLE products ADD COLUMN unit_type TEXT DEFAULT 'unit'")
# print("Successfully added 'unit_type' column.")
>>>>>>> 1a048a0e074ee26bd45dda9731c78c2ecef42fba
conn.execute("ALTER TABLE dicom ADD COLUMN image_url TEXT;")
print("Successfully added 'image_url' column.")

179
templates/checkout.html
View File

@@ -75,6 +75,30 @@
</div>
</div>
<div class="modal fade" id="variosModal" tabindex="-1">
<div class="modal-dialog modal-dialog-centered modal-sm">
<div class="modal-content">
<div class="modal-header border-0 pb-0">
<h5 class="modal-title w-100 text-center text-muted text-uppercase" style="font-size: 0.8rem;">
Producto Varios
</h5>
<button type="button" class="btn-close position-absolute end-0 top-0 m-3" data-bs-dismiss="modal"></button>
</div>
<div class="modal-body text-center pt-1 pb-4">
<div class="mb-3 text-start">
<label class="text-muted small mb-1">Precio (CLP)</label>
<input type="number" id="varios-price-input" class="form-control form-control-lg text-center fw-bold fs-4"
placeholder="$0"
onkeydown="if(event.key === 'Enter') addVariosToCart()">
</div>
<button class="btn btn-warning w-100 py-3 fw-bold" onclick="addVariosToCart()">
<i class="bi bi-cart-plus me-1"></i> Agregar al Carrito
</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="successModal" tabindex="-1">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content border-success">
@@ -212,8 +236,7 @@
<div class="position-relative mb-4">
<div class="input-group">
<span class="input-group-text border-0 position-absolute"
style="background: transparent;
z-index: 10">
style="background: transparent; z-index: 10">
<i class="bi bi-search text-muted"></i>
</span>
<input type="text"
@@ -222,10 +245,15 @@
placeholder="Buscar producto por nombre o código..."
autocomplete="off"
onkeyup="filterSearch()">
<button class="btn btn-warning px-3 fw-bold" type="button" onclick="openVariosModal()" title="Agregar Varios rápido">
<i class="bi bi-asterisk"></i> <span class="d-none d-sm-inline ms-1">Varios</span>
</button>
<button class="btn btn-accent px-3"
type="button"
onclick="openCustomProductModal()"
title="Agregar manual">
title="Agregar manual detallado">
<i class="bi bi-plus-lg"></i> <span class="d-none d-sm-inline ms-1">Manual</span>
</button>
</div>
@@ -278,10 +306,15 @@
<h2 class="mb-0">TOTAL</h2>
<h1 id="grand-total" style="font-size: 3.5rem; font-weight: 800;">$0</h1>
</div>
<button class="btn btn-primary w-100 btn-lg mb-2" onclick="openQuickSaleModal()">
<i class="bi bi-lightning-charge"></i> VENTA RÁPIDA
</button>
<button class="btn btn-success w-100 btn-lg mb-2" onclick="processSale()">
<i class="bi bi-cash-coin"></i> COBRAR
</button>
<button class="btn btn-danger w-100" onclick="clearCart()">Vaciar</button>
<button class="btn btn-danger w-100 btn-lg" onclick="clearCart()">
<i class="bi bi-trash3"></i> VACIAR
</button>
</div>
</div>
</div>
@@ -311,6 +344,29 @@
</div>
</div>
</div>
<div class="modal fade" id="quickSaleModal" tabindex="-1">
<div class="modal-dialog modal-dialog-centered modal-sm">
<div class="modal-content">
<div class="modal-header border-0 pb-0">
<h5 class="modal-title w-100 text-center text-muted text-uppercase" style="font-size: 0.8rem;">
Venta Rápida
</h5>
<button type="button" class="btn-close position-absolute end-0 top-0 m-3" data-bs-dismiss="modal"></button>
</div>
<div class="modal-body text-center pt-1 pb-4">
<div class="mb-3 text-start">
<label class="text-muted small mb-1">Monto (CLP)</label>
<input type="number" id="quick-sale-amount" class="form-control form-control-lg text-center fw-bold fs-4"
placeholder="$0"
onkeydown="if(event.key === 'Enter') processQuickSale()">
</div>
<button class="btn btn-primary w-100 py-3 fw-bold" onclick="processQuickSale()">
<i class="bi bi-lightning-charge me-1"></i> Finalizar Venta
</button>
</div>
</div>
</div>
</div>
{% endblock %}
{% block scripts %}
<script>
@@ -433,6 +489,7 @@
function executeClearCart() {
cart = [];
renderCart();
clearLastScanned();
bootstrap.Modal.getInstance(document.getElementById('clearCartModal')).hide();
}
@@ -484,6 +541,7 @@
cart = [];
renderCart();
clearLastScanned();
setTimeout(() => successModal.hide(), 2000);
} else {
alert("Error: " + (result.error || "Error desconocido"));
@@ -848,6 +906,119 @@
}
}
function openQuickSaleModal() {
const modal = bootstrap.Modal.getOrCreateInstance(document.getElementById('quickSaleModal'));
document.getElementById('quick-sale-amount').value = '';
modal.show();
// Give the modal a tiny fraction of a second to render before stealing focus
setTimeout(() => document.getElementById('quick-sale-amount').focus(), 500);
}
async function processQuickSale() {
const amountInput = document.getElementById('quick-sale-amount').value;
const amount = parseInt(amountInput, 10);
if (isNaN(amount) || amount <= 0) {
alert("Ingresa un monto válido.");
return;
}
// Create a fake cart containing just this one generic item
const quickCart = [{
barcode: `RAPIDA-${Date.now().toString().slice(-6)}`,
name: '* Varios',
price: amount,
qty: 1,
subtotal: amount,
unit: 'unit'
}];
try {
const response = await fetch('/api/checkout', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ cart: quickCart, payment_method: 'efectivo' })
});
const result = await response.json();
if (response.ok) {
bootstrap.Modal.getInstance(document.getElementById('quickSaleModal')).hide();
// Temporarily swap the global cart variable so printReceipt reads the quick sale, then swap it back
const originalCart = [...cart];
cart = quickCart;
printReceipt(amount, result.sale_id, amount);
cart = originalCart;
const successModal = bootstrap.Modal.getOrCreateInstance(document.getElementById('successModal'));
successModal.show();
setTimeout(() => successModal.hide(), 2000);
} else {
alert("Error: " + (result.error || "Error desconocido"));
}
} catch (err) {
console.error(err);
alert("Error de conexión con el servidor.");
}
}
function clearLastScanned() {
document.getElementById('display-img').src = './static/placeholder.png';
document.getElementById('display-name').innerText = 'Esperando scan...';
document.getElementById('display-barcode').innerText = '';
}
function openVariosModal() {
const modal = bootstrap.Modal.getOrCreateInstance(document.getElementById('variosModal'));
document.getElementById('varios-price-input').value = '';
modal.show();
setTimeout(() => document.getElementById('varios-price-input').focus(), 500);
}
function addVariosToCart() {
const priceInput = document.getElementById('varios-price-input').value;
const price = parseInt(priceInput, 10);
if (isNaN(price) || price <= 0) {
alert("Ingresa un precio válido.");
return;
}
const variosProduct = {
barcode: `VARIOS-${Date.now().toString().slice(-6)}`,
name: '* Varios',
price: price,
qty: 1,
subtotal: price,
image: '',
stock: 0,
unit: 'unit'
};
addToCart(variosProduct, 1);
bootstrap.Modal.getInstance(document.getElementById('variosModal')).hide();
}
// Global listener to capture the Enter key for confirmation modals
document.addEventListener('keydown', function(event) {
if (event.key === 'Enter') {
const removeModal = document.getElementById('removeConfirmModal');
const clearModal = document.getElementById('clearCartModal');
// If the "Quitar Producto" modal is open
if (removeModal && removeModal.classList.contains('show')) {
event.preventDefault(); // Stop it from clicking anything else in the background
executeRemoveItem();
}
// If the "Vaciar Carrito" modal is open
else if (clearModal && clearModal.classList.contains('show')) {
event.preventDefault();
executeClearCart();
}
}
});
loadCart();
</script>
{% endblock %}

398
templates/dicom.html
View File

@@ -1,80 +1,29 @@
{% extends "macros/base.html" %}
{% from 'macros/modals.html' import confirm_modal, scanner_modal %}
{% from 'macros/modals.html' import confirm_modal %}
{% block title %}Ventas{% endblock %}
{% block head %}
<!--HEAD-->
{% endblock %}
{% block title %}Dicom{% endblock %}
{% block content %}
<div class="row g-3">
<div class="col-md-4">
<div class="discord-card p-3 mb-3">
<div class="d-flex justify-content-between align-items-center mb-3">
<h5 class="mb-0 fw-bold">Registrar Movimiento</h5>
<button class="btn btn-sm btn-outline-secondary" onclick="clearDicomForm()" title="Limpiar Formulario">
<i class="bi bi-eraser"></i> Nuevo
</button>
</div>
<div class="mb-2">
<label class="small text-muted mb-1">Nombre del Cliente</label>
<input type="text" id="dicom-name" class="form-control" placeholder="Ej: Doña Juanita">
</div>
<div class="mb-2">
<label class="small text-muted mb-1">Monto (CLP)</label>
<input type="number" id="dicom-amount" class="form-control" placeholder="Ej: 5000">
</div>
<div class="mb-3">
<label class="small text-muted mb-1">Nota (Opcional)</label>
<input type="text" id="dicom-notes" class="form-control" placeholder="Ej: Pan y bebida"
onkeydown="if(event.key === 'Enter') submitDicom('add')">
</div>
<div class="mb-4">
<label class="small text-muted mb-1">Foto / Comprobante</label>
<div class="input-group">
<input type="text" id="dicom-image-url" class="form-control" placeholder="URL de imagen" readonly>
<input type="file" id="dicom-camera-input" accept="image/*" capture="environment" style="display: none;"
onchange="handleDicomUpload(this)">
<button class="btn btn-outline-secondary" type="button"
onclick="document.getElementById('dicom-camera-input').click()">
<i class="bi bi-camera"></i>
</button>
</div>
<div id="dicom-img-preview-container" class="mt-2 d-none">
<img id="dicom-img-preview" src="" class="img-thumbnail" style="max-height: 100px;">
</div>
</div>
<div class="d-flex flex-column gap-2">
<button class="btn btn-danger py-2 fw-bold" onclick="submitDicom('add')">
<i class="bi bi-cart-plus me-1"></i> Fiar (Sumar Deuda)
</button>
<button class="btn btn-success py-2 fw-bold" onclick="submitDicom('pay')">
<i class="bi bi-cash-coin me-1"></i> Abonar (Restar Deuda)
</button>
</div>
</div>
</div>
<div class="col-md-8">
<div class="col-12">
<div class="discord-card p-3">
<div class="position-relative mb-3">
<input type="text" id="dicom-search" class="form-control ps-5"
placeholder="Buscar cliente por nombre..." onkeyup="filterDicom()">
<i class="bi bi-search position-absolute top-50 start-0 translate-middle-y ms-3 text-muted"></i>
<div class="d-flex justify-content-between align-items-center mb-3 gap-3">
<div class="position-relative flex-grow-1">
<input type="text" id="dicom-search" class="form-control ps-5 py-2"
placeholder="Buscar cliente por nombre..." onkeyup="filterDicom()">
<i class="bi bi-search position-absolute top-50 start-0 translate-middle-y ms-3 text-muted"></i>
</div>
<button class="btn btn-accent text-nowrap py-2 px-3 fw-bold" onclick="openNewModal()">
<i class="bi bi-plus-lg me-1"></i> Nuevo Deudor
</button>
</div>
<div class="table-responsive">
<table class="table mb-0" id="dicom-table">
<thead>
<tr>
<th>Foto</th>
<th style="width: 60px;">Foto</th>
<th>Nombre</th>
<th>Deuda Total</th>
<th>Última Nota</th>
@@ -87,21 +36,21 @@
<tr>
<td>
{% if d[5] %}
<img src="{{ d[5] }}" class="rounded" style="width: 40px; height: 40px; object-fit: cover; cursor: pointer;"
<img src="{{ d[5] }}" class="rounded shadow-sm" style="width: 40px; height: 40px; object-fit: cover; cursor: pointer;"
onclick="window.open(this.src, '_blank')">
{% else %}
<div class="bg-secondary rounded" style="width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; opacity: 0.3;">
<i class="bi bi-image text-white"></i>
<i class="bi bi-person text-white"></i>
</div>
{% endif %}
</td>
<td class="fw-bold">{{ d[1] }}</td>
<td class="fw-bold price-cell" data-value="{{ d[2] }}"></td>
<td class="text-muted small">{{ d[3] }}</td>
<td class="text-muted small">{{ d[4] }}</td>
<td class="text-end">
<button class="btn btn-sm btn-outline-secondary" onclick="selectClient('{{ d[1] }}')"
title="Seleccionar">
<td class="fw-bold align-middle">{{ d[1] }}</td>
<td class="fw-bold price-cell align-middle fs-5" data-value="{{ d[2] }}"></td>
<td class="text-muted small align-middle">{{ d[3] }}</td>
<td class="text-muted small align-middle">{{ d[4] }}</td>
<td class="text-end align-middle">
<button class="btn btn-sm btn-outline-secondary" onclick="openQuickEditModal('{{ d[1] }}', '{{ d[3] }}')"
title="Actualizar Deuda">
<i class="bi bi-pencil"></i>
</button>
<button class="btn btn-sm btn-outline-danger ms-1"
@@ -116,21 +65,116 @@
</div>
</div>
</div>
</div>
<div class="modal fade" id="dicomModal" tabindex="-1" data-bs-backdrop="static">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header border-0 pb-0">
<h5 class="modal-title w-100 text-center text-muted text-uppercase" style="font-size: 0.8rem;" id="dicomModalTitle">
Registrar Movimiento
</h5>
<button type="button" class="btn-close position-absolute end-0 top-0 m-3" data-bs-dismiss="modal"></button>
</div>
<div class="modal-body pt-2 pb-4">
<div class="mb-3">
<label class="small text-muted mb-1">Nombre del Cliente</label>
<input type="text" id="dicom-name" class="form-control form-control-lg fw-bold" placeholder="Ej: Doña Juanita">
</div>
<div class="mb-3">
<label class="small text-muted mb-1">Monto (CLP)</label>
<input type="number" id="dicom-amount" class="form-control form-control-lg text-center fw-bold fs-4" placeholder="$0">
</div>
<div class="mb-3">
<label class="small text-muted mb-1">Nota (Opcional)</label>
<input type="text" id="dicom-notes" class="form-control" placeholder="Ej: Pan y bebida"
onkeydown="if(event.key === 'Enter') submitDicom('add')">
</div>
<div class="mb-4">
<label class="small text-muted mb-1">Foto / Comprobante (Opcional)</label>
<div class="input-group">
<input type="text" id="dicom-image-url" class="form-control" placeholder="URL de imagen" readonly>
<input type="file" id="dicom-camera-input" accept="image/*" capture="environment" style="display: none;"
onchange="handleDicomUpload(this)">
<button class="btn btn-outline-secondary" type="button"
onclick="document.getElementById('dicom-camera-input').click()">
<i class="bi bi-camera"></i>
</button>
</div>
<div id="dicom-img-preview-container" class="mt-2 text-center d-none">
<img id="dicom-img-preview" src="" class="img-thumbnail rounded" style="max-height: 120px; border-color: var(--border);">
</div>
</div>
<div class="d-flex gap-2">
<button class="btn btn-danger flex-grow-1 py-3 fw-bold" onclick="submitDicom('add')">
<i class="bi bi-cart-plus me-1"></i> Fiar
</button>
<button class="btn btn-success flex-grow-1 py-3 fw-bold" onclick="submitDicom('pay')">
<i class="bi bi-cash-coin me-1"></i> Abonar
</button>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="quickEditModal" tabindex="-1">
<div class="modal-dialog modal-dialog-centered modal-sm">
<div class="modal-content">
<div class="modal-header border-0 pb-0">
<h5 class="modal-title w-100 text-center text-muted text-uppercase" style="font-size: 0.8rem;">
Actualizar Deuda
</h5>
<button type="button" class="btn-close position-absolute end-0 top-0 m-3" data-bs-dismiss="modal"></button>
</div>
<div class="modal-body text-center pt-1 pb-4">
<h4 id="quick-edit-name" class="mb-3 fw-bold" style="color: var(--text-main);"></h4>
<div class="mb-3 text-start">
<label class="text-muted small mb-1">Monto a agregar/restar (CLP)</label>
<input type="number" id="quick-edit-amount" class="form-control form-control-lg text-center fw-bold fs-4" placeholder="$0"
onkeydown="if(event.key === 'Enter') submitQuickEdit('add')">
</div>
<div class="mb-4 text-start">
<label class="text-muted small mb-1">Nota Actualizada</label>
<input type="text" id="quick-edit-notes" class="form-control" placeholder="Ej: Pan y bebida"
onkeydown="if(event.key === 'Enter') submitQuickEdit('add')">
</div>
<div class="d-flex gap-2">
<button class="btn btn-danger flex-grow-1 py-2 fw-bold" onclick="submitQuickEdit('add')">
<i class="bi bi-cart-plus me-1"></i> Fiar
</button>
<button class="btn btn-success flex-grow-1 py-2 fw-bold" onclick="submitQuickEdit('pay')">
<i class="bi bi-cash-coin me-1"></i> Abonar
</button>
</div>
</div>
</div>
</div>
</div>
{% call confirm_modal('deleteDebtModal', 'Eliminar Registro', 'btn-danger', 'Eliminar Permanente', 'executeForgiveDebt()') %}
<div class="text-center">
<i class="bi bi-exclamation-triangle-fill text-danger mb-3" style="font-size: 3rem;"></i>
<p class="mb-1">¿Estás seguro de que quieres perdonar la deuda y eliminar completamente a <strong id="deleteDebtName" style="color: var(--text-main);"></strong> del registro?</p>
<p class="text-muted small">Esta acción no se puede deshacer.</p>
</div>
{% endcall %}
{% endblock %}
{% block scripts %}
<script>
const clp = new Intl.NumberFormat('es-CL', { style: 'currency', currency: 'CLP', minimumFractionDigits: 0 });
// Smart color formatting for the debt column
// Format debts and flip colors (Negative = Debt/Red, Positive = Credit/Green)
document.querySelectorAll('.price-cell').forEach(td => {
const val = parseFloat(td.getAttribute('data-value'));
td.innerText = clp.format(val);
// Reversing the logic: Negative is debt (red), Positive is credit (green)
if (val < 0) {
td.classList.add('text-danger');
} else if (val > 0) {
@@ -140,6 +184,70 @@
}
});
// Modal Control Functions
function openNewModal() {
clearDicomForm();
bootstrap.Modal.getOrCreateInstance(document.getElementById('dicomModal')).show();
setTimeout(() => document.getElementById('dicom-name').focus(), 500);
}
let currentQuickEditName = '';
function openQuickEditModal(name, notes) {
currentQuickEditName = name;
document.getElementById('quick-edit-name').innerText = name;
document.getElementById('quick-edit-amount').value = '';
// Inject the existing note directly into the new input field
document.getElementById('quick-edit-notes').value = notes || '';
const modal = bootstrap.Modal.getOrCreateInstance(document.getElementById('quickEditModal'));
modal.show();
setTimeout(() => document.getElementById('quick-edit-amount').focus(), 500);
}
async function submitQuickEdit(action) {
const amount = document.getElementById('quick-edit-amount').value;
const notes = document.getElementById('quick-edit-notes').value; // Grab the newly edited note
if (!amount || amount <= 0 || isNaN(amount)) {
alert('Ingresa un monto válido mayor a 0.');
return;
}
try {
const res = await fetch('/api/dicom/update', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({
name: currentQuickEditName,
amount: amount,
notes: notes, // Send the UI value instead of the background variable
action: action,
image_url: ''
})
});
if (res.ok) {
bootstrap.Modal.getInstance(document.getElementById('quickEditModal')).hide();
window.location.reload();
} else {
alert("Error al actualizar la deuda.");
}
} catch (e) { alert("Error de conexión."); }
}
function clearDicomForm() {
document.getElementById('dicom-name').value = '';
document.getElementById('dicom-amount').value = '';
document.getElementById('dicom-notes').value = '';
document.getElementById('dicom-image-url').value = '';
document.getElementById('dicom-img-preview-container').classList.add('d-none');
}
// Image Compression & Upload
function compressImage(file, maxWidth, quality) {
return new Promise((resolve, reject) => {
const reader = new FileReader();
@@ -165,60 +273,45 @@
});
}
async function handleDicomUpload(input) {
const name = document.getElementById('dicom-name').value;
if (!name) {
alert("Primero ingresa un nombre para asociar la foto.");
input.value = '';
return;
}
const file = input.files[0];
if (!file) return;
try {
const compressedBlob = await compressImage(file, 800, 0.7);
const formData = new FormData();
// Use a unique name for the file based on the debtor
formData.append('image', compressedBlob, `debt_${name}_${Date.now()}.jpg`);
formData.append('barcode', `debt_${name}`); // Reusing the barcode field as a prefix
const res = await fetch('/upload_image', { method: 'POST', body: formData });
const data = await res.json();
if (res.ok) {
document.getElementById('dicom-image-url').value = data.image_url;
document.getElementById('dicom-img-preview').src = data.image_url;
document.getElementById('dicom-img-preview-container').classList.remove('d-none');
async function handleDicomUpload(input) {
const name = document.getElementById('dicom-name').value.trim();
if (!name) {
alert("Primero ingresa el nombre del cliente arriba para asociar la foto.");
input.value = '';
return;
}
} catch (e) {
alert("Error procesando imagen.");
}
}
function filterDicom() {
const q = document.getElementById('dicom-search').value.toLowerCase();
document.querySelectorAll('#dicom-table tbody tr').forEach(row => {
const name = row.cells[0].innerText.toLowerCase();
row.style.display = name.includes(q) ? '' : 'none';
});
}
// Just pre-fills the form so you don't accidentally click the wrong action
function selectClient(name) {
document.getElementById('dicom-name').value = name;
document.getElementById('dicom-amount').focus();
window.scrollTo({ top: 0, behavior: 'smooth' });
const file = input.files[0];
if (!file) return;
try {
const compressedBlob = await compressImage(file, 800, 0.7);
const formData = new FormData();
formData.append('image', compressedBlob, `debt_${name}_${Date.now()}.jpg`);
formData.append('barcode', `debt_${name}`);
const res = await fetch('/upload_image', { method: 'POST', body: formData });
const data = await res.json();
if (res.ok) {
document.getElementById('dicom-image-url').value = data.image_url;
document.getElementById('dicom-img-preview').src = data.image_url;
document.getElementById('dicom-img-preview-container').classList.remove('d-none');
}
} catch (e) {
alert("Error procesando imagen.");
}
}
// Database Actions
async function submitDicom(action) {
const name = document.getElementById('dicom-name').value;
const name = document.getElementById('dicom-name').value.trim();
const amount = document.getElementById('dicom-amount').value;
const notes = document.getElementById('dicom-notes').value;
const image_url = document.getElementById('dicom-image-url').value; // Added
const image_url = document.getElementById('dicom-image-url').value;
if (!name || amount <= 0) {
alert('Ingresa un nombre y monto válido.');
if (!name || amount <= 0 || isNaN(amount)) {
alert('Ingresa un nombre y monto válido mayor a 0.');
return;
}
@@ -226,27 +319,60 @@ async function handleDicomUpload(input) {
const res = await fetch('/api/dicom/update', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ name, amount, notes, action, image_url }) // Added image_url
body: JSON.stringify({ name, amount, notes, action, image_url })
});
if (res.ok) window.location.reload();
if (res.ok) {
bootstrap.Modal.getInstance(document.getElementById('dicomModal')).hide();
window.location.reload();
} else {
alert("Error al guardar en la base de datos.");
}
} catch (e) { alert("Error de conexión."); }
}
// UPDATE your existing clearDicomForm
function clearDicomForm() {
document.getElementById('dicom-name').value = '';
document.getElementById('dicom-amount').value = '';
document.getElementById('dicom-notes').value = '';
document.getElementById('dicom-image-url').value = ''; // Added
document.getElementById('dicom-img-preview-container').classList.add('d-none'); // Added
document.getElementById('dicom-name').focus();
let debtIdToDelete = null;
function forgiveDebt(id, name) {
debtIdToDelete = id;
document.getElementById('deleteDebtName').innerText = name;
bootstrap.Modal.getOrCreateInstance(document.getElementById('deleteDebtModal')).show();
}
async function forgiveDebt(id, name) {
if (!confirm(`¿Estás seguro de que quieres eliminar completamente a ${name} del registro?`)) return;
async function executeForgiveDebt() {
if (!debtIdToDelete) return;
try {
const res = await fetch(`/api/dicom/${debtIdToDelete}`, { method: 'DELETE' });
if (res.ok) {
window.location.reload();
} else {
alert("Error al eliminar el registro.");
}
} catch (e) {
alert("Error de conexión.");
} finally {
bootstrap.Modal.getInstance(document.getElementById('deleteDebtModal')).hide();
}
}
// Global listener to accept with the Enter key
document.addEventListener('keydown', function(event) {
if (event.key === 'Enter') {
const deleteModal = document.getElementById('deleteDebtModal');
if (deleteModal && deleteModal.classList.contains('show')) {
event.preventDefault();
executeForgiveDebt();
}
}
});
const res = await fetch(`/api/dicom/${id}`, { method: 'DELETE' });
if (res.ok) window.location.reload();
// Search
function filterDicom() {
const q = document.getElementById('dicom-search').value.toLowerCase();
document.querySelectorAll('#dicom-table tbody tr').forEach(row => {
const name = row.cells[1].innerText.toLowerCase(); // Index 1 is the name column
row.style.display = name.includes(q) ? '' : 'none';
});
}
</script>
{% endblock %}

35
templates/macros/modals.html
View File

@@ -49,14 +49,39 @@
<div id="receipt-print-zone{{ id_suffix }}" class="d-none d-print-block">
<style>
@media print {
body * { visibility: hidden; }
#receipt-print-zone{{ id_suffix }}, #receipt-print-zone{{ id_suffix }} * { visibility: visible; }
/* Tell the browser this is a continuous 80mm thermal roll */
@page {
margin: 0;
size: 80mm auto;
}
/* Nuke the rest of the layout from the document flow so it takes up 0 height */
nav, .discord-card, .modal, .row {
display: none !important;
}
body * {
visibility: hidden;
}
/* Resurrect the receipt and put it in the top left corner */
#receipt-print-zone{{ id_suffix }}, #receipt-print-zone{{ id_suffix }} * {
visibility: visible;
}
#receipt-print-zone{{ id_suffix }} {
position: absolute; left: 0; top: 0; width: 80mm;
padding: 5mm; margin: 0; display: block !important;
font-family: 'Courier New', Courier, monospace; font-size: 10px; color: #000;
position: absolute;
left: 0;
top: 0;
width: 80mm;
padding: 2mm 5mm;
margin: 0;
display: block !important;
font-family: 'Courier New', Courier, monospace;
font-size: 10px;
color: #000;
}
}
.receipt-table { width: 100%; border-collapse: collapse; font-family: monospace; font-size: 12px; }
.receipt-header { text-align: center; margin-bottom: 10px; border-bottom: 1px dashed #000; padding-bottom: 5px; }
.receipt-total-row { border-top: 1px dashed #000; margin-top: 5px; padding-top: 5px; font-weight: bold; }

2
templates/macros/navbar.html
View File

@@ -1,7 +1,7 @@
<nav class="navbar navbar-expand-md sticky-top px-3 mb-3">
<span class="navbar-brand">
SekiPOS
<small class="text-muted fw-normal" style="font-size:0.65rem;">v1.8</small>
<small class="text-muted fw-normal" style="font-size:0.65rem;">v2.0</small>
</span>
<div class="ms-3 gap-2 d-flex">