TalentoTech/admin.html at main · Andresnfontalvo/TalentoTech · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
<!DOCTYPE html>
<html lang="es">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Administración</title>

    <link rel="stylesheet" href="estilos/estilos.css" />
    <script src="script/crud.js"></script>

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">

</head>

<body>
    <!-- Cabecera principal -->
    <header>
        <div class="container">
            <p class="logo">TalentoTech!</p>
            <nav>
                {{ fullname }}<a href="/"><i class="fa-solid fa-right-from-bracket"></i></a>
            </nav>
        </div>
    </header>

    <section id="registros-table">
        <div class="container">
            <h2 class="color-acento">Registros</h2>
            <table>
                <thead>
                    <tr>
                        <th>Nombres</th>
                        <th>Apellidos</th>
                        <th>Correo</th>
                        <th>Celular</th>
                        <th>Pais</th>
                        <th>Ciudad</th>
                        <th>Dirección</th>
                        <th>Sexo</th>
                        <th>F.Nacimiento</th>
                        <th>Acciones</th>
                    </tr>
                </thead>
                <tbody>
                    {% for persona in arrayBD %}
                    <tr>
                        <td>{{ persona.names }}</td>
                        <td>{{ persona.lastname }}</td>
                        <td>{{ persona.email }}</td>
                        <td>{{ persona.phone }}</td>
                        <td>{{ countries[persona.pais] }}</td>
                        <td>{{ cities[persona.ciudad] }}</td>
                        <td>{{ persona.addres }}</td>
                        <td>{{ sexo[persona.sexo] }}</td>
                        <td>{{ persona.fecha }}</td>
                        <td style="text-align: center;">
                            <button class="button_edit" onclick="editData(this)" data-names="{{persona.names}}"
                                data-lastname="{{persona.lastname}}" data-email="{{ persona.email }}"
                                data-phone="{{ persona.phone }}" data-pais="{{ persona.pais }}"
                                data-ciudad="{{ persona.ciudad }}" data-addres="{{ persona.addres }}"
                                data-sexo="{{ persona.sexo }}" data-fecha="{{ persona.fecha }}">
                                <i class="fa-solid fa-pen-to-square"></i>
                            </button>
                            <button class="button_delete" onclick="deleteData('{{ persona.email }}',this)">
                                <i class="fa-solid fa-trash"></i>
                            </button>
                        </td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>

            <section id="aplica-ya">
                <div class="container">
                    <h2 class="color-acento">Editar Registro</h2>
                    <div class="formulario">
                        <form onsubmit="return update(event)" id="myformulario">
                            <input type="text" name="names" id="names" placeholder="Nombres" required>
                            <input type="text" name="lastname" id="lastname" placeholder="Apellidos" required>
                            <input type="email" name="email" id="email" placeholder="Correo Electronico" readonly>
                            <input type="tel" name="phone" id="phone" placeholder="Celular">
                            <select name="pais" id="pais" onchange="getCities()">
                            </select>
                            <select name="ciudad" id="ciudad">
                            </select>
                            <input type="text" name="addres" id="addres" placeholder="Dirección">
                            <select name="sexo" id="sexo">
                            </select>
                            <input type="date" name="fecha" id="fecha">
                            <div class="submit-container">
                                <input type="submit" value="Actualizar">
                            </div>
                        </form>
                    </div>
                </div>
            </section>
        </div>
    </section>

</body>

</html>