Autosave: 20260212-051355
This commit is contained in:
parent
b390ef6318
commit
98f0c58027
@ -14,8 +14,7 @@ if (!function_exists('db')) {
|
|||||||
PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION,
|
PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION,
|
||||||
PDO::ATTR_DEFAULT_FETCH_MODE => PDO::FETCH_ASSOC,
|
PDO::ATTR_DEFAULT_FETCH_MODE => PDO::FETCH_ASSOC,
|
||||||
]);
|
]);
|
||||||
$pdo->exec("SET time_zone = '-05:00'");
|
|
||||||
}
|
}
|
||||||
return $pdo;
|
return $pdo;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -15,7 +15,7 @@ if (empty($product_ids)) {
|
|||||||
|
|
||||||
// Sanitize input
|
// Sanitize input
|
||||||
$placeholders = implode(',', array_fill(0, count($product_ids), '?'));
|
$placeholders = implode(',', array_fill(0, count($product_ids), '?'));
|
||||||
$stmt = db()->prepare("SELECT id, nombre FROM products WHERE id IN ($placeholders)");
|
$stmt = db()->prepare("SELECT id, nombre, sku FROM products WHERE id IN ($placeholders)");
|
||||||
foreach ($product_ids as $k => $id) {
|
foreach ($product_ids as $k => $id) {
|
||||||
$stmt->bindValue(($k + 1), $id, PDO::PARAM_INT);
|
$stmt->bindValue(($k + 1), $id, PDO::PARAM_INT);
|
||||||
}
|
}
|
||||||
@ -77,7 +77,11 @@ $products = $stmt->fetchAll(PDO::FETCH_ASSOC);
|
|||||||
<?php foreach ($products as $product): ?>
|
<?php foreach ($products as $product): ?>
|
||||||
<div class="label">
|
<div class="label">
|
||||||
<div class="product-name"><?php echo htmlspecialchars($product['nombre']); ?></div>
|
<div class="product-name"><?php echo htmlspecialchars($product['nombre']); ?></div>
|
||||||
<img src="https://barcode.tec-it.com/barcode.ashx?data=<?php echo $product['id']; ?>&code=Code128" alt="Barcode for product ID <?php echo $product['id']; ?>">
|
<?php if (!empty($product['sku'])): ?>
|
||||||
|
<img src="https://barcode.tec-it.com/barcode.ashx?data=<?php echo urlencode($product['sku']); ?>&code=Code128" alt="Barcode for product SKU <?php echo htmlspecialchars($product['sku']); ?>">
|
||||||
|
<?php else: ?>
|
||||||
|
<p>Sin SKU</p>
|
||||||
|
<?php endif; ?>
|
||||||
</div>
|
</div>
|
||||||
<?php endforeach; ?>
|
<?php endforeach; ?>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -69,8 +69,10 @@ $products = $stmt->fetchAll(PDO::FETCH_ASSOC);
|
|||||||
<td><input type="checkbox" name="product_ids[]" value="<?php echo $product['id']; ?>"></td>
|
<td><input type="checkbox" name="product_ids[]" value="<?php echo $product['id']; ?>"></td>
|
||||||
<td><?php echo $product['id']; ?></td>
|
<td><?php echo $product['id']; ?></td>
|
||||||
<td>
|
<td>
|
||||||
<?php if (!empty($product['id'])): ?>
|
<?php if (!empty($product['sku'])): ?>
|
||||||
<img src="https://barcode.tec-it.com/barcode.ashx?data=<?php echo $product['id']; ?>&code=Code128" alt="Barcode for product ID <?php echo $product['id']; ?>" style="max-height: 40px;">
|
<img src="https://barcode.tec-it.com/barcode.ashx?data=<?php echo urlencode($product['sku']); ?>&code=Code128" alt="Barcode for product SKU <?php echo htmlspecialchars($product['sku']); ?>" style="max-height: 40px;">
|
||||||
|
<?php else: ?>
|
||||||
|
Sin SKU
|
||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
</td>
|
</td>
|
||||||
<td><?php echo htmlspecialchars($product['nombre']); ?></td>
|
<td><?php echo htmlspecialchars($product['nombre']); ?></td>
|
||||||
|
|||||||
92
registrar_salida_api.php
Normal file
92
registrar_salida_api.php
Normal file
@ -0,0 +1,92 @@
|
|||||||
|
<?php
|
||||||
|
require_once 'db/config.php';
|
||||||
|
|
||||||
|
// Silenciar errores de PHP para asegurar una respuesta JSON limpia
|
||||||
|
ini_set('display_errors', 0);
|
||||||
|
error_reporting(0);
|
||||||
|
|
||||||
|
header('Content-Type: application/json');
|
||||||
|
|
||||||
|
$response = [];
|
||||||
|
$error = '';
|
||||||
|
$message = '';
|
||||||
|
|
||||||
|
if ($_SERVER["REQUEST_METHOD"] == "POST") {
|
||||||
|
$product_id = filter_input(INPUT_POST, 'product_id', FILTER_VALIDATE_INT);
|
||||||
|
$sede_id = filter_input(INPUT_POST, 'sede_id', FILTER_VALIDATE_INT);
|
||||||
|
$movement_date = filter_input(INPUT_POST, 'movement_date');
|
||||||
|
$quantity = 1;
|
||||||
|
|
||||||
|
if ($product_id && $sede_id && $movement_date) {
|
||||||
|
try {
|
||||||
|
$pdo = db();
|
||||||
|
if (!$pdo) {
|
||||||
|
throw new PDOException("No se pudo conectar a la base de datos.");
|
||||||
|
}
|
||||||
|
|
||||||
|
$pdo->beginTransaction();
|
||||||
|
|
||||||
|
$stmt = $pdo->prepare("SELECT * FROM stock_sedes WHERE product_id = :product_id AND sede_id = :sede_id FOR UPDATE");
|
||||||
|
$stmt->execute(['product_id' => $product_id, 'sede_id' => $sede_id]);
|
||||||
|
$existing_stock = $stmt->fetch();
|
||||||
|
|
||||||
|
if ($existing_stock) {
|
||||||
|
$new_quantity = $existing_stock['quantity'] - $quantity;
|
||||||
|
if ($new_quantity < 0) {
|
||||||
|
$error = "No hay stock para registrar la salida. Stock actual: " . $existing_stock['quantity'];
|
||||||
|
$pdo->rollBack();
|
||||||
|
} else {
|
||||||
|
$update_stmt = $pdo->prepare("UPDATE stock_sedes SET quantity = :quantity WHERE id = :id");
|
||||||
|
$update_stmt->execute(['quantity' => $new_quantity, 'id' => $existing_stock['id']]);
|
||||||
|
|
||||||
|
$history_stmt = $pdo->prepare(
|
||||||
|
"INSERT INTO stock_movements (product_id, sede_id, quantity, type, movement_date)
|
||||||
|
VALUES (:product_id, :sede_id, :quantity, 'salida', :movement_date)"
|
||||||
|
);
|
||||||
|
$history_stmt->execute([
|
||||||
|
'product_id' => $product_id,
|
||||||
|
'sede_id' => $sede_id,
|
||||||
|
'quantity' => $quantity,
|
||||||
|
'movement_date' => $movement_date
|
||||||
|
]);
|
||||||
|
|
||||||
|
$pdo->commit();
|
||||||
|
|
||||||
|
$stmt_prod_name = $pdo->prepare("SELECT nombre FROM products WHERE id = :id");
|
||||||
|
$stmt_prod_name->execute(['id' => $product_id]);
|
||||||
|
$product_name = $stmt_prod_name->fetchColumn();
|
||||||
|
|
||||||
|
$message = "Salida de 1 unidad de '{$product_name}' registrada. Stock restante: {$new_quantity}.";
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
$error = "No hay stock registrado para este producto en la sede seleccionada.";
|
||||||
|
$pdo->rollBack();
|
||||||
|
}
|
||||||
|
|
||||||
|
} catch (PDOException $e) {
|
||||||
|
if (isset($pdo) && $pdo->inTransaction()) {
|
||||||
|
$pdo->rollBack();
|
||||||
|
}
|
||||||
|
// No exponer detalles del error de la DB al cliente
|
||||||
|
$error = "Error al actualizar el inventario. Verifique la conexión o los datos.";
|
||||||
|
// Loguear el error real para depuración
|
||||||
|
error_log("PDOException en registrar_salida_api.php: " . $e->getMessage());
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
$error = "Faltan datos para registrar la salida (producto, sede o fecha).";
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
$error = "Método de solicitud no válido.";
|
||||||
|
}
|
||||||
|
|
||||||
|
if ($error) {
|
||||||
|
$response['success'] = false;
|
||||||
|
$response['message'] = $error;
|
||||||
|
} else {
|
||||||
|
$response['success'] = true;
|
||||||
|
$response['message'] = $message;
|
||||||
|
}
|
||||||
|
|
||||||
|
echo json_encode($response);
|
||||||
|
exit;
|
||||||
|
?>
|
||||||
@ -3,75 +3,7 @@ $pageTitle = "Registro de Salida de Producto";
|
|||||||
require_once 'layout_header.php';
|
require_once 'layout_header.php';
|
||||||
require_once 'db/config.php';
|
require_once 'db/config.php';
|
||||||
|
|
||||||
$message = '';
|
$error_page_load = '';
|
||||||
$error = '';
|
|
||||||
|
|
||||||
// Esta sección ahora solo se usará para las respuestas AJAX del escáner
|
|
||||||
if ($_SERVER["REQUEST_METHOD"] == "POST" && !empty($_SERVER['HTTP_X_REQUESTED_WITH'])) {
|
|
||||||
$product_id = filter_input(INPUT_POST, 'product_id', FILTER_VALIDATE_INT);
|
|
||||||
$sede_id = filter_input(INPUT_POST, 'sede_id', FILTER_VALIDATE_INT);
|
|
||||||
$movement_date = filter_input(INPUT_POST, 'movement_date');
|
|
||||||
$quantity = 1; // Siempre es 1 al escanear
|
|
||||||
|
|
||||||
if ($product_id && $sede_id && $movement_date) {
|
|
||||||
try {
|
|
||||||
$pdo = db();
|
|
||||||
$pdo->beginTransaction();
|
|
||||||
|
|
||||||
$stmt = $pdo->prepare("SELECT * FROM stock_sedes WHERE product_id = :product_id AND sede_id = :sede_id FOR UPDATE");
|
|
||||||
$stmt->execute(['product_id' => $product_id, 'sede_id' => $sede_id]);
|
|
||||||
$existing_stock = $stmt->fetch();
|
|
||||||
|
|
||||||
if ($existing_stock) {
|
|
||||||
$new_quantity = $existing_stock['quantity'] - $quantity;
|
|
||||||
if ($new_quantity < 0) {
|
|
||||||
$error = "No hay stock para registrar la salida. Stock actual: " . $existing_stock['quantity'];
|
|
||||||
$pdo->rollBack();
|
|
||||||
} else {
|
|
||||||
$update_stmt = $pdo->prepare("UPDATE stock_sedes SET quantity = :quantity WHERE id = :id");
|
|
||||||
$update_stmt->execute(['quantity' => $new_quantity, 'id' => $existing_stock['id']]);
|
|
||||||
|
|
||||||
$history_stmt = $pdo->prepare(
|
|
||||||
"INSERT INTO stock_movements (product_id, sede_id, quantity, type, movement_date)
|
|
||||||
VALUES (:product_id, :sede_id, :quantity, 'salida', :movement_date)"
|
|
||||||
);
|
|
||||||
$history_stmt->execute([
|
|
||||||
'product_id' => $product_id,
|
|
||||||
'sede_id' => $sede_id,
|
|
||||||
'quantity' => $quantity,
|
|
||||||
'movement_date' => $movement_date
|
|
||||||
]);
|
|
||||||
|
|
||||||
$pdo->commit();
|
|
||||||
$stmt_prod_name = $pdo->prepare("SELECT nombre FROM products WHERE id = :id");
|
|
||||||
$stmt_prod_name->execute(['id' => $product_id]);
|
|
||||||
$product_name = $stmt_prod_name->fetchColumn();
|
|
||||||
$message = "Salida de 1 unidad de '{$product_name}' registrada. Stock restante: {$new_quantity}.";
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
$error = "No hay stock registrado para este producto en la sede seleccionada.";
|
|
||||||
$pdo->rollBack();
|
|
||||||
}
|
|
||||||
|
|
||||||
} catch (PDOException $e) {
|
|
||||||
if ($pdo && $pdo->inTransaction()) {
|
|
||||||
$pdo->rollBack();
|
|
||||||
}
|
|
||||||
$error = "Error al actualizar el inventario: " . $e->getMessage();
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
$error = "Faltan datos para registrar la salida (producto, sede o fecha).";
|
|
||||||
}
|
|
||||||
|
|
||||||
// Devolvemos JSON y terminamos la ejecución
|
|
||||||
header('Content-Type: application/json');
|
|
||||||
if ($error) {
|
|
||||||
echo json_encode(['success' => false, 'message' => $error]);
|
|
||||||
} else {
|
|
||||||
echo json_encode(['success' => true, 'message' => $message]);
|
|
||||||
}
|
|
||||||
exit;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Obtener sedes para el dropdown
|
// Obtener sedes para el dropdown
|
||||||
$sedes = [];
|
$sedes = [];
|
||||||
@ -119,7 +51,12 @@ try {
|
|||||||
<hr>
|
<hr>
|
||||||
<div class="mb-3">
|
<div class="mb-3">
|
||||||
<label for="barcode-input" class="form-label">Esperando código de barras...</label>
|
<label for="barcode-input" class="form-label">Esperando código de barras...</label>
|
||||||
<input type="text" class="form-control form-control-lg" id="barcode-input" placeholder="Escanee el producto aquí" autofocus>
|
<div class="input-group">
|
||||||
|
<input type="text" class="form-control form-control-lg" id="barcode-input" placeholder="Escanee el producto aquí" autofocus>
|
||||||
|
<button class="btn btn-outline-secondary" type="button" id="scan-camera-btn" data-bs-toggle="modal" data-bs-target="#camera-modal">
|
||||||
|
<i class="fa fa-camera"></i> Escanear con Cámara
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
@ -179,11 +116,9 @@ document.addEventListener('DOMContentLoaded', (event) => {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
// El usuario debe interactuar con la página para iniciar el audio
|
|
||||||
document.body.addEventListener('click', initAudioContext, { once: true });
|
document.body.addEventListener('click', initAudioContext, { once: true });
|
||||||
document.body.addEventListener('keydown', initAudioContext, { once: true });
|
document.body.addEventListener('keydown', initAudioContext, { once: true });
|
||||||
|
|
||||||
|
|
||||||
// --- Funciones de ayuda ---
|
// --- Funciones de ayuda ---
|
||||||
function showNotification(message, isSuccess) {
|
function showNotification(message, isSuccess) {
|
||||||
const container = document.getElementById('notification-container');
|
const container = document.getElementById('notification-container');
|
||||||
@ -232,7 +167,7 @@ document.addEventListener('DOMContentLoaded', (event) => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
processing = true;
|
processing = true;
|
||||||
this.disabled = true; // Bloquear input mientras se procesa
|
this.disabled = true;
|
||||||
|
|
||||||
const sede_id = sedeSelect.value;
|
const sede_id = sedeSelect.value;
|
||||||
const movement_date = dateInput.value;
|
const movement_date = dateInput.value;
|
||||||
@ -247,7 +182,6 @@ document.addEventListener('DOMContentLoaded', (event) => {
|
|||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
// Añadir fila a la tabla
|
|
||||||
const newRow = tableBody.insertRow(0);
|
const newRow = tableBody.insertRow(0);
|
||||||
const cellProduct = newRow.insertCell(0);
|
const cellProduct = newRow.insertCell(0);
|
||||||
const cellSku = newRow.insertCell(1);
|
const cellSku = newRow.insertCell(1);
|
||||||
@ -263,32 +197,15 @@ document.addEventListener('DOMContentLoaded', (event) => {
|
|||||||
if (data.success && data.product) {
|
if (data.success && data.product) {
|
||||||
cellProduct.textContent = data.product.nombre;
|
cellProduct.textContent = data.product.nombre;
|
||||||
cellSku.textContent = data.product.sku;
|
cellSku.textContent = data.product.sku;
|
||||||
|
cellStatus.innerHTML = `
|
||||||
const formData = new FormData();
|
<button class="btn btn-success btn-sm aceptar-salida-btn" data-product-id="${data.product.id}">Aceptar</button>
|
||||||
formData.append('product_id', data.product.id);
|
<button class="btn btn-danger btn-sm cancelar-salida-btn">Cancelar</button>
|
||||||
formData.append('sede_id', sede_id);
|
`;
|
||||||
formData.append('movement_date', movement_date);
|
playBeep(true);
|
||||||
|
|
||||||
return fetch('registro_salida.php', {
|
|
||||||
method: 'POST',
|
|
||||||
headers: { 'X-Requested-With': 'XMLHttpRequest' },
|
|
||||||
body: formData
|
|
||||||
});
|
|
||||||
} else {
|
} else {
|
||||||
throw new Error(data.message || 'Producto no encontrado.');
|
throw new Error(data.message || 'Producto no encontrado.');
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
.then(response => response.json())
|
|
||||||
.then(result => {
|
|
||||||
showNotification(result.message, result.success);
|
|
||||||
if (result.success) {
|
|
||||||
playBeep(true);
|
|
||||||
cellStatus.innerHTML = '<span class="badge bg-success">Registrado</span>';
|
|
||||||
} else {
|
|
||||||
playBeep(false);
|
|
||||||
cellStatus.innerHTML = `<span class="badge bg-danger" title="${result.message}">Error</span>`;
|
|
||||||
}
|
|
||||||
})
|
|
||||||
.catch(error => {
|
.catch(error => {
|
||||||
console.error('Error en el proceso de escaneo:', error);
|
console.error('Error en el proceso de escaneo:', error);
|
||||||
showNotification(error.message, false);
|
showNotification(error.message, false);
|
||||||
@ -297,7 +214,6 @@ document.addEventListener('DOMContentLoaded', (event) => {
|
|||||||
cellStatus.innerHTML = `<span class="badge bg-danger" title="${error.message}">Fallo</span>`;
|
cellStatus.innerHTML = `<span class="badge bg-danger" title="${error.message}">Fallo</span>`;
|
||||||
})
|
})
|
||||||
.finally(() => {
|
.finally(() => {
|
||||||
// Limpiar y re-enfocar el input para el siguiente escaneo
|
|
||||||
this.value = '';
|
this.value = '';
|
||||||
this.disabled = false;
|
this.disabled = false;
|
||||||
processing = false;
|
processing = false;
|
||||||
@ -305,15 +221,142 @@ document.addEventListener('DOMContentLoaded', (event) => {
|
|||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|
||||||
|
// --- Lógica para Aceptar o Cancelar la salida ---
|
||||||
|
tableBody.addEventListener('click', function(event) {
|
||||||
|
const button = event.target;
|
||||||
|
|
||||||
|
// --- Botón Cancelar ---
|
||||||
|
if (button.classList.contains('cancelar-salida-btn')) {
|
||||||
|
button.closest('tr').remove();
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
// --- Botón Aceptar ---
|
||||||
|
if (button.classList.contains('aceptar-salida-btn')) {
|
||||||
|
const productId = button.dataset.productId;
|
||||||
|
const sedeId = sedeSelect.value;
|
||||||
|
const movementDate = dateInput.value;
|
||||||
|
|
||||||
|
if (!productId || !sedeId || !movementDate) {
|
||||||
|
showNotification('Error interno: Faltan datos para registrar la salida.', false);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Deshabilitar ambos botones para evitar doble clic
|
||||||
|
button.parentElement.querySelectorAll('button').forEach(btn => btn.disabled = true);
|
||||||
|
button.innerHTML = '<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span> Registrando...';
|
||||||
|
|
||||||
|
const formData = new FormData();
|
||||||
|
formData.append('product_id', productId);
|
||||||
|
formData.append('sede_id', sedeId);
|
||||||
|
formData.append('movement_date', movementDate);
|
||||||
|
|
||||||
|
fetch('registrar_salida_api.php', {
|
||||||
|
method: 'POST',
|
||||||
|
headers: {
|
||||||
|
'X-Requested-With': 'XMLHttpRequest'
|
||||||
|
},
|
||||||
|
body: formData
|
||||||
|
})
|
||||||
|
.then(response => response.json())
|
||||||
|
.then(data => {
|
||||||
|
if (data.success) {
|
||||||
|
showNotification(data.message, true);
|
||||||
|
playBeep(true);
|
||||||
|
button.parentElement.innerHTML = '<span class="badge bg-success">Salida Registrada</span>';
|
||||||
|
} else {
|
||||||
|
throw new Error(data.message || 'Error al registrar la salida.');
|
||||||
|
}
|
||||||
|
})
|
||||||
|
.catch(error => {
|
||||||
|
console.error('Error en el registro:', error);
|
||||||
|
showNotification(error.message, false);
|
||||||
|
playBeep(false);
|
||||||
|
// Reactivar botones en caso de error
|
||||||
|
const originalButtons = `
|
||||||
|
<button class="btn btn-success btn-sm aceptar-salida-btn" data-product-id="${productId}">Aceptar</button>
|
||||||
|
<button class="btn btn-danger btn-sm cancelar-salida-btn">Cancelar</button>
|
||||||
|
`;
|
||||||
|
button.parentElement.innerHTML = originalButtons;
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
// Asegurarse de que el campo de texto siempre tenga el foco
|
// Asegurarse de que el campo de texto siempre tenga el foco
|
||||||
barcodeInput.focus();
|
barcodeInput.focus();
|
||||||
document.body.addEventListener('click', (e) => {
|
document.body.addEventListener('click', (e) => {
|
||||||
// Si el clic no es en un input o select, re-enfocar el campo de escaneo
|
if (!['INPUT', 'SELECT', 'BUTTON', 'A'].includes(e.target.tagName) && !e.target.closest('button')) {
|
||||||
if (!['INPUT', 'SELECT', 'BUTTON'].includes(e.target.tagName)) {
|
|
||||||
barcodeInput.focus();
|
barcodeInput.focus();
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
<!-- Modal para la cámara -->
|
||||||
|
<div class="modal fade" id="camera-modal" tabindex="-1" aria-labelledby="camera-modal-label" aria-hidden="true">
|
||||||
|
<div class="modal-dialog modal-lg">
|
||||||
|
<div class="modal-content">
|
||||||
|
<div class="modal-header">
|
||||||
|
<h5 class="modal-title" id="camera-modal-label">Escanear Código de Barras</h5>
|
||||||
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||||||
|
</div>
|
||||||
|
<div class="modal-body">
|
||||||
|
<div id="reader" width="100%"></div>
|
||||||
|
</div>
|
||||||
|
<div class="modal-footer">
|
||||||
|
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cerrar</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script src="https://unpkg.com/html5-qrcode@2.3.8/html5-qrcode.min.js"></script>
|
||||||
|
<script>
|
||||||
|
document.addEventListener('DOMContentLoaded', (event) => {
|
||||||
|
const cameraModal = document.getElementById('camera-modal');
|
||||||
|
const barcodeInput = document.getElementById('barcode-input');
|
||||||
|
let html5QrCode;
|
||||||
|
|
||||||
|
function onScanSuccess(decodedText, decodedResult) {
|
||||||
|
// `decodedText` es el SKU escaneado
|
||||||
|
console.log(`Código escaneado: ${decodedText}`);
|
||||||
|
|
||||||
|
// Poner el valor en el input
|
||||||
|
barcodeInput.value = decodedText;
|
||||||
|
|
||||||
|
// Disparar el evento change para que se procese como un escaneo manual
|
||||||
|
const changeEvent = new Event('change');
|
||||||
|
barcodeInput.dispatchEvent(changeEvent);
|
||||||
|
|
||||||
|
// Cerrar el modal
|
||||||
|
const modal = bootstrap.Modal.getInstance(cameraModal);
|
||||||
|
modal.hide();
|
||||||
|
}
|
||||||
|
|
||||||
|
function onScanFailure(error) {
|
||||||
|
// No hacer nada, simplemente seguir escaneando
|
||||||
|
}
|
||||||
|
|
||||||
|
cameraModal.addEventListener('shown.bs.modal', function () {
|
||||||
|
html5QrCode = new Html5Qrcode("reader");
|
||||||
|
const config = { fps: 10, qrbox: { width: 250, height: 250 } };
|
||||||
|
html5QrCode.start({ facingMode: "environment" }, config, onScanSuccess, onScanFailure)
|
||||||
|
.catch(err => {
|
||||||
|
console.error("No se pudo iniciar la cámara.", err);
|
||||||
|
alert("Error al iniciar la cámara. Asegúrate de dar permisos y que no esté siendo usada por otra aplicación.");
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
cameraModal.addEventListener('hidden.bs.modal', function () {
|
||||||
|
if (html5QrCode) {
|
||||||
|
html5QrCode.stop().then(ignore => {
|
||||||
|
console.log("Cámara detenida.");
|
||||||
|
}).catch(err => {
|
||||||
|
console.error("No se pudo detener la cámara.", err);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
<?php require_once 'layout_footer.php'; ?>
|
<?php require_once 'layout_footer.php'; ?>
|
||||||
Loading…
x
Reference in New Issue
Block a user