Update styles

JesusHT · Nov 18, 2022 · 4a4e4d9 · 4a4e4d9
1 parent 8c8dabc
commit 4a4e4d9
Show file tree

Hide file tree

Showing 7 changed files with 47 additions and 8 deletions.
diff --git a/controllers/main.php b/controllers/main.php
@@ -53,6 +53,7 @@ function retiro(){
                     return;
                 }
 
+                $this -> model -> updateSaldo($cant);
                 $this -> generateQR($num_client, $cant);
 
                 $_SESSION['accion'] = 'Retiro';

diff --git a/models/mainmodel.php b/models/mainmodel.php
@@ -26,6 +26,21 @@ function from($array){
             $this -> usado      = $array['usado'];
         }
 
+        function updateSaldo($cant){
+            $nuevoSaldo = $this -> saldo - $cant;
+
+            try {
+                $query = $this -> prepare('UPDATE cuenta SET saldo = :saldo WHERE num_client = :num_client');
+                $query -> execute(['saldo' => $nuevoSaldo, 'num_client' => $this -> num_client]);
+
+                return true;
+
+            } catch (PDOException $e){
+                echo $e;
+                return false;
+            }
+        }
+
         function cantSuficiente($cant){
             if ($this -> saldo >= $cant) {
                 return false;

diff --git a/public/css/cliente.css b/public/css/cliente.css
diff --git a/public/img/retiro.png b/public/img/retiro.png
diff --git a/public/js/cliente.js b/public/js/cliente.js
@@ -2,6 +2,12 @@ const Cant  = document.getElementById("cant");
 const Saldo = document.getElementById("saldo").value;
 
 Cant.addEventListener("change", () => {
-
+    let cantidad = parseInt(Cant.value, 10); 
+
+    if (cantidad <= Saldo) {
+        Cant.classList.remove('error');
+    } else {
+        Cant.classList.add('error');
+    }    
 
 });
diff --git a/public/sass/cliente.scss b/public/sass/cliente.scss
@@ -96,7 +96,7 @@
     }
 
     input {
-        width: 25%;
+        width: 42%;
         border-style: none;
         border-bottom: 1px solid;
         border-color: #000;
@@ -107,6 +107,9 @@
     }
 
     .error {
+        margin-top: 10px;
+        background-color: #cc05058c;
+        border-radius: 10px;
         color: #cc0605;
         border-color: #cc0605;
     }
@@ -115,6 +118,10 @@
         display: flex;
         justify-content: right;
     }
+
+    input[type=number]{
+        -moz-appearance: textfield;
+    }
 }
 
 .modal-header {
@@ -124,14 +131,18 @@
     .title {
         display: inline-block;   
         width: 50%;
+        h2 {
+            margin-left: 15px;
+        }
     }
 
     .closed {
         display: inline-flex;
-        width: 48%;
+        width: 45%;
         justify-content: right;
 
         a {
+            color: #000;
             cursor: pointer;
             font-size: 20px;
 

diff --git a/views/main/retiros.php b/views/main/retiros.php
@@ -9,9 +9,7 @@
                 <h2>Retiros</h2>
             </div>
             <div class="closed">
-                <form action="<?php echo constant('URL');?>/main/cerrar" method="POST">
-                    <button type="submit"><i class="fa-solid fa-circle-xmark"></i></button>
-                </form>    
+                <a href="<?php echo constant('URL');?>/main/cerrar"><i class="fa-solid fa-circle-xmark"></i></a>
             </div>
             <div class="modal-body">
             <hr>