1
This commit is contained in:
75
frontend/settings.html
Normal file → Executable file
75
frontend/settings.html
Normal file → Executable file
@@ -6,6 +6,8 @@
|
||||
<title>Settings - Linux BenchTools</title>
|
||||
<link rel="stylesheet" href="css/main.css">
|
||||
<link rel="stylesheet" href="css/components.css">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="icons/favicon/icons8-devices-3d-fluency-32.png">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="icons/favicon/icons8-devices-3d-fluency-16.png">
|
||||
</head>
|
||||
<body>
|
||||
<!-- Header -->
|
||||
@@ -25,6 +27,78 @@
|
||||
|
||||
<!-- Main Content -->
|
||||
<main class="container">
|
||||
<!-- Display Preferences -->
|
||||
<div class="card">
|
||||
<div class="card-header">🎨 Préférences d'affichage</div>
|
||||
<div class="card-body">
|
||||
<div class="alert alert-info" style="margin-bottom: 1.5rem;">
|
||||
Configurez les unités d'affichage pour les valeurs matérielles
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label class="form-label">Unité de mémoire (RAM)</label>
|
||||
<select id="memoryUnit" class="form-control">
|
||||
<option value="MB">Mégaoctets (MB)</option>
|
||||
<option value="GB" selected>Gigaoctets (GB)</option>
|
||||
</select>
|
||||
<small style="color: var(--text-muted);">Affiche la RAM en MB ou GB dans les sections matérielles</small>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label class="form-label">Unité de stockage (Disques)</label>
|
||||
<select id="storageUnit" class="form-control">
|
||||
<option value="MB">Mégaoctets (MB)</option>
|
||||
<option value="GB" selected>Gigaoctets (GB)</option>
|
||||
<option value="TB">Téraoctets (TB)</option>
|
||||
</select>
|
||||
<small style="color: var(--text-muted);">Affiche la capacité des disques en MB, GB ou TB</small>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label class="form-label">Unité de cache CPU</label>
|
||||
<select id="cacheUnit" class="form-control">
|
||||
<option value="KB" selected>Kilooctets (KB)</option>
|
||||
<option value="MB">Mégaoctets (MB)</option>
|
||||
</select>
|
||||
<small style="color: var(--text-muted);">Affiche les caches L1/L2/L3 en KB ou MB</small>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label class="form-label">Unité de température</label>
|
||||
<select id="temperatureUnit" class="form-control">
|
||||
<option value="C" selected>Celsius (°C)</option>
|
||||
<option value="F">Fahrenheit (°F)</option>
|
||||
</select>
|
||||
<small style="color: var(--text-muted);">Affiche la température des composants en Celsius ou Fahrenheit</small>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label class="form-label">Taille des icônes de section</label>
|
||||
<select id="sectionIconSize" class="form-control">
|
||||
<option value="24">Petite (24px)</option>
|
||||
<option value="28">Moyenne (28px)</option>
|
||||
<option value="32" selected>Grande (32px)</option>
|
||||
<option value="36">Très grande (36px)</option>
|
||||
</select>
|
||||
<small style="color: var(--text-muted);">Taille des icônes dans les titres de sections</small>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label class="form-label">Taille des icônes de bouton</label>
|
||||
<select id="buttonIconSize" class="form-control">
|
||||
<option value="18">Petite (18px)</option>
|
||||
<option value="22">Moyenne (22px)</option>
|
||||
<option value="24" selected>Grande (24px)</option>
|
||||
<option value="28">Très grande (28px)</option>
|
||||
</select>
|
||||
<small style="color: var(--text-muted);">Taille des icônes dans les boutons d'action</small>
|
||||
</div>
|
||||
|
||||
<button class="btn btn-primary" onclick="saveDisplayPreferences()">💾 Enregistrer les préférences</button>
|
||||
<button class="btn btn-secondary" onclick="resetDisplayPreferences()" style="margin-left: 0.5rem;">🔄 Réinitialiser</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Bench Script Configuration -->
|
||||
<div class="card">
|
||||
<div class="card-header">⚡ Configuration Benchmark Script</div>
|
||||
@@ -185,6 +259,7 @@
|
||||
</footer>
|
||||
|
||||
<!-- Scripts -->
|
||||
<script src="config.js"></script>
|
||||
<script src="js/utils.js"></script>
|
||||
<script src="js/api.js"></script>
|
||||
<script src="js/settings.js"></script>
|
||||
|
||||
Reference in New Issue
Block a user