430 lines
16 KiB
HTML
430 lines
16 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>OpenID Connect</title>
|
|
<meta name="description" content="">
|
|
<meta name="author" content="">
|
|
|
|
<!-- Le javascript -->
|
|
<script src="http://code.jquery.com/jquery-1.7.min.js"></script>
|
|
<script src="../bootstrap/js/bootstrap-modal.js"></script>
|
|
<script src="../bootstrap/js/bootstrap-alerts.js"></script>
|
|
<script src="../bootstrap/js/bootstrap-twipsy.js"></script>
|
|
<script src="../bootstrap/js/bootstrap-popover.js"></script>
|
|
<script src="../bootstrap/js/bootstrap-dropdown.js"></script>
|
|
<script src="../bootstrap/js/bootstrap-scrollspy.js"></script>
|
|
<script src="../bootstrap/js/bootstrap-tabs.js"></script>
|
|
<script src="../bootstrap/js/bootstrap-buttons.js"></script>
|
|
<script src="../js/tmpl.js"></script>
|
|
|
|
<script>$(function () {
|
|
|
|
var ExampleOpenIdClient = {
|
|
name:"A name",
|
|
redirectURL:"http://myURL.domain",
|
|
grantType:["my grant type 1", "my grant type 2"],
|
|
scope:["scope 1", "scope 2"],
|
|
authority:"my authority",
|
|
description:"my description",
|
|
refreshTokens:false
|
|
};
|
|
|
|
console.log(tmpl('client_tmpl',ExampleOpenIdClient));
|
|
|
|
$('#client-table').append(tmpl('client_tmpl',ExampleOpenIdClient));
|
|
|
|
})</script>
|
|
|
|
<!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
|
|
<!--[if lt IE 9]>
|
|
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
|
|
<![endif]-->
|
|
|
|
<!-- Le styles -->
|
|
<link href="../bootstrap/bootstrap.css" rel="stylesheet">
|
|
<style type="text/css">
|
|
body {
|
|
padding-top: 60px;
|
|
}
|
|
|
|
.logo {
|
|
background: url("../images/openid_small.png") no-repeat left center;
|
|
padding-left: 30px;
|
|
}
|
|
</style>
|
|
|
|
<!-- Le fav and touch icons -->
|
|
<link rel="shortcut icon" href="images/favicon.ico">
|
|
<link rel="apple-touch-icon" href="images/apple-touch-icon.png">
|
|
<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
|
|
<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<script type="text/html" id="client_tmpl">
|
|
<tr>
|
|
<td><#=name#></td>
|
|
<td><#=redirectURL#></td>
|
|
<td>
|
|
<ul>
|
|
<# for (var i in grantType) { #>
|
|
<li><#=grantType[i]#></li>
|
|
<# } #>
|
|
</ul>
|
|
</td>
|
|
<td>
|
|
<ul>
|
|
<# for (var i in scope) { #>
|
|
<li><#=scope[i]#></li>
|
|
<# } #>
|
|
</ul>
|
|
</td>
|
|
<td><#=authority#></td>
|
|
<td><#=description#>
|
|
</td>
|
|
<td><input type="checkbox" "<#=(refreshTokens == 1 ? 'checked' : '')#> value="" id="" name="" disabled></td>
|
|
<td>
|
|
<button data-controls-modal="modal-from-dom" data-backdrop="true" data-keyboard="true"
|
|
class="btn">edit
|
|
</button>
|
|
</td>
|
|
<td>
|
|
<button class="btn danger">delete</button>
|
|
</td>
|
|
</tr>
|
|
</script>
|
|
|
|
|
|
<div id="modal-from-dom" class="modal hide fade" style="width: 577px; max-height: none; top: 35%">
|
|
<div class="modal-header">
|
|
<a href="#" class="close">×</a>
|
|
|
|
<h3>Edit Client</h3>
|
|
</div>
|
|
<div class="modal-body">
|
|
|
|
<form>
|
|
<fieldset>
|
|
<!--<legend>OpenID Client</legend>-->
|
|
<div class="clearfix">
|
|
<label for="xlInput">Client Name</label>
|
|
|
|
<div class="input">
|
|
<input type="text" size="30" name="xlInput" id="xlInput" class="xlarge">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="clearfix">
|
|
<label for="prependedInput">Redirect Url</label>
|
|
|
|
<div class="input">
|
|
<div class="input-prepend">
|
|
<span class="add-on">http://</span>
|
|
<input type="text" size="16" name="prependedInput" id="prependedInput" class="medium">
|
|
</div>
|
|
<span class="help-block">Url to be redirected</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="clearfix">
|
|
<label id="optionsCheckboxes">Grant Types:</label>
|
|
|
|
<div class="input">
|
|
<ul class="inputs-list">
|
|
<li>
|
|
<label>
|
|
<input type="checkbox" value="option1" name="optionsCheckboxes">
|
|
<span>Grant Type Blah</span>
|
|
</label>
|
|
</li>
|
|
<li>
|
|
<label>
|
|
<input type="checkbox" value="option2" name="optionsCheckboxes">
|
|
<span>Grant Type Blah</span>
|
|
</label>
|
|
</li>
|
|
<li>
|
|
<label>
|
|
<input type="checkbox" value="option2" name="optionsCheckboxes">
|
|
<span>Grant Type Blah</span>
|
|
</label>
|
|
</li>
|
|
</ul>
|
|
<span class="help-block">
|
|
<strong>Note:</strong> Grant type help text.
|
|
</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="clearfix">
|
|
<label for="textarea2">Scope</label>
|
|
|
|
<div class="input">
|
|
<textarea rows="3" name="textarea2" id="textarea2" class="xlarge">email,first name</textarea>
|
|
<span class="help-block">
|
|
Please enter scopes separated by commas
|
|
</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="clearfix">
|
|
<label for="normalSelect">Authority</label>
|
|
|
|
<div class="input">
|
|
<select id="normalSelect" name="normalSelect">
|
|
<option>My Authority Option 1</option>
|
|
<option>My Authority Option 2</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
|
|
</fieldset>
|
|
|
|
<div class="clearfix">
|
|
<label for="form-description">Description</label>
|
|
|
|
<div class="input">
|
|
<input type="text" size="30" name="form-description" id="form-description" class="xlarge">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="clearfix">
|
|
<label id="form-allow-tokens">Allow refresh tokens?</label>
|
|
|
|
<div class="input">
|
|
<ul class="inputs-list">
|
|
<li>
|
|
<label>
|
|
<input type="checkbox" value="option1" name="form-allow-tokens">
|
|
<span> </span>
|
|
</label>
|
|
</li>
|
|
</ul>
|
|
<span class="help-block">
|
|
<strong>Note:</strong> Labels surround all the options for much larger click areas and a more usable form.
|
|
</span>
|
|
</div>
|
|
</div>
|
|
|
|
</form>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<a href="#" class="btn primary">Save</a>
|
|
<a href="#" class="btn secondary">Cancel</a>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="topbar">
|
|
<div class="topbar-inner">
|
|
<div class="container-fluid">
|
|
<a class="brand" href="#"><span class="logo">OpenID Connect Server</span></a>
|
|
<ul class="nav">
|
|
<li class="active"><a href="#">Home</a></li>
|
|
<li><a href="#about">About</a></li>
|
|
<li><a href="#about">Statistics</a></li>
|
|
<li><a href="#contact">Contact</a></li>
|
|
</ul>
|
|
<p class="pull-right">Logged in as <a href="#">username</a></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container-fluid">
|
|
<div class="sidebar">
|
|
<div class="well">
|
|
<h5>Administrative</h5>
|
|
<ul>
|
|
<li><a href="#">Manage Clients</a></li>
|
|
<li><a href="#">White Lists</a></li>
|
|
<li><a href="#">Black Lists</a></li>
|
|
</ul>
|
|
<h5>Personal</h5>
|
|
<ul>
|
|
<li><a href="#">Manage Sites</a></li>
|
|
<li><a href="#">Manage Active Tokens</a></li>
|
|
<li><a href="#">Profile</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="content">
|
|
<div class="">
|
|
<ul class="breadcrumb">
|
|
<li><a href="#">Home</a> <span class="divider">/</span></li>
|
|
<li class="active">Manage Clients</li>
|
|
</ul>
|
|
|
|
|
|
<h1>Manage Clients</h1>
|
|
|
|
<div class="well">
|
|
<a class="btn small primary" href="#">New Client</a>
|
|
</div>
|
|
|
|
<table id="client-table">
|
|
<thead>
|
|
<tr>
|
|
<th>Name</th>
|
|
<th>Redirect URL</th>
|
|
<th>Grant Types</th>
|
|
<th>Scope</th>
|
|
<th>Authority</th>
|
|
<th class="span8">Description</th>
|
|
<th>Refresh Tokens</th>
|
|
<th class="span1"></th>
|
|
<th class="span1"></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>Client Name</td>
|
|
<td>http://redirecturl.domain</td>
|
|
<td>
|
|
<ul>
|
|
<li>Grant Type</li>
|
|
<li>Grant Type</li>
|
|
<li>Grant Type</li>
|
|
<li>Grant Type</li>
|
|
</ul>
|
|
</td>
|
|
<td>
|
|
<ul>
|
|
<li>email</li>
|
|
<li>first name</li>
|
|
<li>address</li>
|
|
<li>last name</li>
|
|
</ul>
|
|
</td>
|
|
<td>My Authority</td>
|
|
<td>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo,
|
|
tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.
|
|
</td>
|
|
<td><input type="checkbox" checked="checked" value="" id="" name="" disabled></td>
|
|
<td>
|
|
<button data-controls-modal="modal-from-dom" data-backdrop="true" data-keyboard="true"
|
|
class="btn">edit
|
|
</button>
|
|
</td>
|
|
<td>
|
|
<button class="btn danger">delete</button>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Client Name</td>
|
|
<td>http://redirecturl.domain</td>
|
|
<td>
|
|
<ul>
|
|
<li>Grant Type</li>
|
|
<li>Grant Type</li>
|
|
<li>Grant Type</li>
|
|
<li>Grant Type</li>
|
|
</ul>
|
|
</td>
|
|
<td>
|
|
<ul>
|
|
<li>email</li>
|
|
<li>first name</li>
|
|
<li>address</li>
|
|
<li>last name</li>
|
|
</ul>
|
|
</td>
|
|
<td>My Authority</td>
|
|
<td>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo,
|
|
tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.
|
|
</td>
|
|
<td><input type="checkbox" checked="checked" value="" id="" name="" disabled></td>
|
|
<td>
|
|
<button data-controls-modal="modal-from-dom" data-backdrop="true" data-keyboard="true"
|
|
class="btn">edit
|
|
</button>
|
|
</td>
|
|
<td>
|
|
<button class="btn danger">delete</button>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Client Name</td>
|
|
<td>http://redirecturl.domain</td>
|
|
<td>
|
|
<ul>
|
|
<li>Grant Type</li>
|
|
<li>Grant Type</li>
|
|
<li>Grant Type</li>
|
|
<li>Grant Type</li>
|
|
</ul>
|
|
</td>
|
|
<td>
|
|
<ul>
|
|
<li>email</li>
|
|
<li>first name</li>
|
|
<li>address</li>
|
|
<li>last name</li>
|
|
</ul>
|
|
</td>
|
|
<td>My Authority</td>
|
|
<td>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo,
|
|
tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.
|
|
</td>
|
|
<td><input type="checkbox" checked="checked" value="" id="" name="" disabled></td>
|
|
<td>
|
|
<button data-controls-modal="modal-from-dom" data-backdrop="true" data-keyboard="true"
|
|
class="btn">edit
|
|
</button>
|
|
</td>
|
|
<td>
|
|
<button class="btn danger">delete</button>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Client Name</td>
|
|
<td>http://redirecturl.domain</td>
|
|
<td>
|
|
<ul>
|
|
<li>Grant Type</li>
|
|
<li>Grant Type</li>
|
|
<li>Grant Type</li>
|
|
<li>Grant Type</li>
|
|
</ul>
|
|
</td>
|
|
<td>
|
|
<ul>
|
|
<li>email</li>
|
|
<li>first name</li>
|
|
<li>address</li>
|
|
<li>last name</li>
|
|
</ul>
|
|
</td>
|
|
<td>My Authority</td>
|
|
<td>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo,
|
|
tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.
|
|
</td>
|
|
<td><input type="checkbox" checked="checked" value="" id="" name="" disabled></td>
|
|
<td>
|
|
<button data-controls-modal="modal-from-dom" data-backdrop="true" data-keyboard="true"
|
|
class="btn">edit
|
|
</button>
|
|
</td>
|
|
<td>
|
|
<button class="btn danger">delete</button>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
<div class="well">
|
|
<a class="btn small primary" href="#">New Client</a>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<footer>
|
|
<p>© Company 2012</p>
|
|
</footer>
|
|
</div>
|
|
</div>
|
|
|
|
</body>
|
|
</html>
|