51 lines
1.5 KiB
HTML
51 lines
1.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>YubiSwitch</title>
|
|
<link rel="stylesheet" href="/src/styles.css" />
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
|
|
<div class="header">
|
|
<div class="logo">
|
|
<div class="logo-dot">
|
|
<img src="/src-tauri/icons/app-icon.png" width="22" height="22" style="border-radius:4px;"/>
|
|
</div>
|
|
<div>
|
|
<div class="logo-name">YubiSwitch</div>
|
|
<div class="logo-sub">by Enuxia</div>
|
|
</div>
|
|
</div>
|
|
<span class="version">v0.1.0</span>
|
|
</div>
|
|
|
|
<div class="status-bar">
|
|
<div class="status-indicator none" id="statusIndicator"></div>
|
|
<span class="status-text" id="statusText">Détection en cours…</span>
|
|
<span class="last-refresh" id="lastRefresh"></span>
|
|
</div>
|
|
|
|
<div id="noDevice" class="no-device hidden">
|
|
<div class="no-device-icon">⬡</div>
|
|
<p>Aucune YubiKey détectée</p>
|
|
</div>
|
|
|
|
<div id="deviceList"></div>
|
|
|
|
<div class="footer">
|
|
<div class="autostart-row">
|
|
<span class="autostart-label">Démarrage auto</span>
|
|
<div class="toggle-small off" id="autostartToggle">
|
|
<div class="toggle-small-thumb"></div>
|
|
</div>
|
|
</div>
|
|
<span class="version" id="autostartStatus"></span>
|
|
</div>
|
|
|
|
</div>
|
|
<script type="module" src="/src/main.ts"></script>
|
|
</body>
|
|
</html> |