From d15c58f4e7aa0b0e5bce8da189b6a71fd47a13ab Mon Sep 17 00:00:00 2001
From: Welton Moura <weltonmoura@live.com>
Date: Fri, 21 Feb 2025 21:45:18 -0300
Subject: [PATCH] bug: toast

---
 .../comandas/templates/viewcomanda.html       |   4 +--
 gestaoRaul/db.sqlite3                         | Bin 331776 -> 331776 bytes
 gestaoRaul/templates/static/base.css          |   2 +-
 .../static/comandas/css/viewcomanda.css       |  25 +++++++++++++++++-
 .../static/comandas/js/viewcomanda.js         |  22 ++++++++++++++-
 5 files changed, 48 insertions(+), 5 deletions(-)

diff --git a/gestaoRaul/comandas/templates/viewcomanda.html b/gestaoRaul/comandas/templates/viewcomanda.html
index d482d3e..29723bb 100644
--- a/gestaoRaul/comandas/templates/viewcomanda.html
+++ b/gestaoRaul/comandas/templates/viewcomanda.html
@@ -159,8 +159,8 @@ Detalhes {{comanda.name}}
       
       
       <div id="addProduct" popover class="popover">
-        <div id="toast" class="toast">
-          <p id="toast-message"></p>
+        <div id="toast-add" class="toast-add">
+          <p id="toast-message-add"></p>
         </div>
         <form id="productForm" >
           <div style="display: flex;justify-content: space-between;">
diff --git a/gestaoRaul/db.sqlite3 b/gestaoRaul/db.sqlite3
index 26ecd118b92dd5ca892fb02d72938e817c5684df..839e63fbd695fd30aa709db3a61d7bf32ac8ba33 100644
GIT binary patch
delta 567
zcmX|6&ubGw6wb_>-7W0Q+QgJ)?NUM&C4!qDyIXA#NolQ~f<g|07ZF=g3!!Ae){6;3
zLk~*C!|2IU`~#E<10Ezonp4FM-ZVYvso<f#7(7^X*tC5Q-uL+4_szUlTT9l~lFd;x
z_S~LEWAAQN9MpLcI#*Hf#L6_R3=&ob|7t>=E^)1ee<~~Vv21r*__RoV!gur$6%e*b
zX8@Z6Xp5&?_#sGFnQI~T3B4`5iy@xD^d_%`xFJ{<Um2KTU^Yo)2GSPydid3}vK1>c
z!L<~;jDKYNtj~7YSN4N_W1CEfw<*w=r2<Bz6GZTSA%b?5?Zh+@o&yg<*%;zl7S=Vx
z7&2CjU?Z2h!KeZV*+EpRB6$h+5R_S;YeiTj>@Vw!r6N2U$RLtIwSh|@aEbh@tH;j9
zPUsbR7C9BK&^L6Mmh{*9AN?~uNx#SsTs`3|=rMCDCIcZne^(~2e<$lWUFC~Sa-2Ww
z5jEkt1vl@UpU8W8-<DUWD@Q|(-|vw*oDPl{DfbK6oa1}`q??!W&Y1`N+BUJo$Trzc
zz^u~c+8${PtD{O^=_=-7Zd@N;Cfxi@KEU|uET7sZ$@t+@xk=ZvC4KpT_6nZsxW4OV
ZCv0<kbta;XgFXEVo}0Bn6#JxQ{Rb`UnNI)!

delta 474
zcmY+8KWGzS7{>4WzPEQRcVE299oNGf0xJH$G`Xh9b%=LF`~z}msJl}!DwK#I6)7!3
zGZkADUY(56q18p{@PUIwTq9m^GwGm{;E*mYE~1|m2YH4Ee(&=<ybCRBp=GTcAoi+P
zCHCv9vp#wMF!j%qTld{u)6Eg#=IHkoHg7DW)}~)^(58n)<{iDR+k8ej?ZHcFWe;9R
z%X_dPmOJzglleMoDJ^1@(lfY}(k59K!(Dn&w@XUo$W}=S9oZ@=1qU{`sQ2lU>d-f(
z#yhBG+2hd;|H*gxfPdm&_-FO3dQ`m1GL5@j8yVrl=dQ%HIEk}yG9A~ZFQ|+Xk)C1`
zl+`j8YUAuVTgu$t%xAB0VO7{Rk({Cyv4*%8vAcY=Wj1NT1Wn-AqG}ve#`K1K7!L7<
zv1ZH}iT+gop?{DAp-xZU#AiM5@IenAf$>o}f!!XA;oBaVWEQ)9aIxNp8Q6FH@5%X-
zH0hBWcxek<VQ;};KdY({YTM8>hn)YldD)x;bavnktB?ev9k50VQ^m4hE=>f5&~tc&
j9Q%iZq905K`Cxnx!yeA$rwV0%G6=(<D6xokq3!+#`~ir;

diff --git a/gestaoRaul/templates/static/base.css b/gestaoRaul/templates/static/base.css
index 91b218d..cbd301a 100644
--- a/gestaoRaul/templates/static/base.css
+++ b/gestaoRaul/templates/static/base.css
@@ -307,7 +307,7 @@ input, textarea, select {
   opacity: 0;
   visibility: hidden;
   transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
-  z-index: 200 !important;
+  z-index: 999 ;
 }
 
 .toast p {
diff --git a/gestaoRaul/templates/static/comandas/css/viewcomanda.css b/gestaoRaul/templates/static/comandas/css/viewcomanda.css
index 755177f..75bb9b9 100644
--- a/gestaoRaul/templates/static/comandas/css/viewcomanda.css
+++ b/gestaoRaul/templates/static/comandas/css/viewcomanda.css
@@ -80,7 +80,30 @@
     backdrop-filter: blur(5px);
   }
 
-
+  .toast-add {
+    position: fixed;
+    top: 40px;
+    left: 50%;
+    transform: translateX(-50%);
+    background-color: #599100;
+    color: #000000;
+    font-weight: bold;
+    padding: 15px;
+    border-radius: 10px;
+    opacity: 0;
+    visibility: hidden;
+    transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
+    z-index: 200 !important;
+  }
+  
+  .toast-add p {
+    color: #000000;
+  }
+  
+  .toast-add.show {
+    opacity: 1;
+    visibility: visible;
+  }
   @media screen and (max-width: 730px) {
 
     .popover{
diff --git a/gestaoRaul/templates/static/comandas/js/viewcomanda.js b/gestaoRaul/templates/static/comandas/js/viewcomanda.js
index 616a5f8..f3045e8 100644
--- a/gestaoRaul/templates/static/comandas/js/viewcomanda.js
+++ b/gestaoRaul/templates/static/comandas/js/viewcomanda.js
@@ -197,7 +197,27 @@ function addOrder(){
       
   })
 }
+function showToastAdd(message, type ,duration = 3000) {
+  const toast = document.getElementById('toast-add');
 
+  if (type === 'success') {
+    toast.style.backgroundColor = '#28a745';
+  } else if (type === 'error') {
+    toast.style.backgroundColor = '#dc3545';
+  } else if (type === 'info') {
+    toast.style.backgroundColor = '#ffc107';
+  }
+
+
+  const toastMessage = document.getElementById('toast-message-add');
+
+  toastMessage.textContent = message;
+  toast.classList.add('show');
+
+  setTimeout(() => {
+    toast.classList.remove('show');
+  }, duration);
+}
 function addProductComanda(productId,comandaId, cuisine) {
   obs = document.getElementById('obs');
   console.log(obs.value);
@@ -220,7 +240,7 @@ function addProductComanda(productId,comandaId, cuisine) {
     listProductsBalcaoElement.innerHTML = text;
   })
       
-  showToast('Produto adicionado com sucesso!😁','success');
+  showToastAdd('Produto adicionado com sucesso!😁','success');
   }
 
 }