style: page login

gestaoRaul/templates/static/comandas/css/viewbalcao.css

@@ -2,16 +2,16 @@
     display: grid;
     grid-template-columns: repeat(2, 2fr);
     gap: 20px;
-    max-width: 1300px; /* Define a largura máxima do grid */
-    margin: 0 auto; /* Centraliza o grid na página */
+    max-width: 1300px;
+    margin: 0 auto;
   }
 
   .grid-list-products {
     display: grid;
     grid-template-columns: repeat(3, 2fr);
     gap: 10px;
-    max-width: 800px; /* Define a largura máxima do grid */
-    margin: 0 auto; /* Centraliza o grid na página */
+    max-width: 800px;
+    margin: 0 auto;
   }
 
 .card {
@@ -21,7 +21,7 @@
     border-radius: 15px;
     box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
     text-align: center;
-    line-height: 40px; /* Centraliza o texto verticalmente */
+    line-height: 40px;
     font-size: 20px;
     font-weight: bold;
     color: #333;

gestaoRaul/templates/static/comandas/js/viewcomanda.js

@@ -30,6 +30,8 @@ function openModalObs(id) {
 
 function modal_payment_comanda() {
     document.getElementById('payment-comanda').style.display = 'block';
+    recebido = document.getElementById('recebido')
+    recebido.focus()
 }
 
 function close_modal_payment_comanda() {
@@ -139,17 +141,35 @@ function backPage() {
 }
   
 
-// document.onkeydown = teclado
+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 teclado(event){
-//   if (event.keyCode == 65){
-//     openModal()
-//   }
-//   else if (event.keyCode == 73){
-//     imprimirFichas()
-//   }
 
-// }
+document.onkeydown = teclado
+
+function teclado(event){
+  if (document.getElementById('payment-comanda').style.display == 'block'){
+    if (event.keyCode == 13){
+      troco()
+    }else{
+      console.log(event.keyCode)
+    }
+  }else{
+    if (event.keyCode == 13){
+      troco()
+    }else{
+      console.log('')
+    }
+  }
+
+}
 function addOrder(){
   obs = document.getElementById('obs').value
   var id = document.getElementById('id-temp').value