stef/pkiapi
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(webui): add minimal SPA for managing CAs and certificates

Browse Source
This commit is contained in:
stef
2025-12-07 10:24:28 +01:00
parent 028f768299
commit 1e52006b46
3 changed files with 253 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

61
webui/index.html
View File

@@ -1,28 +1,43 @@
<!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 (Scaffold)</title>
<style>
body{font-family:system-ui,Arial;margin:2rem}
.card{border:1px solid #ddd;padding:1rem;border-radius:6px}
</style>
</head>
<body>
<h1>PKI API - Web UI (Scaffold)</h1>
<p>Cette page est un squelette minimal. L'interface web sera développée pour gérer les CAs et certificats via l'API REST.</p>
<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">
<header>
<h1>PKI API - Web UI (Minimal)</h1>
<div class="token-row">
<label for="token">JWT Token:</label>
<input id="token" placeholder="Entrez le token JWT ici" />
<button id="saveToken">Enregistrer</button>
</div>
<nav>
<button id="btnCAs">Liste des CAs</button>
<button id="btnCerts">Liste des certificats</button>
<button id="btnCreateCA">Créer CA</button>
<button id="btnCreateCert">Créer Certificat</button>
</nav>
</header>
<div class="card">
<h2>Actions rapides (exemples)</h2>
<ul>
<li>Connexion via JWT</li>
<li>Liste des CAs</li>
<li>Créer une CA</li>
<li>Créer / signer un certificat</li>
</ul>
</div>
<main>
<section id="message" class="card hidden"></section>
<p>Pour démarrer le développement, ouvrir `webui/README.md`.</p>
</body>
<section id="list" class="card hidden"></section>
<section id="form" class="card hidden"></section>
<section id="details" class="card hidden"></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>