mirror of
https://github.com/welton89/RRBEC.git
synced 2026-04-05 13:35:42 +00:00
504 lines
14 KiB
JavaScript
504 lines
14 KiB
JavaScript
|
|
async function modalAddProduct() {
|
|
var htmlModal = document.getElementById('addProduct').innerHTML
|
|
htmlModal = htmlModal.replace('search-product','search-product-modal')
|
|
htmlModal = htmlModal.replace('product-list','product-list-modal')
|
|
|
|
Swal.fire({
|
|
title: "Adicionar Produto",
|
|
html: htmlModal,
|
|
position:"top",
|
|
theme: "dark",
|
|
|
|
showConfirmButton: false,
|
|
showCancelButton: true,
|
|
cancelButtonText: '×',
|
|
customClass:{
|
|
cancelButton:'posi'
|
|
},
|
|
});
|
|
|
|
|
|
|
|
}
|
|
|
|
function searchProduct() {
|
|
setTimeout(() => {
|
|
time();
|
|
}, 100);
|
|
function time(){
|
|
var search_product = document.getElementById('search-product-modal').value.trim()
|
|
var productListElement = document.getElementById("product-list-modal");
|
|
var comanda_id = document.getElementById("id-comanda").value;
|
|
if(search_product.length == 0 ){search_product ='*';}
|
|
fetch(`/comandas/listProduct/${comanda_id}/${search_product}`, {
|
|
method: 'GET',}
|
|
).then(function(response) {
|
|
return response.text();
|
|
}).then(function(text) {
|
|
productListElement.innerHTML = text;
|
|
|
|
|
|
})}
|
|
}
|
|
|
|
function openModalAlter() {
|
|
document.getElementById('Modal-alter-comanda').style.display = 'block';
|
|
var name = document.getElementById('name-comanda').innerText.replace('Nome: ','').replace(' | ', '')
|
|
var mesa = document.getElementById('h-mesaId').value
|
|
var fildName = document.getElementById('nameComanda')
|
|
fildName.value = name
|
|
var fildMesa = document.getElementById('select-mesa')
|
|
fildMesa.value = mesa
|
|
}
|
|
|
|
function closeModalAlter() {
|
|
document.getElementById('Modal-alter-comanda').style.display = 'none';
|
|
}
|
|
async function openModalObs(id) {
|
|
var obsPrint = document.getElementById(id+'-obsOrder')
|
|
var order = obsPrint.value.split('|');
|
|
const inputOptions = new Promise((resolve) => {
|
|
|
|
resolve({
|
|
"Para viagem": "Para Viagem",
|
|
"Meia Porção": "Meia Porção",
|
|
"Com Leite": "Com Leite",
|
|
"Sem Cebola": "Sem Cebola",
|
|
"Com Ovo": "Com Ovo",
|
|
});
|
|
|
|
});
|
|
|
|
const { value: obs } = await Swal.fire({
|
|
title: "Observações rápidas",
|
|
input: "radio",
|
|
color: 'white',
|
|
confirmButtonText: "Enviar ou Digitar Outra",
|
|
showCancelButton: true,
|
|
cancelButtonText: "Cancelar",
|
|
inputOptions,
|
|
theme: "dark",
|
|
inputValidator: async (value) => {
|
|
|
|
if (!value) {
|
|
const { value: text } = await Swal.fire({
|
|
input: "textarea",
|
|
title: "Observação do Pedido",
|
|
inputValue:order[1],
|
|
theme: "dark",
|
|
background: 'rgb(23, 38, 54)',
|
|
confirmButtonColor: 'linear-gradient(145deg, #1E2A3B, #2C3E50)',
|
|
color: 'white',
|
|
showCancelButton: true,
|
|
inputAttributes: {
|
|
"aria-label": "Type your message here"
|
|
}});
|
|
|
|
if (text) {
|
|
addOrder(id, text)
|
|
}
|
|
}
|
|
}
|
|
});
|
|
if (obs) {
|
|
addOrder(id, obs)
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
function modal_payment_comanda() {
|
|
document.getElementById('payment-comanda').style.display = 'block';
|
|
recebido = document.getElementById('recebido')
|
|
recebido.focus()
|
|
}
|
|
function modal_payment_parcial() {
|
|
document.getElementById('payment-parcial').style.display = 'block';
|
|
value = document.getElementById('value-parcial')
|
|
value.focus()
|
|
|
|
}
|
|
|
|
|
|
function modal_conta_client() {
|
|
document.getElementById('conta-cliente').style.display = 'block';
|
|
|
|
}
|
|
|
|
function close_modal_conta_client() {
|
|
document.getElementById('conta-cliente').style.display = 'none';
|
|
}
|
|
|
|
function close_modal_payment_parcial() {
|
|
document.getElementById('payment-parcial').style.display = 'none';
|
|
}
|
|
|
|
function close_modal_payment_comanda() {
|
|
document.getElementById('payment-comanda').style.display = 'none';
|
|
}
|
|
|
|
function imprimirFichas() {
|
|
const element = document.getElementById("list-products-comanda");
|
|
const style = `<style>
|
|
td, th {
|
|
|
|
border-collapse: collapse;
|
|
padding-top: 35px;
|
|
margin: 20px;
|
|
text-align: center;
|
|
font-size: 24px;}
|
|
</style>`;
|
|
const agora = new Date();
|
|
var dateString = agora.getDate() + '/' + (agora.getMonth()+1) + '/' + agora.getFullYear() + ' - ' + agora.getHours() + ':' + agora.getMinutes()+' - Raul Rock Bar & Café';
|
|
|
|
if (element) {
|
|
var content = element.innerHTML;
|
|
content = content.replace( /<img[^>]*>/gi,'');
|
|
content = content.replace(/<tfoot[^>]*>(?:(?!<\/tfoot>)[\s\S])*<\/tfoot>/gi,'');
|
|
|
|
content = content.replace(/<th[^>]*>(?:(?!<\/th>)[\s\S])*<\/th>/gi,'');
|
|
// content = content.replace(/<\/tr>/g,'</tr><tr><td colspan="2" style="font-size: 12px">'+dateString+'</td></tr>');
|
|
content = content.replace(/<\/tr>/g,'</tr><tr><td colspan="2" style="font-size: 12px">'+dateString+ '<BR>VÁLIDO SOMENTE POR ESSA NOITE'+'</td></tr>');
|
|
|
|
console.log(content);
|
|
|
|
var printWindow = window.open('', '_blank');
|
|
printWindow.document.write('<table>'+content+'</table>'+style);
|
|
printWindow.document.close();
|
|
printWindow.print();
|
|
printWindow.close();
|
|
} else {
|
|
console.error(`Element with ID not found`);
|
|
}
|
|
}
|
|
function printOrder(id) {
|
|
var order = document.getElementById(id+'-obsOrder').value
|
|
order = order.split('|');
|
|
const body = `<style>
|
|
td, th {
|
|
border-collapse: collapse;
|
|
padding-top: 10px;
|
|
margin: 10px;
|
|
text-align: center;
|
|
font-size: 20px;}
|
|
</style>
|
|
<tr><td>${order[0]}</td></tr>
|
|
<tr><td>${order[1]}</td></tr>
|
|
<tr><td>${order[3]} - ${order[4]}</td></tr>
|
|
<tr><td>${order[5]}</td></tr>
|
|
`;
|
|
|
|
var printWindow = window.open('', '_blank');
|
|
// printWindow.body.appendChild(body);
|
|
printWindow.document.write('<table>'+body+'</table>');
|
|
printWindow.document.close();
|
|
printWindow.print();
|
|
printWindow.close();
|
|
|
|
}
|
|
|
|
function imprimirConta() {
|
|
reloadPage();
|
|
const element = document.getElementById("list-products-comanda");
|
|
const style = `<style>
|
|
td, th {
|
|
border-collapse: collapse;
|
|
padding-top: 15px;
|
|
margin: 15px;
|
|
text-align: justify;
|
|
font-size: 15px;}
|
|
</style>`;
|
|
const agora = new Date();
|
|
var dateString = agora.getDate() + '/' + (agora.getMonth()+1) + '/' + agora.getFullYear() + ' - ' + agora.getHours() + ':' + agora.getMinutes();
|
|
|
|
if (element) {
|
|
var content = element.innerHTML;
|
|
content = content.replace(/<img[^>]*>/gi,'');
|
|
content = content.replace(/<th[^>]*>(?:(?!<\/th>)[\s\S])*<\/th>/gi,'');
|
|
// content = content.replace('icons','');
|
|
content = '<img src="/static/midia/logo.png" style="width: 240px; height: 200px;">'
|
|
+'<br>'
|
|
+document.getElementById('name-comanda').innerText.replace(' | ', '')
|
|
+'<br>'
|
|
+document.getElementById('mesa-comanda').innerText
|
|
+'<br>'
|
|
+document.getElementById('open-comanda').innerText
|
|
+'<br> Fechado em: '
|
|
+dateString
|
|
+content
|
|
+'<br>'
|
|
|
|
|
|
|
|
var printWindow = window.open('', '_blank');
|
|
printWindow.document.write('<table>'+content+'</table><br><b>Volte Sempre!😁😊</b><br>'+style);
|
|
printWindow.document.close();
|
|
printWindow.print();
|
|
printWindow.close();
|
|
} else {
|
|
console.error(`Element with ID not found`);
|
|
}
|
|
}
|
|
|
|
|
|
function closeConta(id){
|
|
const buttonAdd = document.getElementById('openModal')
|
|
const buttonClose = document.getElementById('closeComanda')
|
|
const buttonreOpenComanda = document.getElementById('reOpenComanda')
|
|
const buttonPrintComanda = document.getElementById('printComanda')
|
|
const buttonPayment = document.getElementById('pagarComanda')
|
|
|
|
|
|
Swal.fire({
|
|
title: "Encerrar essa comanda?",
|
|
text: "Depois de encerrar somente o gerente pode reabrir.",
|
|
icon: "warning",
|
|
showCancelButton: true,
|
|
background: 'rgb(23, 38, 54)',
|
|
color: 'white',
|
|
confirmButtonColor: 'linear-gradient(145deg, #1E2A3B, #2C3E50)',
|
|
cancelButtonColor: "rgb(253, 69, 69)",
|
|
confirmButtonText: "Encerrar",
|
|
cancelButtonText: "Cancelar",
|
|
}).then((result) => {
|
|
if (result.isConfirmed) {
|
|
|
|
|
|
fetch(`/comandas/closeComanda/${id}/`, {
|
|
method: 'PUT',
|
|
headers: {
|
|
'Content-Type': 'application/json',
|
|
'X-CSRFToken': document.querySelector('[name="csrfmiddlewaretoken"]').value}
|
|
})
|
|
.then(response => response.json())
|
|
.then(data => {
|
|
if(data.status == 'ok'){
|
|
buttonPrintComanda.style.display = 'flex'
|
|
buttonClose.style.display = 'none'
|
|
buttonAdd.style.display = 'none'
|
|
buttonreOpenComanda.style.display = 'flex'
|
|
buttonPayment.style.display = 'flex'
|
|
imprimirConta()
|
|
}
|
|
})
|
|
.catch(error => {
|
|
Swal.fire({
|
|
color: 'white',
|
|
title: "Algo deu errado!😢",
|
|
confirmButtonColor: 'linear-gradient(145deg, #1E2A3B, #2C3E50)',
|
|
background: 'rgb(23, 38, 54)',
|
|
text: "Erro: " + error.message,
|
|
icon: "error",
|
|
});
|
|
});
|
|
|
|
}
|
|
});
|
|
}
|
|
|
|
|
|
function reloadPage(){
|
|
setTimeout(function() {
|
|
location.reload();}, 100);
|
|
}
|
|
|
|
function backPage() {
|
|
setTimeout(function() {
|
|
history.back();}, 100);
|
|
setTimeout(function() {
|
|
location.reload();}, 100);
|
|
}
|
|
|
|
|
|
function troco(){
|
|
recebido = document.getElementById('recebido').value
|
|
total = document.getElementById('first-total').innerHTML
|
|
resultado = document.getElementById('troco')
|
|
total = total.replace('R$ ','')
|
|
total = total.replace(',','.')
|
|
result = recebido - total
|
|
resultado.innerHTML = 'Troco: R$ '+result
|
|
}
|
|
|
|
|
|
function addOrder(id, obs){
|
|
var obsPrint = document.getElementById(id+'-obsOrder')
|
|
var order = obsPrint.value.split('|');
|
|
var newOrder = '';
|
|
|
|
fetch(`/comandas/editOrders/${id}/${obs}`, {
|
|
method: 'POST',
|
|
headers: {
|
|
'Content-Type': 'application/json',
|
|
'X-CSRFToken': document.querySelector('[name="csrfmiddlewaretoken"]').value}
|
|
})
|
|
.then(response => response.json())
|
|
.then(data => {
|
|
if(data.status == 'ok'){
|
|
order[1] = data.obs;
|
|
for(var i = 0; i < order.length; i++){
|
|
newOrder += order[i] + '|';
|
|
}
|
|
obsPrint.value = newOrder;
|
|
feedback('Obsevação alterada com sucesso!😁','success');
|
|
}
|
|
})
|
|
.catch(error => {
|
|
console.log(error)
|
|
feedback('❌Ocorreu um erro!😢','error','Erro: ' + error.message);
|
|
});
|
|
}
|
|
|
|
|
|
|
|
async function addProductComanda(productId, comandaId, cuisine) {
|
|
try {
|
|
if (!productId || !comandaId) {
|
|
throw new Error('IDs de produto ou comanda inválidos');
|
|
}
|
|
|
|
const csrfToken = document.querySelector('[name="csrfmiddlewaretoken"]').value
|
|
if (!csrfToken) {
|
|
throw new Error('Token de segurança não encontrado');
|
|
}
|
|
|
|
|
|
|
|
// Requisição POST
|
|
const response = await fetch(`/comandas/product=${productId}/comanda=${comandaId}/`, {
|
|
method: 'POST',
|
|
headers: {
|
|
'Content-Type': 'application/json',
|
|
'X-CSRFToken': csrfToken
|
|
},
|
|
body: JSON.stringify({
|
|
product_id: productId,
|
|
comanda_id: comandaId
|
|
})
|
|
});
|
|
|
|
// Trata resposta
|
|
if (!response.ok) {
|
|
const errorData = await response.json().catch(() => ({}));
|
|
Swal.update({
|
|
title: '<span style="color: red;">Falha ao adicionar!</span>',
|
|
html: `<div style="color: white; margin-top: 10px;">
|
|
${error.message || 'Erro desconhecido'}
|
|
</div>`,
|
|
icon: 'error',
|
|
|
|
});
|
|
throw new Error(errorData.message || `Erro HTTP: ${response.status}`);
|
|
|
|
}
|
|
|
|
const result = await response.text();
|
|
console.log(response);
|
|
|
|
// Atualiza a lista de produtos
|
|
const listElement = document.getElementById("list-products-comanda");
|
|
if (listElement) {
|
|
listElement.innerHTML = result;
|
|
}
|
|
|
|
// if (cuisine === 'True') {
|
|
// openModalObs();
|
|
// return;
|
|
// }
|
|
|
|
|
|
} catch (error) {
|
|
console.error('Erro:', error);
|
|
|
|
// Feedback de erro
|
|
Swal.update({
|
|
title: '<span style="color: red;">Falha ao adicionar!</span>',
|
|
html: `<div style="color: white; margin-top: 10px;">
|
|
${error.message || 'Erro desconhecido'}
|
|
</div>`,
|
|
icon: 'error',
|
|
|
|
});
|
|
}
|
|
}
|
|
|
|
function taxa(){
|
|
var taxa = document.getElementById('taxa')
|
|
var total = document.getElementById('first-total')
|
|
var totalComTaxa = document.getElementById('totalComTaxa').innerHTML
|
|
var totalSemTaxa = document.getElementById('totalSemTaxa').innerHTML
|
|
|
|
if (taxa.checked){
|
|
total.innerHTML = totalComTaxa
|
|
}else{
|
|
total.innerHTML = totalSemTaxa
|
|
}
|
|
}
|
|
|
|
|
|
function inforOrders(id){
|
|
var order = document.getElementById(id+'-obsOrder').value.split('|');
|
|
|
|
feedback(order[2], "", order[1]+' - '+order[5]);
|
|
}
|
|
|
|
|
|
|
|
async function removeProductComanda(itemId, productName) {
|
|
var table = document.getElementById('list-products-comanda');
|
|
|
|
Swal.fire({
|
|
theme: "dark",
|
|
title: `Remover ${productName} da comanda?`,
|
|
icon: "warning",
|
|
showCancelButton: true,
|
|
confirmButtonColor: "#d33",
|
|
cancelButtonColor: "#3085d6",
|
|
confirmButtonText: "Sim, remover!",
|
|
cancelButtonText: "Cancelar",
|
|
}).then(async (result) => {
|
|
if (result.isConfirmed) {
|
|
|
|
const csrfToken = document.querySelector('[name="csrfmiddlewaretoken"]').value
|
|
if (!csrfToken) {
|
|
throw new Error('Token de segurança não encontrado');
|
|
}
|
|
|
|
const response = await fetch(`/comandas/removeProductComanda/${itemId}/`, {
|
|
method: 'POST',
|
|
headers: {
|
|
'Content-Type': 'application/json',
|
|
'X-CSRFToken': csrfToken
|
|
},
|
|
|
|
});
|
|
|
|
if (!response.ok) {
|
|
const errorData = await response.json().catch(() => ({}));
|
|
Swal.fire({
|
|
theme:"dark",
|
|
title: "😬 Ops!",
|
|
text: errorData.message || `Erro HTTP: ${response.status}`,
|
|
icon: "error"
|
|
});
|
|
throw new Error(errorData.message || `Erro HTTP: ${response.status}`);
|
|
}
|
|
|
|
|
|
const result = await response.text();
|
|
table.innerHTML = result;
|
|
|
|
Swal.fire({
|
|
theme:"dark",
|
|
title: "Feito!",
|
|
text: productName+" foi removido da comanda",
|
|
icon: "success"
|
|
});
|
|
}
|
|
});
|
|
}
|
|
|
|
|