45 lines
1.5 KiB
HTML
45 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">
|
|
<title>PKI API - Web UI</title>
|
|
<link rel="stylesheet" href="./style.css">
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<a class="skip-link" href="#main">Aller au contenu</a>
|
|
<header>
|
|
<h1>PKI API - Web UI (Minimal)</h1>
|
|
<div class="token-row">
|
|
<label for="token">JWT Token :</label>
|
|
<input id="token" aria-label="JWT Token" placeholder="Entrez le token JWT ici" />
|
|
<button id="saveToken">Enregistrer</button>
|
|
</div>
|
|
<nav role="navigation" aria-label="Navigation principale">
|
|
<button id="btnCAs" aria-controls="list">Liste des CAs</button>
|
|
<button id="btnCerts" aria-controls="list">Liste des certificats</button>
|
|
<button id="btnCreateCA" aria-controls="form">Créer CA</button>
|
|
<button id="btnCreateCert" aria-controls="form">Créer Certificat</button>
|
|
</nav>
|
|
</header>
|
|
|
|
<main id="main" tabindex="-1">
|
|
<div id="message" role="status" aria-live="polite" aria-atomic="true" class="card hidden"></div>
|
|
|
|
<section id="list" class="card hidden" aria-live="polite"></section>
|
|
|
|
<section id="form" class="card hidden"></section>
|
|
|
|
<section id="details" class="card hidden" aria-live="polite"></section>
|
|
</main>
|
|
|
|
<footer>
|
|
<small>Consomme l'API sur <code>/api/v1</code>. Assurez-vous d'entrer un token JWT valide.</small>
|
|
</footer>
|
|
</div>
|
|
|
|
<script src="./main.js"></script>
|
|
</body>
|
|
</html>
|