style: layout print conta

This commit is contained in:
2025-01-11 12:54:12 -03:00
parent 052bfb7fb4
commit dd158ff7b6
7 changed files with 43 additions and 20 deletions

View File

@@ -58,13 +58,13 @@ Detalhes {{comanda.name}}
</div> </div>
<div> <div>
<span>Nome: {{comanda.name}} | </span> <span id="name-comanda">Nome: {{comanda.name}} | </span>
<span>Mesa: {{comanda.mesa}}</span> <span id="mesa-comanda">Mesa: {{comanda.mesa}}</span>
</div> </div>
<p>Aberta em: {{comanda.dt_open|date:"D"}} {{comanda.dt_open|date:"d/m/Y - H:i"}}</p> <p id="open-comanda">Aberta em: {{comanda.dt_open|date:"D"}} {{comanda.dt_open|date:"d/m/Y - H:i"}}</p>
<img hidden src="{% static 'midia/logo.png' %}" style="width: 240px; height: 200px;">
<table id="list-products-comanda"> <table id="list-products-comanda">
<tr> <tr>
<th style="text-align: left;">Produto</th> <th style="text-align: left;">Produto</th>

Binary file not shown.

View File

@@ -29,7 +29,7 @@
<div id="list-orders"> <div id="list-orders">
<div class="tab"> <div class="tab">
<button class="tablinks" onclick="openTab(event, 'Fila')">Fila</button> <button class="tablinks active" onclick="openTab(event, 'Fila')">Fila</button>
<button class="tablinks" onclick="openTab(event, 'Preparo')">Preparo</button> <button class="tablinks" onclick="openTab(event, 'Preparo')">Preparo</button>
<button class="tablinks" onclick="openTab(event, 'Finalizado')">Finalizado</button> <button class="tablinks" onclick="openTab(event, 'Finalizado')">Finalizado</button>
<button class="tablinks" onclick="openTab(event, 'Entregue')">Entregue</button> <button class="tablinks" onclick="openTab(event, 'Entregue')">Entregue</button>

View File

@@ -2,7 +2,7 @@
<div class="tab"> <div class="tab">
<button class="tablinks" onclick="openTab(event, 'Fila')">Fila</button> <button class="tablinks active" onclick="openTab(event, 'Fila')">Fila</button>
<button class="tablinks" onclick="openTab(event, 'Preparo')">Preparo</button> <button class="tablinks" onclick="openTab(event, 'Preparo')">Preparo</button>
<button class="tablinks" onclick="openTab(event, 'Finalizado')">Finalizado</button> <button class="tablinks" onclick="openTab(event, 'Finalizado')">Finalizado</button>
<button class="tablinks" onclick="openTab(event, 'Entregue')">Entregue</button> <button class="tablinks" onclick="openTab(event, 'Entregue')">Entregue</button>

View File

@@ -41,14 +41,18 @@ function imprimirFichas() {
font-size: 24px;} font-size: 24px;}
</style>`; </style>`;
const agora = new Date(); const agora = new Date();
var dateString = agora.getDay() + '/' + agora.getMonth() + '/' + agora.getFullYear() + ' - ' + agora.getHours() + ':' + agora.getMinutes()+' - Raul Rock Bar & Café'; var dateString = agora.getDate() + '/' + (agora.getMonth()+1) + '/' + agora.getFullYear() + ' - ' + agora.getHours() + ':' + agora.getMinutes()+' - Raul Rock Bar & Café';
if (element) { if (element) {
var content = element.innerHTML; var content = element.innerHTML;
// console.log(content); // console.log(content);
content = content.replace(/<img[^>]*>(?:(?!<\/img>)[\s\S])*<\/img>/gi,''); 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(/<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+'</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); console.log(content);
var printWindow = window.open('', '_blank'); var printWindow = window.open('', '_blank');
@@ -67,26 +71,37 @@ function imprimirConta() {
const element = document.getElementById("list-products-comanda"); const element = document.getElementById("list-products-comanda");
const style = `<style> const style = `<style>
td, th { td, th {
border-collapse: collapse; border-collapse: collapse;
padding-top: 15px; padding-top: 15px;
margin: 15px; margin: 15px;
text-align: center; text-align: justify;
font-size: 18px;} font-size: 15px;}
</style>`; </style>`;
const agora = new Date(); const agora = new Date();
var dateString = agora.getDay() + '/' + agora.getMonth() + '/' + agora.getFullYear() + ' - ' + agora.getHours() + ':' + agora.getMinutes()+' - Raul Rock Bar & Café'; var dateString = agora.getDate() + '/' + (agora.getMonth()+1) + '/' + agora.getFullYear() + ' - ' + agora.getHours() + ':' + agora.getMinutes();
if (element) { if (element) {
var content = element.innerHTML; var content = element.innerHTML;
// console.log(content); // console.log(content);
content = content.replace(/<img[^>]*>(?:(?!<\/img>)[\s\S])*<\/img>/gi,''); content = content.replace(/<img[^>]*>/gi,'');
content = content.replace(/<th[^>]*>(?:(?!<\/th>)[\s\S])*<\/th>/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('icons','');
console.log(content); 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'); var printWindow = window.open('', '_blank');
printWindow.document.write('<table>'+content+'</table>'+style); printWindow.document.write('<table>'+content+'</table><b>Volte Sempre!😁😊</b>'+style);
printWindow.document.close(); printWindow.document.close();
printWindow.print(); printWindow.print();
printWindow.close(); printWindow.close();

Binary file not shown.

After

Width:  |  Height:  |  Size: 988 KiB

View File

@@ -1,4 +1,4 @@
function openTab(evt, cityName) { function openTab(evt, etapa) {
// Declarar todas as abas e conteúdos // Declarar todas as abas e conteúdos
var i, tabcontent, tablinks; var i, tabcontent, tablinks;
tabcontent = document.getElementsByClassName("tabcontent"); tabcontent = document.getElementsByClassName("tabcontent");
@@ -10,6 +10,14 @@ function openTab(evt, cityName) {
tablinks[i].className = tablinks[i].className.replace(" active", ""); tablinks[i].className = tablinks[i].className.replace(" active", "");
} }
// Mostrar o conteúdo da aba selecionada e marcar a aba como ativa // Mostrar o conteúdo da aba selecionada e marcar a aba como ativa
document.getElementById(cityName).style.display = "block"; document.getElementById(etapa).style.display = "block";
evt.currentTarget.className += " active"; evt.currentTarget.className += " active";
// console.log(evt.currentTarget.className += " active");
} }
tabcontent = document.getElementsByClassName("tabcontent");
for (i = 0; i < tabcontent.length; i++) {
tabcontent[i].style.display = "none";
}
tabcontent[0].style.display = "block";