a189470d49
Some checks failed
CI - 4NK Node / Integration Tests (push) Failing after 9s
CI - 4NK Node / Docker Build & Test (push) Failing after 8s
CI - 4NK Node / Documentation Tests (push) Failing after 3s
CI - 4NK Node / Release Guard (push) Has been skipped
CI - 4NK Node / Performance Tests (push) Failing after 29s
CI - 4NK Node / Code Quality (push) Failing after 32s
CI - 4NK Node / Unit Tests (push) Failing after 30s
CI - 4NK Node / Security Tests (push) Failing after 28s
CI - 4NK Node / Notify (push) Failing after 1s
54 lines
1.9 KiB
HTML
54 lines
1.9 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="fr">
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||
<title>4NK Wallet – Hôte navigateur minimal</title>
|
||
<style>
|
||
body { font-family: system-ui, sans-serif; margin: 0; padding: 0; display: grid; grid-template-rows: auto 1fr; height: 100vh; }
|
||
header { padding: 12px; border-bottom: 1px solid #ddd; display: flex; gap: 8px; align-items: center; }
|
||
main { display: grid; grid-template-columns: 320px 1fr; height: 100%; }
|
||
.panel { padding: 12px; border-right: 1px solid #eee; display: flex; flex-direction: column; gap: 8px; }
|
||
.log { font-family: ui-monospace, monospace; white-space: pre-wrap; background: #fafafa; border: 1px solid #eee; padding: 8px; height: 280px; overflow: auto; }
|
||
iframe { width: 100%; height: 100%; border: 0; }
|
||
button { padding: 8px 10px; cursor: pointer; }
|
||
.row { display: flex; gap: 8px; flex-wrap: wrap; }
|
||
label { font-size: 12px; color: #666; }
|
||
input { width: 100%; padding: 6px 8px; }
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<header>
|
||
<strong>4NK Wallet</strong>
|
||
<span style="color:#999">— Hôte navigateur</span>
|
||
</header>
|
||
<main>
|
||
<section class="panel">
|
||
<div class="row">
|
||
<button id="btn-link">Demander liaison</button>
|
||
<button id="btn-validate">Valider token</button>
|
||
<button id="btn-renew">Renouveler token</button>
|
||
</div>
|
||
<div>
|
||
<label>Access Token</label>
|
||
<input id="accessToken" readonly />
|
||
</div>
|
||
<div>
|
||
<label>Refresh Token</label>
|
||
<input id="refreshToken" readonly />
|
||
</div>
|
||
<div>
|
||
<label>Dernier message reçu</label>
|
||
<input id="lastType" readonly />
|
||
</div>
|
||
<div class="log" id="log"></div>
|
||
</section>
|
||
<section>
|
||
<iframe id="ihm" src="./ihm/index.html" referrerpolicy="no-referrer"></iframe>
|
||
</section>
|
||
</main>
|
||
<script src="./bridge.js"></script>
|
||
</body>
|
||
</html>
|
||
|