validator-api/templates/pdfModel.html.twig at fa7c5779b1a83bb1f3307199a563d2b46d8ec8d7 · IGNF/validator-api · 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
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <style>
        body {
            font-family: DejaVu Sans, Arial, sans-serif;
            font-size: 13px;
            color: #1a1a2e;
            margin: 40px;
        }

        .banner {
            padding: 16px 24px;
            border-radius: 6px;
            font-size: 15px;
            font-weight: bold;
            margin-bottom: 32px;
            border-left: 6px solid;
        }

        .banner.has-errors {
            background-color: #fde8e8;
            border-color: #e53e3e;
            color: #c53030;
        }

        .banner.no-errors {
            background-color: #e6f4ea;
            border-color: #38a169;
            color: #276749;
        }

        h2.group-title {
            font-size: 13px;
            text-transform: uppercase;
            letter-spacing: 0.08em;
            margin: 28px 0 8px;
            padding-bottom: 4px;
            border-bottom: 2px solid currentColor;
        }

        h2.level-error   { color: #e53e3e; border-color: #e53e3e; }
        h2.level-warning { color: #d97706; border-color: #d97706; }
        h2.level-info    { color: #3182ce; border-color: #3182ce; }

        table {
            width: 100%;
            border-collapse: collapse;
            margin-bottom: 8px;
        }

        thead th {
            background-color: #2d3748;
            color: #ffffff;
            text-align: left;
            padding: 8px 12px;
            font-size: 12px;
            text-transform: uppercase;
            letter-spacing: 0.05em;
        }

        tbody tr:nth-child(even) { background-color: #f7fafc; }
        tbody tr:nth-child(odd)  { background-color: #ffffff; }

        tbody td {
            padding: 7px 12px;
            border-bottom: 1px solid #e2e8f0;
            vertical-align: top;
        }

        .badge {
            display: inline-block;
            padding: 2px 8px;
            border-radius: 4px;
            font-size: 11px;
            font-weight: bold;
            text-transform: uppercase;
        }

        .badge-error   { background: #fed7d7; color: #c53030; }
        .badge-warning { background: #fefcbf; color: #b7791f; }
        .badge-info    { background: #bee3f8; color: #2b6cb0; }

        .code { font-family: monospace; font-size: 12px; color: #553c9a; }
    </style>
</head>
<body>

    {# ── Top banner ── #}
    {% if hasErrors %}
        <div class="banner has-errors">
            Document Invalide
        </div>
    {% else %}
        <div class="banner no-errors">
            Document Valide
        </div>
    {% endif %}

    {# ── One table per level ── #}
    {% for level, rows in groupedEntries %}
        <h2 class="group-title level-{{ level|lower }}">{{ level|upper }}</h2>

        <table>
            <thead>
                <tr>
                    <th style="width: 18%">Code</th>
                    <th style="width: 14%">Level</th>
                    <th>Message</th>
                </tr>
            </thead>
            <tbody>
                {% for entry in rows %}
                <tr>
                    <td class="code">{{ entry.code }}</td>
                    <td>
                        <span class="badge badge-{{ entry.level|lower }}">{{ entry.level }}</span>
                    </td>
                    <td>{{ entry.message }}</td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
    {% endfor %}

</body>
</html>