File size: 1,707 Bytes
b9a69cb
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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

{% extends 'base.html' %}

{% block conteudo %}
<style>



    .container {	

        display: flex;

        justify-content: center;

        align-items: center;

        height: 70vh;

    }









    .content-table {

        border-collapse: collapse;

        margin: 25px 0;

        font-size: 0.9em;

        min-width: 400px;

    }



    .content-table thead tr {

        background-color: #283e41;

        color: #fff;

        text-align: left;

        font-weight: bold;

    }



    .content-table th,

    .content-table td {

        padding: 12px 15px;

    }



    .content-table tbody tr {

        border-bottom: 1px solid #dddddda1;

        background-color: rgba(0,0,0,0.1);;



    }



    .content-table tbody tr:last-of-type {

        border-bottom: 2px solid #283e41;

    }



</style>

<body>
    

    <h1>Usuários</h1>

    <div class="container">
        <table class="content-table">
            <thead>
                <tr>
                    <th>Nome</th>
                    <th>Sobrenome</th>
                    <th>Email</th>
                    <th>Tipo</th>
                </tr>

            </thead>

           

        
            <tbody>
                {% for user in users %}
                
                <tr>
                    
                    <td>{{user.nome}}</td>
                    <td>{{user.sobrenome}}</td>
                    <td>{{user.email}}</td>
                    <td>{{user.user_type}}</td>
                    
                </tr>
                {% endfor %}
                
            </tbody>
            

        </table>
    </div>


</body>
{% endblock %}