@sexycoders/libauth.js
Version:
A full service for asymetric passwordless authentication.
90 lines (80 loc) • 2.53 kB
HTML
<html lang="en">
<head>
<title>Web ID Test</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="/forge/forge.all.js"></script>
<script type="text/javascript" src="webid.js"></script>
<link type="text/css" rel="stylesheet" media="all" href="/tests.css" />
<style type="text/css">
.ready { color: inherit; background: inherit; }
.testing { color: black; background: yellow; }
.pass{ color: white; background: green; }
.fail{ color: white; background: red; }
</style>
</head>
<body>
<div class="nav">
<a href="..">Forge Tests</a> /
<a href=".">Legacy</a> /
Web ID
</div>
<div class="header">
<h1>Web ID Tests</h1>
</div>
<div class="content">
<!-- div used to hold the flash socket pool implementation -->
<div id="socketPool">
<p>Could not load the flash SocketPool.</p>
</div>
<fieldset class="section">
<ul>
<li>Use the controls below to test Web ID.</li>
<li>Use 512 bits or less on slower JavaScript implementations.</li>
</ul>
</fieldset>
<fieldset class="section">
<legend>Control</legend>
<table>
<tr>
<td rowspan="3"><button id="create">Create Web ID</button></td>
<td>Bits</td>
<td><input id="bits" size=8 value="1024"/></td>
</tr>
<tr>
<td>URI</td>
<td><input id="uri" size=60 value="http://localhost/dataspace/person/myname#this"/></td>
</tr>
<tr>
<td>Common Name</td>
<td><input id="commonName" size=20 value="mycert"/></td>
</tr>
<tr>
<td><button id="show">Show Web IDs</button></td>
<td> </td>
<td> </td>
</tr>
<tr>
<td><button id="clear">Delete Web IDs</button></td>
<td> </td>
<td> </td>
</tr>
<tr>
<td><button id="authenticate">Authenticate using Web ID</button></td>
<td>URI</td>
<td><input id="webid" size=60 value="http://localhost/dataspace/person/myname#this"/></td>
</tr>
</table>
</fieldset>
<fieldset class="section">
<legend>Progress</legend>
<div id="progress"></div>
</fieldset>
<fieldset class="section">
<legend>Available Web IDs</legend>
<div id="webids"></div>
</fieldset>
</div>
</body>
</html>