style: page login

2026-04-05 21:45:41 +00:00 · 2025-01-16 11:09:44 -03:00
parent 966b5b2cf3
commit 137f5510f8
10 changed files with 98 additions and 40 deletions
--- a/gestaoRaul/clients/templates/clients.html
+++ b/gestaoRaul/clients/templates/clients.html
@@ -87,7 +87,7 @@ Clientes
          <input type="text" id="clientContact" name="contact"  placeholder="Contato"></input>
          <footer class="grid-buttons">
            <button id="save" type="submit">Salvar</button>
-            <button onclick="closeModal()" type="button" id="edit" hx-post="{% url 'editClient'  %}" hx-trigger="click"  hx-target="#client-list" >Alterar</button>
+            <button onclick="closeModal()" type="button" id="edit" hx-post="{% url 'editClient'  %}" hx-trigger="click"  hx-swap="none" >Alterar</button>
            <button type="button" onclick="closeModal()" style="background-color:red;">Fechar</button>
          </footer>
      </form>
--- a/gestaoRaul/comandas/templates/viewcomanda.html
+++ b/gestaoRaul/comandas/templates/viewcomanda.html
@@ -159,14 +159,21 @@ Detalhes {{comanda.name}}
 <dialog id="payment-comanda" style="display: none;" >
  <article>
    <h2>Pagamento</h2>
-    <h1>R$ {{ total }}</h1>
+    <h1 id="first-total">R$ {{ total }}</h1>
+    <div>
+      <p>Recebido:</p> <input id="recebido" type="number">
+      <h4 id="troco">Troco: </h4>
+    </div>

    <footer>
-      <button class="secondary" hx-get="{% url 'paymentComanda' comanda.id %} " hx-trigger="click" hx-swap="none"  onclick="backPage()">
+      <button class="secondary" hx-get="{% url 'paymentComanda' comanda.id %} " hx-trigger="click" hx-swap="none"  onclick="backPage()" style="background-color:green;">
        Receber
      </button>
+      <button class="secondary"  onclick="backPage()">
+        Conta Cliente
+      </button>

-      <button onclick="close_modal_payment_comanda()" >Cancelar</button>
+      <button onclick="close_modal_payment_comanda()" style="background-color:red;">Cancelar</button>
    </footer>
  </article>
 </dialog>
@@ -196,6 +203,28 @@ Detalhes {{comanda.name}}



+<dialog id="conta-cliente" style="display: none;" >
+  <article>
+    <h2>Pagamento</h2>
+    <h1>R$ {{ total }}</h1>
+    <div>
+      <p>Recebido:</p> <input id="recebido" type="number">
+      <h4 id="troco">Adicionar a conta: </h4>
+    </div>
+
+    <footer>
+      <button class="secondary" style="background-color:green;">
+        Receber
+      </button>
+
+
+      <button onclick="close_modal_payment_comanda()" style="background-color:red;">Cancelar</button>
+    </footer>
+  </article>
+</dialog>
+
+
+
 <script src="{% static 'comandas/js/viewcomanda.js' %}"></script>

 </body>
--- a/gestaoRaul/db
+++ b/gestaoRaul/db
--- a/Copia.sqlite3
+++ b/Copia.sqlite3
--- a/gestaoRaul/db.sqlite3
+++ b/gestaoRaul/db.sqlite3
--- a/gestaoRaul/gestaoRaul/pycache/settings.cpython-310.pyc
+++ b/gestaoRaul/gestaoRaul/pycache/settings.cpython-310.pyc
--- a/gestaoRaul/login/templates/login.html
+++ b/gestaoRaul/login/templates/login.html
@@ -12,9 +12,9 @@
    </head>
    <body>
        <div class="c-form">
-            <h2>
-                <img src="{% static 'midia/logo.png'  %}" width="140px">
-            </h2>
+            
+                <img class="logo" src="{% static 'midia/logo.png'  %}" width="140px">
+            
            <div class="c-input">
                    <form method="post" class="c-inputBox">
                        {% csrf_token %}
--- a/gestaoRaul/templates/static/comandas/css/viewbalcao.css
+++ b/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;
--- a/gestaoRaul/templates/static/comandas/js/viewcomanda.js
+++ b/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
--- a/gestaoRaul/templates/static/login/css/login.css
+++ b/gestaoRaul/templates/static/login/css/login.css
@@ -38,20 +38,25 @@ body
    transform: skew(2deg,1deg);
    border-radius: 10px;
 }
-.c-form h2
-{
+
+
+.logo {
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 5px;
-    transition: transform 0.2s;
+    filter: drop-shadow(0px 0px 8px rgba(168, 168, 168, 0.788));
+    transition: all 0.5s ease-in-out;
+
 }

-.c-form h2:hover
-{
-    scale: 1.05;
-    transition: transform 0.2s;
+.logo:hover {
+    filter: drop-shadow(0px 0px 12px rgba(168, 168, 168, 0.788));
+    /* transition: transform 1.2s; */
+    scale: 1.2;
+
 }
+
 .c-form .c-input
 {
    margin-top: 40px;
@@ -64,7 +69,7 @@ body
 .c-form .c-input .c-inputBox label
 {
    display: block;
-    color: #fff;
+    color: #f1e3d1;
    margin-bottom: 5px;
    font-size: 18px;
    letter-spacing: 1px;
@@ -82,20 +87,24 @@ body
    font-size: 20px;
    border-radius: 10px;
 }
-.c-form .c-input .c-inputBox input[type="submit"]
-{
-    background:linear-gradient(315deg,#591309,#fee4c1) ;

+.c-form .c-input .c-inputBox input[type="submit"] {
+    background:#612319;
    cursor: pointer;
    margin-top: 20px;
    letter-spacing: 1px;
-}
-.c-form .c-input .c-inputBox input[type="submit"]:hover
-{
-    background:linear-gradient(315deg,#fee4c1,#591309) ;
-}
-.c-form .c-input .c-inputBox input[type="submit"]:active
-{
+    box-shadow: 0px 0px 10px rgba(207, 207, 207, 0.671);
+    transition: all 0.3s ease-in-out;
+    }
+
+
+.c-form .c-input .c-inputBox input[type="submit"]:hover {
+    background:#9e6f4f;
+    scale: 1.05;
+    }
+
+
+/* .c-form .c-input .c-inputBox input[type="submit"]:active {   
    color: rgba(255, 255, 255, 0.521);
    background:linear-gradient(315deg,#fee4c1,#591309) ;
-}
+    } */