Browse Source

Arreglo de tabla de cuentas

Celestino Rey 1 year ago
parent
commit
fb6ebe0239
3 changed files with 58 additions and 34 deletions
  1. BIN
      db.sqlite3
  2. 1 1
      templates/dashboard.html
  3. 57 33
      templates/listar_cuentas.html

BIN
db.sqlite3


+ 1 - 1
templates/dashboard.html

@@ -51,5 +51,5 @@
             {% endfor %}
         </ul>
     </div>
-
+</section>
 {% include "_footer.html" %}

+ 57 - 33
templates/listar_cuentas.html

@@ -1,33 +1,57 @@
-<!DOCTYPE html>
-<html lang="es">
-<head>
-    <meta charset="UTF-8">
-    <title>Mis Cuentas</title>
-</head>
-<body>
-    <h1>Mis Cuentas</h1>
-    <table border="1">
-        <tr>
-            <th>Nombre</th>
-            <th>Tipo</th>
-            <th>Saldo</th>
-            <th>Acciones</th>
-        </tr>
-        {% for cuenta in cuentas %}
-            <tr>
-                <td>{{ cuenta.nombre }}</td>
-                <td>{{ cuenta.get_tipo_display }}</td>
-                <td>{{ cuenta.saldo }}</td>
-                <td>
-                    <a href="{% url 'editar_cuenta' cuenta.id %}">Editar</a> |
-                    <a href="{% url 'eliminar_cuenta' cuenta.id %}">Eliminar</a>
-                </td>                
-            </tr>
-        {% empty %}
-            <tr><td colspan="3">No tienes cuentas aún.</td></tr>
-        {% endfor %}
-    </table>
-    <a href="{% url 'agregar_cuenta' %}">Agregar Cuenta</a> |
-    <a href="{% url 'dashboard' %}">Volver al Dashboard</a>
-</body>
-</html>
+{% load i18n static %}
+
+{% include "_head.html" %}
+
+{% include "_menu.html" %}
+
+<section id="interface">
+    {% include "_navigation.html" %}
+    <h3 class="i-name">
+        Mis Cuentas
+    </h3>
+    
+    <div class="board">    
+        <table width="100%">
+            <thead>
+                <tr>
+                    <td>Nombre</td>
+                    <td>Tipo</td>
+                    <td>Saldo</td>
+                    <td>Acciones</td>
+                </tr>
+            </thead>
+
+            <tbody>
+            {% for cuenta in cuentas %}
+                <tr>
+                    <td class="people">
+                        <i class="bi bi-currency-euro"></i>
+                        <div class="people-de">
+                            <h5>{{ cuenta.nombre }}</h5>
+                        </div>
+                    </td>
+
+                    <td class="people-des">
+                        <h5>{{ cuenta.get_tipo_display }}</h5>
+                    </td>
+                    
+                    <td class="role">
+                        {{ cuenta.saldo }}
+                    </td>
+
+                    <td class="edit">
+                        <a href="{% url 'editar_cuenta' cuenta.id %}">Editar</a> |
+                        <a href="{% url 'eliminar_cuenta' cuenta.id %}">Eliminar</a>
+                    </td>                
+                </tr>
+            {% empty %}
+                <tr><td colspan="3">No tienes cuentas aún.</td></tr>
+            {% endfor %}
+            </tbody>
+        </table>
+    </div>
+    <a href="{% url 'agregar_cuenta' %}"><button type="button">Agregar cuenta</button></a> |
+    <a href="{% url 'dashboard' %}"><button type="button">Volver al Dashboard</button></a>
+</section>
+<!-- Footer -->
+    {% include "_footer.html" %}