pk11
/
xn--rck9c.xn--tckwe
1
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add timer and error messages

Browse Source
main
Pk11 2 years ago
parent 7538508a2e
commit d70ab9a5c8
3 changed files with 86 additions and 73 deletions
Show Stats Download Patch File Download Diff File

2
assets/js/securid.bundle.js
View File

File diff suppressed because one or more lines are too long

79
en/securid.html
Unescape View File

@ -6,51 +6,58 @@
<title>RSA SecurID</title> <title>RSA SecurID</title>
<style> <style>
.valid { color: lime; } .valid { color: lime; }
input:not([disabled]):not(.valid) { color: red; } input:not([disabled]):not(.valid), #error { color: red; }
.hidden { display: none; } .hidden { display: none; }
</style> </style>
</head> </head>
<body> <body>
<h1>SecurID</h1> <h1>SecurID</h1>
<fieldset>
<div>
<label for="input">Token:</label>
<input id="input">
</div>
<div id="password-div" class="hidden">
<label for="password">Password:</label>
<input id="password" type="password">
</div>
<div id="devid-div" class="hidden">
<label for="devid">Device ID:</label>
<input id="devid">
</div>
<div>
<label for="version">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">Remember token</label>
</div>
<div>
<label for="pin">PIN:</label>
<input id="pin" type="password" minlength="4" maxlength="8">
</div>
<hr>
<div>
<label for="output">Passcode:</label>
<input id="output" maxlength="8" disabled>
</div>
<div>
<label for="timer">Time remaining:</label>
<input id="timer" type="range" min="0" max="59" value="0" disabled>
</div>
<div id="error" class="hidden"><hr><b>Error:</b> <span></span></div>
</fieldset>
<p> <p>
[<a href=".">back</a>] [<a href=".">back</a>]
[<a href="https://github.com/Epicpkmn11/rsa-securid">source</a>] [<a href="https://github.com/Epicpkmn11/rsa-securid">source</a>]
</p> </p>
<div>
<label for="input">Token:</label>
<input id="input">
</div>
<div id="password-div" class="hidden">
<label for="password">Password:</label>
<input id="password" type="password">
</div>
<div id="devid-div" class="hidden">
<label for="devid">Device ID:</label>
<input id="devid">
</div>
<div>
<label for="version">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">Remember token</label>
</div>
<div>
<label for="pin">PIN:</label>
<input id="pin" type="password" minlength="4" maxlength="8">
</div>
<hr>
<div>
<label for="output">Passcode:</label>
<input id="output" maxlength="8" disabled>
</div>
<hr>
<div>2023 Pk11, based on <a href="https://github.com/domdomegg/rsa-securid">domdomegg/rsa-securid</a> and <a href="https://github.com/cernekee/stoken">cernekee/stoken</a>.</div> <div>2023 Pk11, based on <a href="https://github.com/domdomegg/rsa-securid">domdomegg/rsa-securid</a> and <a href="https://github.com/cernekee/stoken">cernekee/stoken</a>.</div>

78
securid.html
Unescape View File

@ -6,51 +6,57 @@
<title>RSA SecurID</title> <title>RSA SecurID</title>
<style> <style>
.valid { color: lime; } .valid { color: lime; }
input:not([disabled]):not(.valid) { color: red; } input:not([disabled]):not(.valid), #error { color: red; }
.hidden { display: none; } .hidden { display: none; }
</style> </style>
</head> </head>
<body> <body>
<h1>SecurID</h1> <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> <p>
[<a href=".">戻る</a>] [<a href=".">戻る</a>]
[<a href="https://github.com/Epicpkmn11/rsa-securid">ソース</a>] [<a href="https://github.com/Epicpkmn11/rsa-securid">ソース</a>]
</p> </p>
<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>
<hr>
<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> <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>

Write Preview
Loading…
Cancel
Save