87 lines
3.6 KiB
HTML
87 lines
3.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Informations Système</title>
|
|
<style>
|
|
body { font-family: Arial, sans-serif; margin: 20px; background-color: #f9f9f9; }
|
|
h1 { color: #333; text-align: center; }
|
|
|
|
/* Style pour le conteneur d'un seul PC */
|
|
.computer-container {
|
|
background-color: white;
|
|
border: 2px solid #333;
|
|
border-radius: 8px;
|
|
margin-bottom: 40px; /* Espace entre chaque ordi */
|
|
padding: 20px;
|
|
box-shadow: 0 4px 8px rgba(0,0,0,0.1);
|
|
}
|
|
|
|
.computer-header {
|
|
background-color: #333;
|
|
color: white;
|
|
padding: 10px;
|
|
border-radius: 4px;
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
.section { margin-bottom: 20px; border: 1px solid #ccc; padding: 10px; }
|
|
.section h2 { margin-top: 0; color: #555; border-bottom: 2px solid #ddd; padding-bottom: 5px;}
|
|
|
|
table { width: 100%; border-collapse: collapse; margin-top: 10px; }
|
|
th, td { border: 1px solid #ddd; padding: 8px; text-align: left; }
|
|
th { background-color: #f2f2f2; width: 30%; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<h1>Parc Informatique ({{ ordinateurs|length }} machines)</h1>
|
|
|
|
{% for ordi in ordinateurs %}
|
|
|
|
<div class="computer-container">
|
|
<div class="computer-header">
|
|
<h2>🖥️ {{ ordi.hostname }} <small>(MAC: {{ ordi.mac_address }})</small></h2>
|
|
</div>
|
|
|
|
<div class="section">
|
|
<h2>[HARDWARE]</h2>
|
|
<table>
|
|
<tr><th>Propriété</th><th>Valeur</th></tr>
|
|
<tr><td>Série Carte Mère</td><td>{{ ordi.mb_serial }}</td></tr>
|
|
<tr><td>Série Châssis</td><td>{{ ordi.chassis_serial }}</td></tr>
|
|
<tr><td>CPU</td><td>{{ ordi.cpu }}</td></tr>
|
|
<tr><td>CPU ID</td><td>{{ ordi.cpu_id }}</td></tr>
|
|
<tr><td>Nombre de Cœurs CPU</td><td>{{ ordi.cpu_cores_number }}</td></tr>
|
|
<tr><td>Nombre de Threads CPU</td><td>{{ ordi.cpu_threads_number }}</td></tr>
|
|
<tr><td>Fréquence Min CPU</td><td>{{ ordi.cpu_frequency_min }}</td></tr>
|
|
<tr><td>Fréquence Courante CPU</td><td>{{ ordi.cpu_frequency_cur }}</td></tr>
|
|
<tr><td>Fréquence Max CPU</td><td>{{ ordi.cpu_frequency_max }}</td></tr>
|
|
<tr><td>Modèle GPU</td><td>{{ ordi.gpu_model }}</td></tr>
|
|
<tr><td>Stockage Total</td><td>{{ ordi.stockage_total }}</td></tr>
|
|
<tr><td>Nombre de slots de RAM</td><td>{{ ordi.ram_slots_number }}</td></tr>
|
|
<tr><td>Génération RAM</td><td>{{ ordi.ram_gen }}</td></tr>
|
|
</table>
|
|
</div>
|
|
|
|
<div class="section">
|
|
<h2>[SOFTWARE]</h2>
|
|
<table>
|
|
<tr><th>Propriété</th><th>Valeur</th></tr>
|
|
<tr><td>Hostname</td><td>{{ ordi.hostname }}</td></tr>
|
|
<tr><td>OS</td><td>{{ ordi.os }}</td></tr>
|
|
<tr><td>Architecture</td><td>{{ ordi.arch }}</td></tr>
|
|
<tr><td>Desktop</td><td>{{ ordi.desktop }}</td></tr>
|
|
<tr><td>Window Manager</td><td>{{ ordi.wm }}</td></tr>
|
|
<tr><td>Kernel</td><td>{{ ordi.kernel }}</td></tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|
|
{% endfor %}
|
|
{% if not ordinateurs %}
|
|
<p style="text-align:center; color: red;">Aucun ordinateur enregistré dans la base de données.</p>
|
|
{% endif %}
|
|
|
|
</body>
|
|
</html> |
