From b74736f391ea72b2dbce23eef9fef190a43ba310 Mon Sep 17 00:00:00 2001 From: Welton Moura Date: Sat, 19 Jul 2025 18:00:22 -0300 Subject: [PATCH] style: toast ao add product na comanda --- gestaoRaul/db.sqlite3 | Bin 364544 -> 364544 bytes gestaoRaul/templates/static/base.css | 13 +- gestaoRaul/templates/static/base.js | 181 ++++++++---------- .../static/comandas/js/viewcomanda.js | 1 + .../static/products/css/products.css | 6 +- .../templates/static/products/js/products.js | 11 -- 6 files changed, 92 insertions(+), 120 deletions(-) diff --git a/gestaoRaul/db.sqlite3 b/gestaoRaul/db.sqlite3 index 820daa33ea516b3048ac9e29e700bdf6f873ee96..d6770f152faec413398623e28b6a7ce0a5a7d393 100644 GIT binary patch delta 2097 zcmb7F3vg7`8NTOr-*<0#B*dh|O=6ZH*}M1dZtmS(E4qovL{WrDz@XCvv6`X?=pfF} zHpyx$k06kU2OWigGa@rGfUi3h4J1WHNGc*_%41ThP6tO&N+3vXKW zIsgBC=bZ1J|D3rkojEO?IqUMl+VwxH1Z#IUE;7KQ9fysrAoTPTA@_+8=s2I3t?4WE zv~O5Hr+ue?srPGF^rQNx`a$2N54etHWaZr&vLIe_{Y_q$Rk z6M~ThBzi3fzq!sEY97Qqa6GU*Koo{xJNS@p2tm`0dRJO?MxHLCA6R^dY!e@HTe%M*90+SUeicb9eQ^TEy??w#gr4 zQSmU`h}G%x2ek7rTujG)1}h9D|35c*|4*A%tyQ}%pTR8PK7RzB5PozvA>&L4^7G^i zT<-ehczWstYyvsnsQx63foEv@N%(%oQZe&acM66?wSyDcnQ?C0DY&$fC;dPty{_O# zYrt4?gy;BNUL_aFx8yIRmz<$56{2QP;0B7&Yv=)jI0%dk1~M4rc~16LV@2?|PzK8~ zI3%o&nB;Qg(X5$obMW>9n**+AO7{ zhotFJzSu8zF;6SShs7Gv6gA5Z7=9JsM9z}lDA`U{kcY@UBu>WQ zuW=XNgnx}2@NKvR6V#91Loc9Zs15}X56^-9@K10%e6C|=)@wmh5R(HkAd8c3h8}&QP|zlhw8&{C)gn3SrFg0 z;TJduqMh$NiQ`Cb9h0h1xSPBkTk9o>HiYm5x&Y%vdTUn7{*jr(nB8L;a}43f0OuaZ zc=9*Rd%2l#DW{**-__gog?f!%?7QYW?t9z!oNs}z%IDY8+A-}-ZH@M@R-sK)zgLf_ zJJc2G1M1Cct}>wXDX%L}D-B9q87H5U56G{|zm@Cdh^$Fxq#o%NX_-_jl}Up5H}QS( z1#yWuO)L?95Kaj12y2A}LX|M*dj1OkIlqHn!9U1P<#Wje(nq$DR&qaaSXIyBEv%;Z z!k3uGQ~yt67x@)1y{K&-&m}nk!e+QUXgWbF?hl&@%S=S#hGj=0R@?~|wKe`Xk!?73 zc_eN-#rPxeB3p9G=_1oS?v3v9 zVB-LuM6oyOVDsp2K@eQbG z)gxYNg3pW_wqr%(z?(Cko=jt%DSqWC#?$6}BFK(a9(O!R(}-m15H6>Chwu_w zm&ViR*)+a`7F=d7cQPY%XpoH_9K?6JM~874bk|(Qd%)WS&%iOfDM7^5Y><47*8o=qmOf1cYgn{0{y6O6GmPXGV_ delta 2035 zcmZux3s6+o89wLy=e}Qy@;1_im3M&Mb=hU9u`DZyRH72WpjI5U9cx5QO`AGx2ia&c z;-eVq9Fu7kJBiv(ZAeYLnM}us#hL_durW^5VC*#0X`?pAK@d>Va~C>eI^BQv|L-~9 z_rK16?%mpzytOO2V;WB1`$!b0zrJ!~F<#i&U;Jxa_}u0advgiyyq#`p)(&gTx?|lk zzOepoU9&D*7p)Jh_pLLw+f6PJBANERERsywZ38F})NLo_l8-SlM(i*0h$;x?zmR~~ zcoDggWPJyWgWNh)<%fDoegSP79jgiLfq zOSh#{BpXxhpq9?OJtUZ_)oX_zk~g$TVI4iBoOSh(Dfat41eBy{RxwUBA)T896VkX* zP3TwV;)r2i(4 zv**tdk3)3+cK10_58^p=MD4Yh+)wtiSNh2&qHkk~7f5A++WWs^RDW&fWpz^Qjthih z)^&l`|BJtpD^dzJ187w(Aa0h`lCQW~Tua7H-odwY2?)WJVpP3@T&({Jc?PHKjU=+B ztE3D+&R)Dq{wV346XiC1LQ3Q~KPZ;kyFMX5jEbU(HDS<}+^`#qA`(-DL3TJ3T8$hr zLlgydx~QOR!_LWq!?5aabAO-slawV2N;4!yG2}V*RW()h71oXI8E-ARncAqJX>mXR zL~vnTXUBD(lU0o30x^K7vxEK--_MWl&%(KJTZ(h+;vBf7fTm2bB`@s6_RBt4E_JSS z&4`c6P7cGrMbPAD79^E@{`aUVew#wB_0yT&U%#uc$lKXVj%?tr}3%ln2Un z<+O4@i7DSz<|#gTT<(z%$G z545p8r=gkk_P~4gt<&&JVC{c~=UKv8_>}Vd_Q>8yDl^`NrJ3I-QqfEUE7*|b`STXn zFK{<4oVOqvao1HnvADh}gV=pu)VquW@EPfB+O>l&q0`to#Zu@p9eR)eHNxWZzfyz4m_5uMCZ+o)bosuRrPgM z^J^Bk8y=riY#%!hO@7ji_Q`ZHf$n`PXfmO5-uw{_gA28}VnGdk(N})mT~P1M_3^xVhV0YevoK#y#Uhv0Ypvj)<>G8M;gRT>G*1gr=yUsqd(D zYOWO3dX=}d11d3&X~o71#wuf$k)nU8_vx?dTlHn)Y&|HZ39ZY8px~mPix+7FRpF#? zMCk;8{ZI!#paFnfsRP`U+WbLUL9W{A$9 zw0Clqz(Y|X7GGttV?%U575*}b-Qk#klp0ja9p|#DVVcc;KFqV8AEWcxwlTik!Gp1* z&QtRk51W$J{(aUp!t;MMLQQsv=VzC@$>?)l&8dlLLBpw9>F-BDVH*E82BuWHW-wZPN9&RM0hff1^)sZKBJcxyb;7B( { - console.log('Conectado ao servidor WebSocket'); -}); - -websocket.addEventListener('message', (event) => { - const data = JSON.parse(event.data); - - switch (data.local) { - case 'cozinha': - - if (document.getElementById('Fila') !== null && data.tipo === 'add'){ - var novoElemento = document.createElement('div'); - novoElemento.innerHTML = data.message; - document.getElementById('Fila').appendChild(novoElemento); - let valorAtual = document.cookie.replace(/(?:(?:^|.*;\s*)notificacao\s*\=\s*([^;]*).*$)|^.*$/, "$1"); - if (valorAtual === 'true') { - texto = new SpeechSynthesisUtterance(data.speak); - window.speechSynthesis.speak(texto); - // setTimeout(function() { - // location.reload(); - // }, 6000); - } - } - else if (document.getElementById('obs-'+data.id) !== null && data.tipo === 'edit'){ - const obs = document.getElementById('obs-'+data.id) - const card = obs.parentNode; - card.style.backgroundColor = 'rgb(243, 165, 75)'; - obs.innerHTML = data.message; - let valorAtual = document.cookie.replace(/(?:(?:^|.*;\s*)notificacao\s*\=\s*([^;]*).*$)|^.*$/, "$1"); - if (valorAtual === 'true') { - texto = new SpeechSynthesisUtterance(data.speak); - window.speechSynthesis.speak(texto); - // setTimeout(function() { - // location.reload(); - // }, 6000); - } - } - else if (document.getElementById('m-card-'+data.id) !== null && data.tipo === 'delete'){ - // const card = document.getElementById('m-card-'+data.id) - // card.style.backgroundColor = 'rgb(253, 69, 69)'; - let valorAtual = document.cookie.replace(/(?:(?:^|.*;\s*)notificacao\s*\=\s*([^;]*).*$)|^.*$/, "$1"); - if (valorAtual === 'true') { - texto = new SpeechSynthesisUtterance(data.speak); - window.speechSynthesis.speak(texto); - setTimeout(function() { - location.reload(); - }, 6000); - } - } +// const websocket = new WebSocket('ws://192.168.0.150:8765'); +// const nomeUsuario = document.getElementById('user-info').textContent; + +// websocket.addEventListener('open', (event) => { +// console.log('Conectado ao servidor WebSocket'); +// }); + +// websocket.addEventListener('message', (event) => { +// const data = JSON.parse(event.data); + +// switch (data.local) { +// case 'cozinha': + +// if (document.getElementById('Fila') !== null && data.tipo === 'add'){ + + +// var novoElemento = document.createElement('div'); +// novoElemento.innerHTML = data.message; +// document.getElementById('Fila').appendChild(novoElemento); +// let valorAtual = document.cookie.replace(/(?:(?:^|.*;\s*)notificacao\s*\=\s*([^;]*).*$)|^.*$/, "$1"); +// if (valorAtual === 'true') { +// texto = new SpeechSynthesisUtterance(data.speak); +// window.speechSynthesis.speak(texto); +// // setTimeout(function() { +// // location.reload(); +// // }, 6000); +// } +// } +// else if (document.getElementById('obs-'+data.id) !== null && data.tipo === 'edit'){ +// const obs = document.getElementById('obs-'+data.id) +// const card = obs.parentNode; +// card.style.backgroundColor = 'rgb(243, 165, 75)'; +// obs.innerHTML = data.message; +// let valorAtual = document.cookie.replace(/(?:(?:^|.*;\s*)notificacao\s*\=\s*([^;]*).*$)|^.*$/, "$1"); + +// if (valorAtual === 'true') { +// texto = new SpeechSynthesisUtterance(data.speak); +// window.speechSynthesis.speak(texto); +// // setTimeout(function() { +// // location.reload(); +// // }, 6000); +// } +// } +// else if (document.getElementById('m-card-'+data.id) !== null && data.tipo === 'delete'){ +// // const card = document.getElementById('m-card-'+data.id) +// // card.style.backgroundColor = 'rgb(253, 69, 69)'; +// let valorAtual = document.cookie.replace(/(?:(?:^|.*;\s*)notificacao\s*\=\s*([^;]*).*$)|^.*$/, "$1"); +// if (valorAtual === 'true') { +// texto = new SpeechSynthesisUtterance(data.speak); +// window.speechSynthesis.speak(texto); +// setTimeout(function() { +// location.reload(); +// }, 6000); +// } +// } - break; - case 'praca': - console.log('Mensagem para a praca:', data); - break; - case 'guarita': - console.log('Mensagem para a guarita:', data); - break; - case 'balcao': - console.log('Mensagem para a balcao:', data); - break; - default: - console.log('Local desconhecido:', data); - } +// break; +// case 'praca': +// console.log('Mensagem para a praca:', data); +// break; +// case 'guarita': +// console.log('Mensagem para a guarita:', data); +// break; +// case 'balcao': +// console.log('Mensagem para a balcao:', data); +// break; +// default: +// console.log('Local desconhecido:', data); +// } -}); -websocket.addEventListener('error', (event) => { - console.error('Erro no WebSocket:', event); -}); -websocket.addEventListener('close', (event) => { - console.log("conexão fechada"); -}); +// }); +// websocket.addEventListener('error', (event) => { +// console.error('Erro no WebSocket:', event); +// }); +// websocket.addEventListener('close', (event) => { +// console.log("conexão fechada"); +// }); @@ -154,7 +125,7 @@ function openFullscreen() { } } - function showToast(message, type ,duration = 3000) { + function showToast(message, type ,duration = 2500) { const toast = document.getElementById('toast'); if (type === 'success') { diff --git a/gestaoRaul/templates/static/comandas/js/viewcomanda.js b/gestaoRaul/templates/static/comandas/js/viewcomanda.js index a6ca06f..611bad9 100644 --- a/gestaoRaul/templates/static/comandas/js/viewcomanda.js +++ b/gestaoRaul/templates/static/comandas/js/viewcomanda.js @@ -396,6 +396,7 @@ async function addProductComanda(productId, comandaId, cuisine) { const result = await response.text(); console.log(response); + showToast('Produto adicionado com sucesso!', 'success'); // Atualiza a lista de produtos const listElement = document.getElementById("list-products-comanda"); diff --git a/gestaoRaul/templates/static/products/css/products.css b/gestaoRaul/templates/static/products/css/products.css index 4c63b80..80ab60b 100644 --- a/gestaoRaul/templates/static/products/css/products.css +++ b/gestaoRaul/templates/static/products/css/products.css @@ -82,7 +82,6 @@ position: sticky; top: 60px; z-index: 10; - /* cursor: pointer; */ } @media (max-width: 768px) { @@ -96,4 +95,9 @@ max-width: 100px; width: 80px; } + #product-list th { + position: sticky; + top: 0px; + z-index: 10; +} } \ No newline at end of file diff --git a/gestaoRaul/templates/static/products/js/products.js b/gestaoRaul/templates/static/products/js/products.js index 171d0d5..f9fd4e6 100644 --- a/gestaoRaul/templates/static/products/js/products.js +++ b/gestaoRaul/templates/static/products/js/products.js @@ -81,18 +81,7 @@ function editProduct(id) { // }) } -// document.getElementById('openModal').addEventListener('click', openModal); -// document.getElementById('productForm').addEventListener('submit', function(event) { -// event.preventDefault(); - - // const productName = document.getElementById('productName').value; - // const productPrice = document.getElementById('productPrice').value; - // const productDescription = document.getElementById('productDescription').value; - - // closeModal(); -// } -// ); function listerSortTeable(){