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

19
en/securid.html
Unescape View File

@ -6,16 +6,14 @@
<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>
<p> <fieldset>
[<a href=".">back</a>]
[<a href="https://github.com/Epicpkmn11/rsa-securid">source</a>]
</p>
<div> <div>
<label for="input">Token:</label> <label for="input">Token:</label>
<input id="input"> <input id="input">
@ -49,8 +47,17 @@
<label for="output">Passcode:</label> <label for="output">Passcode:</label>
<input id="output" maxlength="8" disabled> <input id="output" maxlength="8" disabled>
</div> </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>
<hr> <p>
[<a href=".">back</a>]
[<a href="https://github.com/Epicpkmn11/rsa-securid">source</a>]
</p>
<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>

18
securid.html
Unescape View File

@ -6,16 +6,13 @@
<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>
<p> <fieldset>
[<a href=".">戻る</a>]
[<a href="https://github.com/Epicpkmn11/rsa-securid">ソース</a>]
</p>
<div> <div>
<label for="input">トークン：</label>　　 <label for="input">トークン：</label>　　
<input id="input"> <input id="input">
@ -49,8 +46,17 @@
<label for="output">パスコード：</label>　 <label for="output">パスコード：</label>　
<input id="output" maxlength="8" disabled> <input id="output" maxlength="8" disabled>
</div> </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>
<hr> <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> <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