88 lines
4.4 KiB
HTML
88 lines
4.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Radiacode 103 — Dashboard</title>
|
|
<link rel="stylesheet" href="/static/css/style.css?v=2">
|
|
<script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.1/dist/chart.umd.min.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/chartjs-plugin-annotation@3.0.1/dist/chartjs-plugin-annotation.min.js"></script>
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<h1>Radiacode 103</h1>
|
|
<div id="status-bar">
|
|
<span id="status-connected" class="status-dot"></span>
|
|
<span id="status-cps">-- CPS</span>
|
|
<span id="status-live-time">-- h</span>
|
|
</div>
|
|
</header>
|
|
|
|
<nav>
|
|
<a href="#spectrum" class="tab active" data-tab="spectrum">Spectre</a>
|
|
<a href="#history" class="tab" data-tab="history">Historique</a>
|
|
<a href="#background" class="tab" data-tab="background">Background</a>
|
|
<a href="#cps" class="tab" data-tab="cps">CPS</a>
|
|
</nav>
|
|
|
|
<main>
|
|
<section id="tab-spectrum" class="tab-content active">
|
|
<div class="chart-container">
|
|
<button class="exit-fullscreen-btn" title="Sortir du plein écran">✕</button>
|
|
<canvas id="spectrum-chart"></canvas>
|
|
</div>
|
|
<div class="controls">
|
|
<label><input type="checkbox" id="show-difference"> Background soustrait</label>
|
|
<label><input type="checkbox" id="log-scale" checked> Echelle log</label>
|
|
<label><input type="checkbox" id="show-isotope-lines"> Raies isotopiques</label>
|
|
<label id="lines-detected-label" style="display:none"><input type="checkbox" id="lines-detected-only" checked> Détectés uniquement</label>
|
|
<label><input type="checkbox" id="show-bg-overlay"> Overlay background</label>
|
|
<button id="download-csv" class="btn-small">CSV</button>
|
|
<button id="fullscreen-btn" class="btn-small" title="Plein écran">⛶</button>
|
|
</div>
|
|
<div id="isotopes-table"></div>
|
|
</section>
|
|
|
|
<section id="tab-history" class="tab-content">
|
|
<div id="history-list"></div>
|
|
</section>
|
|
|
|
<section id="tab-background" class="tab-content">
|
|
<div class="bg-stats" id="bg-stats"></div>
|
|
<div class="chart-header">
|
|
<label style="font-size:0.85em;color:#888;display:flex;align-items:center;gap:4px"><input type="checkbox" id="show-bg-smooth" checked> Lissé</label>
|
|
<label style="font-size:0.85em;color:#888;display:flex;align-items:center;gap:4px"><input type="checkbox" id="show-bg-theoretical"> Théorique</label>
|
|
<label style="font-size:0.85em;color:#888;display:flex;align-items:center;gap:4px"><input type="checkbox" id="show-bg-continuum"> Continuum CsI</label>
|
|
<label style="display:none;font-size:0.85em;color:#888"><input type="checkbox" id="show-bg-reference"> Ref 24h</label>
|
|
<button class="btn-small fullscreen-btn" title="Plein écran">⛶</button>
|
|
</div>
|
|
<div class="chart-container">
|
|
<button class="exit-fullscreen-btn" title="Sortir du plein écran">✕</button>
|
|
<canvas id="background-chart"></canvas>
|
|
</div>
|
|
<div id="peaks-table"></div>
|
|
</section>
|
|
|
|
<section id="tab-cps" class="tab-content">
|
|
<div class="controls">
|
|
<button onclick="loadCps(1)">1h</button>
|
|
<button onclick="loadCps(6)">6h</button>
|
|
<button onclick="loadCps(24)">24h</button>
|
|
<button onclick="loadCps(168)">7j</button>
|
|
<button class="btn-small fullscreen-btn" title="Plein écran">⛶</button>
|
|
</div>
|
|
<div class="chart-container">
|
|
<button class="exit-fullscreen-btn" title="Sortir du plein écran">✕</button>
|
|
<canvas id="cps-chart"></canvas>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
<script src="/static/js/isotope_lines.js?v=2"></script>
|
|
<script src="/static/js/spectrum.js?v=2"></script>
|
|
<script src="/static/js/history.js?v=2"></script>
|
|
<script src="/static/js/background.js?v=3"></script>
|
|
<script src="/static/js/cps.js?v=2"></script>
|
|
<script src="/static/js/app.js?v=2"></script>
|
|
</body>
|
|
</html> |