| <!DOCTYPE HTML> |
| <html> |
| |
| <head> |
| <meta charset="utf-8"> |
| |
| <link href="chrome://resources/css/roboto.css" rel="stylesheet"> |
| <link href="common.css" rel='stylesheet'> |
| <link href="pollux.css" rel='stylesheet'> |
| |
| <script src='webui.js' type='text/javascript'></script> |
| <script src='logs.js' type='text/javascript'></script> |
| <script src='pollux.js' type='text/javascript'></script> |
| </head> |
| |
| <body> |
| <!-- Panel for debug controls. --> |
| <section id='controls'> |
| <header> |
| <div class='logo'>♊</div> |
| <div class='title'>POLLUX</div> |
| </header> |
| |
| <div id='controls-panel'> |
| <!-- Controls for server simulation --> |
| <div class='control'> |
| <div class='control-title'>SERVER</div> |
| <div class='control-row'> |
| <div class='control-row-text'>MASTER_KEY:</div> |
| <input class='textinput' type='text' value='F3DA234A14'> |
| </div> |
| <div class='control-row'><button>Challenge</button></div> |
| </div> |
| |
| <!-- Controls for testing getAssertion() --> |
| <div class='control'> |
| <div class='control-title'>GET ASSERTION</div> |
| <div class='control-row'> |
| <div class='control-row-text'>CHALLENGE:</div> |
| <input class='textinput' type='text' value='A3DA234A14'> |
| </div> |
| <div class='control-row'> |
| <div class='control-row-text'>EID:</div> |
| <input class='textinput' type='text' value='A3DA234A14'> |
| </div> |
| <div class='control-row'> |
| <div class='control-row-text'>SESSION_KEY:</div> |
| <input class='textinput' type='text' value='A3DA234A14'> |
| </div> |
| <div class='control-row'><button>Start</button></div> |
| </div> |
| |
| <!-- Controls for the state of the remote device (AKA Authenticator) --> |
| <div class='control'> |
| <div class='control-title'>AUTHENTICATOR STATE</div> |
| <div class='control-row'> |
| <div class='control-row-text'>NOT STARTED</div> |
| </div> |
| </div> |
| </div> |
| </section> |
| |
| <!-- Panel for logs list. --> |
| <section id='logs-panel'> |
| <header> |
| <button id='clear-logs-button'>∅</button> |
| </header> |
| <div id='logs-list'> |
| <template id='item-template'> |
| <div class='log-item' severity='0'> |
| <div class="item-metadata"> |
| <div class='item-time'></div> |
| <div class="flex"></div> |
| <div class='item-source'></div> |
| </div> |
| <pre class="item-text flex">This is an error.</pre> |
| </div> |
| </template> |
| </div> |
| </section> |
| </body> |
| |
| </html> |
