|
|
<!DOCTYPE html>
|
|
|
<html lang="ja">
|
|
|
<head>
|
|
|
<meta charset="utf-8">
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
<title>RSA SecurID</title>
|
|
|
<style>
|
|
|
.valid { color: lime; }
|
|
|
input:not([disabled]):not(.valid), #error { color: red; }
|
|
|
.hidden { display: none; }
|
|
|
</style>
|
|
|
</head>
|
|
|
<body>
|
|
|
<h1>SecurID</h1>
|
|
|
<fieldset>
|
|
|
<div>
|
|
|
<label for="input">トークン：</label>
|
|
|
<input id="input">
|
|
|
</div>
|
|
|
<div id="password-div" class="hidden">
|
|
|
<label for="password">パスワード：</label>
|
|
|
<input id="password" type="password">
|
|
|
</div>
|
|
|
<div id="devid-div" class="hidden">
|
|
|
<label for="devid">デバイスＩＤ：</label>
|
|
|
<input id="devid">
|
|
|
</div>
|
|
|
<div>
|
|
|
<label for="version">バージョン：</label>
|
|
|
<select id="version">
|
|
|
<option value="2">v2</option>
|
|
|
<option value="3">v3</option>
|
|
|
<option value="4" selected>v4</option>
|
|
|
</select>
|
|
|
</div>
|
|
|
<div>
|
|
|
<input id="remember" type="checkbox">
|
|
|
<label for="remember">トークンの記憶</label>
|
|
|
</div>
|
|
|
<div>
|
|
|
<label for="pin">ＰＩＮ：</label>
|
|
|
<input id="pin" type="password" minlength="4" maxlength="8">
|
|
|
</div>
|
|
|
<hr>
|
|
|
<div>
|
|
|
<label for="output">パスコード：</label>
|
|
|
<input id="output" maxlength="8" disabled>
|
|
|
</div>
|
|
|
<div>
|
|
|
<label for="timer">残り時間：</label>
|
|
|
<input id="timer" type="range" min="0" max="59" value="0" disabled>
|
|
|
</div>
|
|
|
<div id="error" class="hidden"><hr><b>エラー：</b> <span></span></div>
|
|
|
</fieldset>
|
|
|
|
|
|
<p>
|
|
|
[<a href=".">戻る</a>]
|
|
|
[<a href="https://github.com/Epicpkmn11/rsa-securid">ソース</a>]
|
|
|
</p>
|
|
|
|
|
|
<div>2023 Pk11、<a href="https://github.com/domdomegg/rsa-securid">domdomegg/rsa-securid</a>と<a href="https://github.com/cernekee/stoken">cernekee/stoken</a>に基づく。</div>
|
|
|
|
|
|
<script src="/assets/js/securid.bundle.js"></script>
|
|
|
</body>
|
|
|
</html>
|
