mirror of
https://github.com/cloudflare/redoctober.git
synced 2026-01-03 11:45:41 +00:00
767f3d3912
The diff for this is a bit ugly due to indentation changes, but essentially each navbar tag that exists, was converted into a tab. From there, only one tab is shown at a time- this makes navigation generally suck less, and is visually less painful. In parallel, the markup for each tab was adjusted to be more consistent.
926 lines
36 KiB
HTML
926 lines
36 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<title>Red October - Two Man Rule File Encryption & Decryption</title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
|
|
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap.min.css" />
|
|
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap-theme.min.css" />
|
|
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
|
|
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.2/js/bootstrap.min.js"></script>
|
|
<style type="text/css">
|
|
.footer{ border-top: 1px solid #ccc; margin-top: 50px; padding: 20px 0;}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<nav class="navbar navbar-default" role="banner">
|
|
<div class="container">
|
|
<div class="navbar-header">
|
|
<a href="/" class="navbar-brand">Red October</a>
|
|
</div>
|
|
<div class="collapse navbar-collapse">
|
|
<ul class="nav nav-tabs">
|
|
<li class="active"><a data-toggle="tab" href="#delegate">Delegate</a></li>
|
|
<li><a data-toggle="tab" href="#summary">Summary</a></li>
|
|
<li><a data-toggle="tab" href="#admin">Admin</a></li>
|
|
<li><a data-toggle="tab" href="#restore">Restore</a></li>
|
|
<li><a data-toggle="tab" href="#encrypt">Encrypt</a></li>
|
|
<li><a data-toggle="tab" href="#decrypt">Decrypt</a></li>
|
|
<li><a data-toggle="tab" href="#owners">Owners</a></li>
|
|
<li><a data-toggle="tab" href="#orders">Order</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
<div class="tab-content">
|
|
<h1 class="page-header">Red October Management</h1>
|
|
<div class="tab-pane active" id="delegate">
|
|
<div class="col-md-6">
|
|
<h3>Delegate</h3>
|
|
<form id="user-delegate" class="ro-user-delegate" role="form" action="/delegate" method="post">
|
|
<div class="feedback delegate-feedback"></div>
|
|
<div class="form-group row">
|
|
<div class="col-md-6">
|
|
<label for="delegate-user">User name</label>
|
|
<input type="text" name="Name" class="form-control" id="delegate-user" placeholder="User name" required />
|
|
</div>
|
|
<div class="col-md-6">
|
|
<label for="delegate-user-pass">Password</label>
|
|
<input type="password" name="Password" class="form-control" id="delegate-user-pass" placeholder="Password" required />
|
|
</div>
|
|
</div>
|
|
<div class="form-group row">
|
|
<div class="col-md-6">
|
|
<label for="delegate-user-time">Delegation Time <small>(e.g., 2h34m)</small></label>
|
|
<input type="text" name="Time" class="form-control" id="delegate-user-time" placeholder="1h" required />
|
|
</div>
|
|
<div class="col-md-6">
|
|
<label for="delegate-uses">Uses</label>
|
|
<input type="number" name="Uses" class="form-control" id="delegate-uses" placeholder="5" required />
|
|
</div>
|
|
</div>
|
|
<div class="form-group row">
|
|
<div class="col-md-6">
|
|
<label for="delegate-users">Users to allow <small>(comma separated)</small></label>
|
|
<input type="text" name="Users" class="form-control" id="delegate-users" placeholder="e.g. Alice, Bob" />
|
|
</div>
|
|
<div class="col-md-6">
|
|
<label for="delegate-labels">Labels to allow <small>(comma separated)</small></label>
|
|
<input type="text" name="Labels" class="form-control" id="delegate-labels" placeholder="e.g. Blue, Red" />
|
|
</div>
|
|
</div>
|
|
<div class="form-group row">
|
|
<div class="col-md-6">
|
|
<label for="delegate-labels">Slot Name</label>
|
|
<input type="text" name="Slot" class="form-control" id="delegate-slot" placeholder="Afternoon" />
|
|
</div>
|
|
</div>
|
|
<button type="submit" class="btn btn-primary">Delegate</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<div class="tab-pane" id="summary">
|
|
<div class="col-md-6">
|
|
<h3>User summary / delegation list</h3>
|
|
<form id="vault-summary" class="form-inline ro-summary" role="form" action="/summary" method="post">
|
|
<div class="feedback summary-feedback"></div>
|
|
<div class="form-group">
|
|
<label class="sr-only" for="admin-user-auth">User name</label>
|
|
<input type="text" name="Name" class="form-control" id="admin-user-auth" placeholder="User name" required />
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="sr-only" for="admin-pass-auth">Password</label>
|
|
<input type="password" name="Password" class="form-control" id="admin-pass-auth" placeholder="Password" required />
|
|
</div>
|
|
<button type="submit" class="btn btn-primary">Get Summary</button>
|
|
</form>
|
|
<div class="hide summary-results">
|
|
<h4>Delegation Persistence</h4>
|
|
<p class="summary-state"></p>
|
|
<h4>Current Delegations</h4>
|
|
<ul class="list-group summary-user-delegations"></ul>
|
|
<h4>All Users</h4>
|
|
<ul class="list-group summary-all-users"></ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="tab-pane" id="admin">
|
|
<section class="row">
|
|
<div class="col-md-6">
|
|
<h3>Create vault</h3>
|
|
<form id="vault-create" class="form-inline ro-admin-create" role="form" action="/create" method="post">
|
|
<div class="feedback admin-feedback"></div>
|
|
<div class="form-group">
|
|
<label class="sr-only" for="admin-create-user">User name</label>
|
|
<input type="text" name="Name" class="form-control" id="admin-create-user" placeholder="User name" required />
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="sr-only" for="admin-create-pass">Password</label>
|
|
<input type="password" name="Password" class="form-control" id="admin-create-pass" placeholder="Password" required />
|
|
</div>
|
|
<button type="submit" class="btn btn-primary">Create Admin</button>
|
|
</form>
|
|
</div>
|
|
</section>
|
|
<hr />
|
|
<section class="row">
|
|
<div class="col-md-6">
|
|
<h3>Create User</h3>
|
|
<form id="user-create" class="ro-user-create" role="form" action="/create-user" method="post">
|
|
<div class="feedback create-feedback"></div>
|
|
<div class="form-group row">
|
|
<div class="col-md-6">
|
|
<label for="create-user">User name</label>
|
|
<input type="text" name="Name" class="form-control" id="create-user" placeholder="User name" required />
|
|
</div>
|
|
<div class="col-md-6">
|
|
<label for="create-user-pass">Password</label>
|
|
<input type="password" name="Password" class="form-control" id="create-user-pass" placeholder="Password" required />
|
|
</div>
|
|
</div>
|
|
<div class="form-group row">
|
|
<div class="col-md-6">
|
|
<label for="create-user-hipchatname">Hipchat Name</label>
|
|
<input type="text" name="HipchatName" class="form-control" id="create-hipchatname" placeholder="HipchatName"/>
|
|
</div>
|
|
</div>
|
|
<div class="form-group row">
|
|
<div class="col-md-12">
|
|
<label for="create-user-type">User Type</label>
|
|
<select name="UserType" class="form-control" id="create-user-type">
|
|
<option value="RSA">RSA</option>
|
|
<option value="ECC">ECC</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<button type="submit" class="btn btn-primary">Create</button>
|
|
</form>
|
|
</div>
|
|
</section>
|
|
<hr />
|
|
<section class="row">
|
|
<div class="col-md-6">
|
|
<h3>Change account</h3>
|
|
<form id="user-change-password" class="ro-user-change-password" role="form" action="/password" method="post">
|
|
<div class="feedback change-password-feedback"></div>
|
|
<div class="form-group row">
|
|
<div class="col-md-6">
|
|
<label for="user-name">User name</label>
|
|
<input type="text" name="Name" class="form-control" id="user-name" placeholder="User name" required/>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<label for="user-pass">Password</label>
|
|
<input type="password" name="Password" class="form-control" id="user-pass" placeholder="Password"/ required>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="user-pass">New password. Blank for no change.</label>
|
|
<input type="password" name="NewPassword" class="form-control" id="user-pass-new" placeholder="New Password"/>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="user-email">Hipchat Name. Blank for no change.</label>
|
|
<input type="text" name="HipchatName" class="form-control" id="user-hipchatname" placeholder="New Hipchat Name"/>
|
|
</div>
|
|
<button type="submit" class="btn btn-primary">Change password</button>
|
|
</form>
|
|
</div>
|
|
</section>
|
|
<hr />
|
|
<section class="row">
|
|
<div class="col-md-6">
|
|
<h3>Admin Controls</h3>
|
|
<form id="user-modify" class="ro-user-modify" role="form" action="/modify" method="post">
|
|
<div class="feedback modify-feedback"></div>
|
|
<div class="form-group row">
|
|
<div class="col-md-6">
|
|
<label for="modify-user-admin">Admin User</label>
|
|
<input type="text" name="Name" class="form-control" id="modify-user-admin" placeholder="User name" required />
|
|
</div>
|
|
<div class="col-md-6">
|
|
<label for="modify-user-pass">Admin Password</label>
|
|
<input type="password" name="Password" class="form-control" id="modify-user-pass" placeholder="Password" required />
|
|
</div>
|
|
</div>
|
|
<div class="form-group row">
|
|
<div class="col-md-6">
|
|
<label for="modify-user-user">User to modify <small>(e.g., Carol)</small></label>
|
|
<input type="text" name="ToModify" class="form-control" id="modify-user-user" required />
|
|
</div>
|
|
<div class="col-md-6">
|
|
<label for="modify-user-command">Command</label>
|
|
<select id="modify-user-command" name="Command" class="form-control" required>
|
|
<option value="revoke">Revoke Admin Status</option>
|
|
<option value="admin">Make Admin</option>
|
|
<option value="delete">Delete User</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<button type="submit" class="btn btn-primary">Modify user</button>
|
|
</form>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
<div class="tab-pane" id="restore">
|
|
<div class="col-md-6">
|
|
<h3>Restore</h3>
|
|
<form id="user-restore" class="ro-user-restore" role="form" action="/restore" method="post">
|
|
<div class="feedback restore-feedback"></div>
|
|
<div class="form-group row">
|
|
<div class="col-md-6">
|
|
<label for="restore-user">User name</label>
|
|
<input type="text" name="Name" class="form-control" id="restore-user" placeholder="User name" required />
|
|
</div>
|
|
<div class="col-md-6">
|
|
<label for="restore-user-pass">Password</label>
|
|
<input type="password" name="Password" class="form-control" id="restore-user-pass" placeholder="Password" required />
|
|
</div>
|
|
</div>
|
|
<div class="form-group row">
|
|
<div class="col-md-6">
|
|
<label for="restore-user-time">Delegation Time <small>(e.g., 2h34m)</small></label>
|
|
<input type="text" name="Time" class="form-control" id="restore-user-time" placeholder="1h" required />
|
|
</div>
|
|
</div>
|
|
<button type="submit" class="btn btn-primary">Restore</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<div class="tab-pane" id="encrypt">
|
|
<div class="col-md-6">
|
|
<h3>Encrypt data</h3>
|
|
<form id="encrypt" class="ro-user-encrypt" role="form" action="/encrypt" method="post">
|
|
<div class="feedback encrypt-feedback"></div>
|
|
<div class="form-group row">
|
|
<div class="col-md-6">
|
|
<label for="encrypt-user-admin">User name</label>
|
|
<input type="text" name="Name" class="form-control" id="encrypt-user-admin" placeholder="User name" required />
|
|
</div>
|
|
<div class="col-md-6">
|
|
<label for="encrypt-user-pass">Password</label>
|
|
<input type="password" name="Password" class="form-control" id="encrypt-user-pass" placeholder="Password" required />
|
|
</div>
|
|
</div>
|
|
<div class="form-group row">
|
|
<div class="col-md-6">
|
|
<label for="encrypt-minimum">Minimum number of users for access</label>
|
|
<input type="number" name="Minimum" class="form-control" id="encrypt-minimum" placeholder="2" />
|
|
</div>
|
|
<div class="col-md-6">
|
|
<label for="encrypt-owners">Owners <small>(comma separated users)</small></label>
|
|
<input type="text" name="Owners" class="form-control" id="encrypt-owners" placeholder="e.g., Carol, Bob" />
|
|
</div>
|
|
</div>
|
|
<div class="form-group row">
|
|
<div class="col-md-12">
|
|
<label for="encrypt-predicate">(OR) Predicate for decryption</label>
|
|
<input type="text" name="Predicate" class="form-control" id="encrypt-predicate" placeholder="(Alice | Bob) & Carol" />
|
|
</div>
|
|
</div>
|
|
<div class="form-group row">
|
|
<div class="col-md-6">
|
|
<label for="encrypt-labels">Labels to use <small>(comma separated)</small></label>
|
|
<input type="text" name="Labels" class="form-control" id="encrypt-labels" placeholder="e.g. Blue, Red" />
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="encrypt-data">Data <small>(not base64 encoded)</small></label>
|
|
<textarea name="Data" class="form-control" id="encrypt-data" rows="5" required></textarea>
|
|
</div>
|
|
<button type="submit" class="btn btn-primary">Encrypt!</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<div class="tab-pane" id="decrypt">
|
|
<div class="col-md-6">
|
|
<h3>Decrypt data</h3>
|
|
<form id="decrypt" class="ro-user-decrypt" role="form" action="/decrypt" method="post">
|
|
<div class="feedback decrypt-feedback"></div>
|
|
<div class="form-group row">
|
|
<div class="col-md-6">
|
|
<label for="decrypt-user-admin">User name</label>
|
|
<input type="text" name="Name" class="form-control" id="decrypt-user-admin" placeholder="User name" required />
|
|
</div>
|
|
<div class="col-md-6">
|
|
<label for="decrypt-user-pass">Password</label>
|
|
<input type="password" name="Password" class="form-control" id="decrypt-user-pass" placeholder="Password" required />
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="decrypt-data">Data</label>
|
|
<textarea name="Data" class="form-control" id="decrypt-data" rows="5" required></textarea>
|
|
</div>
|
|
<button type="submit" class="btn btn-primary">Decrypt!</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<div class="tab-pane" id="owners">
|
|
<div class="col-md-6">
|
|
<h3>Get owners</h3>
|
|
<form id="owners" class="ro-user-owners" role="form" action="/owners" method="post">
|
|
<div class="feedback owners-feedback"></div>
|
|
<div class="form-group">
|
|
<label for="owners-data">Data</label>
|
|
<textarea name="Data" class="form-control" id="owners-data" rows="5" required></textarea>
|
|
</div>
|
|
<button type="submit" class="btn btn-primary">Get Owners</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<div class="tab-pane" id="orders">
|
|
<section class="row">
|
|
<div class="col-md-6">
|
|
<h3>Create Order</h3>
|
|
<form id="order" class="ro-user-order" role="form" action="/order" method="post">
|
|
<div class="feedback order-feedback"></div>
|
|
<div class="form-group row">
|
|
<div class="col-md-6">
|
|
<label for="order-user-admin">User name</label>
|
|
<input type="text" name="Name" class="form-control" id="order-user-admin" placeholder="User name" required />
|
|
</div>
|
|
<div class="col-md-6">
|
|
<label for="order-user-pass">Password</label>
|
|
<input type="password" name="Password" class="form-control" id="order-user-pass" placeholder="Password" required />
|
|
</div>
|
|
</div>
|
|
<div class="form-group row">
|
|
<div class="col-md-6">
|
|
<label for="order-duration">Duration</label>
|
|
<input type="text" name="Duration" class="form-control" id="order-duration" placeholder="Duration (e.g., 2h34m)" required />
|
|
</div>
|
|
<div class="col-md-6">
|
|
<label for="order-uses">Uses</label>
|
|
<input type="number" name="Uses" class="form-control" id="order-uses" placeholder="5" required />
|
|
</div>
|
|
</div>
|
|
<div class="form-group row">
|
|
<div class="col-md-6">
|
|
<label for="order-name-users">Users to allow <small>(comma separated)</small></label>
|
|
<input type="text" name="Users" class="form-control" id="order-name-users" placeholder="e.g. Alice, Bob" />
|
|
</div>
|
|
<div class="col-md-6">
|
|
<label for="order-label">Labels</label>
|
|
<input type="text" name="Labels" class="form-control" id="order-user-label" placeholder="Labels" required />
|
|
</div>
|
|
</div>
|
|
<div class="form-group row">
|
|
<div class="col-md-12">
|
|
<label for="owners-data">Encrypted Data</label>
|
|
<textarea name="EncryptedData" class="form-control" id="owners-data" rows="5" required></textarea>
|
|
</div>
|
|
</div>
|
|
<button type="submit" class="btn btn-primary">Create Order</button>
|
|
</form>
|
|
</div>
|
|
</section>
|
|
<hr />
|
|
<section class="row">
|
|
<div class="col-md-6">
|
|
<h3>Order Info</h3>
|
|
<form id="orderinfo" class="ro-user-order" role="form" action="/orderinfo" method="post">
|
|
<div style="overflow-wrap: break-word;" class="feedback orderinfo-feedback"></div>
|
|
<div class="form-group row">
|
|
<div class="col-md-6">
|
|
<label for="orderinfo-user-admin">User name</label>
|
|
<input type="text" name="Name" class="form-control" id="orderinfo-user-admin" placeholder="User name" required />
|
|
</div>
|
|
<div class="col-md-6">
|
|
<label for="orderinfo-user-admin">Password</label>
|
|
<input type="password" name="Password" class="form-control" id="orderinfo-user-pass" placeholder="Password" required />
|
|
</div>
|
|
</div>
|
|
<div class="form-group row">
|
|
<div class="col-md-6">
|
|
<label for="orderinfo-order-num">Order Number</label>
|
|
<input type="text" name="OrderNum" class="form-control" id="orderinfo-user-label" placeholder="Order Number" required />
|
|
</div>
|
|
</div>
|
|
<button type="submit" class="btn btn-primary">Order Info</button>
|
|
</form>
|
|
</div>
|
|
</section>
|
|
<hr />
|
|
<section class="row">
|
|
<div id="ordersout" class="col-md-6">
|
|
<h3>Outstanding Orders</h3>
|
|
<form id="orderout" class="ro-user-order" role="form" action="/orderout" method="post">
|
|
<div style="overflow-wrap: break-word;" class="feedback ordersout-feedback"></div>
|
|
<div class="form-group">
|
|
<div class="form-group row">
|
|
<div class="col-md-6">
|
|
<label for="ordersout-user-admin">User name</label>
|
|
<input type="text" name="Name" class="form-control" id="ordersout-user-admin" placeholder="User name" required />
|
|
</div>
|
|
<div class="col-md-6">
|
|
<label for="ordersout-user-admin">Password</label>
|
|
<input type="password" name="Password" class="form-control" id="ordersout-user-pass" placeholder="Password" required />
|
|
</div>
|
|
</div>
|
|
<button type="submit" class="btn btn-primary">Outstanding Orders</button>
|
|
</form>
|
|
</div>
|
|
</section>
|
|
<hr />
|
|
<section class="row">
|
|
<div id="orderscancel" class="col-md-6">
|
|
<h3>Order Cancel</h3>
|
|
<form id="ordercancel" class="ro-user-order" role="form" action="/ordercancel" method="post">
|
|
<div style="overflow-wrap: break-word;" class="feedback ordercancel-feedback"></div>
|
|
<div class="form-group">
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<label for="ordercancel-user-admin">User name</label>
|
|
<input type="text" name="Name" class="form-control" id="ordercancel-user-admin" placeholder="User name" required />
|
|
</div>
|
|
<div class="col-md-6">
|
|
<label for="ordercancel-user-admin">Password</label>
|
|
<input type="password" name="Password" class="form-control" id="ordercancel-user-pass" placeholder="Password" required />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<label for="ordercancel-order-num">Order Number</label>
|
|
<input type="text" name="OrderNum" class="form-control" id="ordercancel-user-label" placeholder="Order Number" required />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<button type="submit" class="btn btn-primary">Order Cancel</button>
|
|
</form>
|
|
</div>
|
|
</section>
|
|
<hr />
|
|
<section class="row">
|
|
<div id="orderscancel" class="col-md-6">
|
|
<h3>Create Delegation Link</h3>
|
|
<form id="orderlink" class="ro-orderlink" role="form" action="#" method="post">
|
|
<div style="overflow-wrap: break-word;" class="feedback orderlink-feedback"></div>
|
|
<div class="form-group row">
|
|
<div class="col-md-6">
|
|
<label for="orderlink-delegator">Delegator</label>
|
|
<input type="text" name="Name" class="form-control" id="orderlink-delegator" placeholder="User name"/>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<label for="orderlink-labels">Labels</label>
|
|
<input type="text" name="labels" class="form-control" id="orderlink-labels" placeholder="Labels"/>
|
|
</div>
|
|
</div>
|
|
<div class="form-group row">
|
|
<div class="col-md-6">
|
|
<label for="orderlink-duration">Duration</label>
|
|
<input type="text" name="duration" class="form-control" id="orderlink-duration" placeholder="1h 5m"/>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<label for="orderlink-uses">Uses</label>
|
|
<input type="text" name="uses" class="form-control" id="orderlink-uses" placeholder="5"/>
|
|
</div>
|
|
</div>
|
|
<div class="form-group row">
|
|
<div class="col-md-6">
|
|
<label for="orderlink-ordernum">Slot Name</label>
|
|
<input type="text" name="ordernum" class="form-control" id="orderlink-ordernum" placeholder="d34db33f..."/>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<label for="orderlink-delegatefor">Delegate For</label>
|
|
<input type="text" name="delegatefor" class="form-control" id="orderlink-delegatefor" placeholder="e.g. Alice, Bob"/>
|
|
</div>
|
|
</div>
|
|
<button type="submit" class="btn btn-primary">Create Link</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<footer id="footer" class="footer">
|
|
<p class="container">Red October. CloudFlare</p>
|
|
</footer>
|
|
<script>
|
|
$(function(){
|
|
function serialize( $form ){
|
|
var serialized = $form.serializeArray(), data = {};
|
|
$.each(serialized, function(idx, item){ data[item.name] = item.value; });
|
|
return data;
|
|
}
|
|
|
|
function makeAlert(config){ return '<div class="alert alert-dismissable alert-'+config.type+'"><button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>'+config.message+'</div>'; }
|
|
|
|
function submit( $form, options ){
|
|
options || (options = {});
|
|
$.ajax({
|
|
url: $form.attr('action'),
|
|
data: JSON.stringify( options.data ),
|
|
success: function(data){
|
|
if( data.Status !== 'ok' ){
|
|
$form.find('.feedback').empty().append( makeAlert({type: 'danger', message: data.Status}) );
|
|
return;
|
|
}
|
|
|
|
if( options.success ){
|
|
options.success.apply(this, arguments);
|
|
}
|
|
|
|
$form.get(0).reset();
|
|
},
|
|
error: options.error || function(xhr, status, error){ $form.find('.feedback').append( makeAlert({type:'danger', message: error})); }
|
|
});
|
|
}
|
|
|
|
// Ajax defaults for JSON
|
|
$.ajaxSetup({
|
|
method: 'POST',
|
|
dataType : 'json',
|
|
processData : false
|
|
});
|
|
|
|
|
|
// Create vault/admin
|
|
$('body').on('submit', '#vault-create', function(evt){
|
|
evt.preventDefault();
|
|
var $form = $(evt.currentTarget),
|
|
data = serialize($form);
|
|
|
|
submit( $form, {
|
|
data : data,
|
|
success : function(d){
|
|
$form.find('.feedback').empty().append( makeAlert({ type: 'success', message: 'Created user: '+htmlspecialchars(data.Name) }) );
|
|
}
|
|
});
|
|
});
|
|
|
|
// Vault summary
|
|
$('body').on('submit', '#vault-summary', function(evt){
|
|
evt.preventDefault();
|
|
var $form = $(evt.currentTarget),
|
|
data = serialize($form);
|
|
|
|
$('#summary .feedback').empty();
|
|
|
|
submit($form, {
|
|
data : data,
|
|
success : function(data){
|
|
// Empty out the lists
|
|
$('.summary-user-delegations, .summary-all-users').empty();
|
|
function buildItem(key, user, loc){
|
|
var li = $('<li />', {'class': 'list-group-item'}).appendTo(loc);
|
|
if( user.Uses ){ li.append( $('<span />', {'class': 'badge'}).text(user.Uses+' uses remaining') ); }
|
|
li.append( $('<h5 />', {'class': 'list-group-item-heading'}).text(key || 'Unknown') );
|
|
li.append( $('<p />', {'class': 'list-group-item-text'}).html('Type: '+user.Type+ (user.Expiry ? '<br />Expiry: '+user.Expiry : '')+ (user.Users ? '<br />Users: '+user.Users.join(', ') : '')+ (user.Labels ? '<br />Labels: '+user.Labels.join(', ') : '')) );
|
|
|
|
if( user.Admin ){
|
|
li.find('h5').append(' (admin)');
|
|
}
|
|
}
|
|
function buildLiveItem(k,u){ buildItem(k,u,'.summary-user-delegations'); }
|
|
function buildAllItem(k,u){ buildItem(k,u,'.summary-all-users'); }
|
|
|
|
$.each(data.Live, buildLiveItem);
|
|
$.each(data.All, buildAllItem);
|
|
$('.summary-state').replaceWith(
|
|
'<p>Persistence is '+data.State+'.</a>'
|
|
);
|
|
$('.summary-results').removeClass('hide');
|
|
}
|
|
})
|
|
});
|
|
|
|
// Delegate
|
|
$('body').on('submit', '#user-delegate', function(evt){
|
|
evt.preventDefault();
|
|
var $form = $(evt.currentTarget),
|
|
data = serialize($form);
|
|
|
|
// Force uses to an integer
|
|
data.Uses = parseInt(data.Uses, 10);
|
|
data.Users = data.Users.split(',');
|
|
for(var i=0, l=data.Users.length; i<l; i++){
|
|
data.Users[i] = data.Users[i].trim();
|
|
if (data.Users[i] == "") { data.Users.splice(i, 1); }
|
|
}
|
|
data.Labels = data.Labels.split(',');
|
|
for(var i=0, l=data.Labels.length; i<l; i++){
|
|
data.Labels[i] = data.Labels[i].trim();
|
|
if (data.Labels[i] == "") { data.Labels.splice(i, 1); }
|
|
}
|
|
|
|
submit( $form, {
|
|
data : data,
|
|
success : function(d){
|
|
$form.find('.feedback').append( makeAlert({ type: 'success', message: 'Delegating '+htmlspecialchars(data.Name) }) );
|
|
}
|
|
});
|
|
});
|
|
|
|
// Create
|
|
$('body').on('submit', '#user-create', function(evt){
|
|
evt.preventDefault();
|
|
var $form = $(evt.currentTarget),
|
|
data = serialize($form);
|
|
|
|
// Force uses to an integer
|
|
data.Uses = parseInt(data.Uses, 10);
|
|
|
|
submit( $form, {
|
|
data : data,
|
|
success : function(d){
|
|
$form.find('.feedback').append( makeAlert({ type: 'success', message: 'Creating '+htmlspecialchars(data.Name) }) );
|
|
}
|
|
});
|
|
});
|
|
|
|
// Change password
|
|
$('body').on('submit', '#user-change-password', function(evt){
|
|
evt.preventDefault();
|
|
var $form = $(evt.currentTarget),
|
|
data = serialize($form);
|
|
|
|
submit( $form, {
|
|
data : data,
|
|
success : function(d){
|
|
var msg = "Change password for ";
|
|
if (data.NewPassword != "" && data.HipchatName != "") {
|
|
msg = "Change Password and Hipchat Name for ";
|
|
} else if (data.NewPassword == "" && data.HipchatName != "") {
|
|
msg = "Change Hipchat Name for ";
|
|
}
|
|
$form.find('.feedback').empty().append( makeAlert({ type: 'success', message: msg+htmlspecialchars(data.Name) }) );
|
|
}
|
|
});
|
|
});
|
|
|
|
// Modify user
|
|
$('body').on('submit', '#user-modify', function(evt){
|
|
evt.preventDefault();
|
|
var $form = $(evt.currentTarget),
|
|
data = serialize($form);
|
|
|
|
submit( $form, {
|
|
data : data,
|
|
success : function(d){
|
|
$form.find('.feedback').empty().append( makeAlert({ type: 'success', message: 'Successfully modified '+htmlspecialchars(data.ToModify) }) );
|
|
}
|
|
});
|
|
});
|
|
|
|
// Restore
|
|
$('body').on('submit', '#user-restore', function(evt){
|
|
evt.preventDefault();
|
|
var $form = $(evt.currentTarget),
|
|
data = serialize($form);
|
|
|
|
// Force 'uses' to an integer.
|
|
data.Uses = parseInt(data.Uses, 10);
|
|
|
|
submit( $form, {
|
|
data : data,
|
|
success : function(d){
|
|
console.log(d.Response);
|
|
response = JSON.parse(window.atob(d.Response));
|
|
console.log(response);
|
|
$form.find('.feedback')
|
|
.append(makeAlert({
|
|
type: 'success',
|
|
message: 'Delegating '+htmlspecialchars(data.Name)+
|
|
'; persistence is currently '+response.Status
|
|
}));
|
|
}
|
|
});
|
|
});
|
|
|
|
// Encrypt data
|
|
$('body').on('submit', '#encrypt', function(evt){
|
|
evt.preventDefault();
|
|
var $form = $(evt.currentTarget),
|
|
data = serialize($form);
|
|
|
|
data.Minimum = parseInt(data.Minimum, 10);
|
|
data.Owners = data.Owners.split(',');
|
|
for(var i=0, l=data.Owners.length; i<l; i++){
|
|
data.Owners[i] = data.Owners[i].trim();
|
|
if (data.Owners[i] == "") { data.Owners.splice(i, 1); }
|
|
}
|
|
data.Labels = data.Labels.split(',');
|
|
for(var i=0, l=data.Labels.length; i<l; i++){
|
|
data.Labels[i] = data.Labels[i].trim();
|
|
if (data.Labels[i] == "") { data.Labels.splice(i, 1); }
|
|
}
|
|
|
|
// Convert data to base64.
|
|
data.Data = window.btoa(data.Data);
|
|
|
|
submit( $form, {
|
|
data : data,
|
|
success : function(d){
|
|
$form.find('.feedback').empty().append( makeAlert({ type: 'success', message: '<p>Successfully encrypted data:</p><pre>'+d.Response+'</pre>' }) );
|
|
}
|
|
});
|
|
});
|
|
|
|
// Decrypt data
|
|
$('body').on('submit', 'form#decrypt', function(evt){
|
|
evt.preventDefault();
|
|
var $form = $(evt.currentTarget),
|
|
data = serialize($form);
|
|
|
|
submit( $form, {
|
|
data : data,
|
|
success : function(d){
|
|
d = JSON.parse(window.atob(d.Response));
|
|
$form.find('.feedback').empty().append( makeAlert({ type: (d.Secure ? 'success' : 'warning'), message: '<p>Successfully decrypted data:</p><pre>'+ window.atob(d.Data)+'</pre><p>Delegates: '+d.Delegates.sort().join(', ')+'</p>' }) );
|
|
}
|
|
});
|
|
});
|
|
|
|
// Get owners
|
|
$('body').on('submit', 'form#owners', function(evt){
|
|
evt.preventDefault();
|
|
var $form = $(evt.currentTarget),
|
|
data = serialize($form);
|
|
|
|
submit( $form, {
|
|
data : data,
|
|
success : function(d){
|
|
$form.find('.feedback').empty().append( makeAlert({ type: 'success', message: '<p>Owners: '+d.Owners.sort().join(', ')+(d.Predicate == '' ? '' : '<br />Predicate: '+d.Predicate)+'</p>' }) );
|
|
}
|
|
});
|
|
});
|
|
// Create an order
|
|
$('body').on('submit', 'form#order', function(evt){
|
|
evt.preventDefault();
|
|
var $form = $(evt.currentTarget),
|
|
data = serialize($form);
|
|
// Force uses to an integer
|
|
data.Uses = parseInt(data.Uses, 10);
|
|
data.Labels = data.Labels.split(',');
|
|
for(var i=0, l=data.Labels.length; i<l; i++){
|
|
data.Labels[i] = data.Labels[i].trim();
|
|
if (data.Labels[i] == "") { data.Labels.splice(i, 1); }
|
|
}
|
|
data.Users = data.Users.split(',');
|
|
for(var i=0, l=data.Users.length; i<l; i++){
|
|
data.Users[i] = data.Users[i].trim();
|
|
if (data.Users[i] == "") { data.Users.splice(i, 1); }
|
|
}
|
|
|
|
submit( $form, {
|
|
data : data,
|
|
success : function(d){
|
|
d = JSON.parse(window.atob(d.Response));
|
|
$form.find('.feedback').empty().append(
|
|
makeAlert({ type: 'success', message: '<p>Order Number: '+d.Num+'</p>' }) );
|
|
}
|
|
});
|
|
});
|
|
// Get order info
|
|
$('body').on('submit', 'form#orderinfo', function(evt){
|
|
evt.preventDefault();
|
|
var $form = $(evt.currentTarget),
|
|
data = serialize($form);
|
|
submit( $form, {
|
|
data : data,
|
|
success : function(d){
|
|
d = window.atob(d.Response);
|
|
try {
|
|
var respData = JSON.parse(d);
|
|
var msgText = "";
|
|
for (var jj in respData) {
|
|
if (!jj)
|
|
continue;
|
|
if (!respData.hasOwnProperty(jj)) {
|
|
continue;
|
|
}
|
|
if (typeof(respData[jj]) == "object") {
|
|
msgText += "<p>"+htmlspecialchars(jj)+": "+htmlspecialchars(JSON.stringify(respData[jj]))+"</p>";
|
|
} else {
|
|
msgText += "<p>"+htmlspecialchars(jj)+": "+htmlspecialchars(respData[jj])+"</p>";
|
|
}
|
|
}
|
|
$form.find('.feedback').empty().append(makeAlert({ type: 'success', message: msgText }));
|
|
} catch (e) {
|
|
makeAlert({ type: 'failure', message: '<p>Invalid JSON returned</p>' });
|
|
}
|
|
}
|
|
});
|
|
});
|
|
// Get outstanding order info
|
|
$('body').on('submit', 'form#orderout', function(evt){
|
|
evt.preventDefault();
|
|
var $form = $(evt.currentTarget),
|
|
data = serialize($form);
|
|
|
|
submit( $form, {
|
|
data : data,
|
|
success : function(d){
|
|
d = JSON.parse(window.atob(d.Response));
|
|
ordout = "";
|
|
for (var jj in d){
|
|
if (!d.hasOwnProperty(jj))
|
|
continue;
|
|
var o = d[jj];
|
|
ordout += o.Name + " requesting " + JSON.stringify(o.Labels) + " has " + o.Delegated + "\n";
|
|
|
|
}
|
|
$form.find('.feedback').empty().append(
|
|
makeAlert({ type: 'success', message: '<p>'+ordout+'</p>' }) );
|
|
}
|
|
});
|
|
});
|
|
$('body').on('submit', 'form#ordercancel', function(evt){
|
|
evt.preventDefault();
|
|
var $form = $(evt.currentTarget),
|
|
data = serialize($form);
|
|
|
|
submit( $form, {
|
|
data : data,
|
|
success : function(d){
|
|
d = window.atob(d.Response);
|
|
$form.find('.feedback').empty().append(
|
|
makeAlert({ type: 'success', message: '<p>'+d+'</p>' }) );
|
|
}
|
|
});
|
|
});
|
|
$('body').on('submit', 'form#orderlink', function(evt){
|
|
evt.preventDefault();
|
|
createLink();
|
|
});
|
|
|
|
// Init from query string if possible.
|
|
var queryParams = document.location.search;
|
|
var queryParts = queryParams.split('&');
|
|
for (var i=0; i<queryParts.length; i++) {
|
|
var part = queryParts[i];
|
|
part = part.replace("?", "");
|
|
var partPieces = part.split("=");
|
|
if (partPieces.length != 2) {
|
|
continue;
|
|
}
|
|
var setValue = null;
|
|
var key = partPieces[0];
|
|
var value = partPieces[1];
|
|
switch (key) {
|
|
case "delegator":
|
|
setValue = $("#delegate-user");
|
|
break;
|
|
case "delegatee":
|
|
setValue = $("#delegate-users");
|
|
break;
|
|
case "uses":
|
|
setValue = $("#delegate-uses");
|
|
break;
|
|
case "label":
|
|
setValue = $("#delegate-labels");
|
|
break;
|
|
case "duration":
|
|
setValue = $("#delegate-user-time");
|
|
break;
|
|
case "ordernum":
|
|
setValue = $("#delegate-slot");
|
|
break;
|
|
case "slot":
|
|
setValue = $("#delegate-slot");
|
|
break;
|
|
default:
|
|
break;
|
|
}
|
|
if (setValue) {
|
|
setValue.val(decodeURIComponent(value));
|
|
}
|
|
}
|
|
function createLink() {
|
|
var delegator = decodeURIComponent(document.getElementById("orderlink-delegator").value);
|
|
var delegatee = decodeURIComponent(document.getElementById("orderlink-delegatefor").value);
|
|
var duration = decodeURIComponent(document.getElementById("orderlink-duration").value);
|
|
var orderNum = decodeURIComponent(document.getElementById("orderlink-ordernum").value);
|
|
var labels = decodeURIComponent(document.getElementById("orderlink-labels").value);
|
|
var uses = decodeURIComponent(document.getElementById("orderlink-uses").value);
|
|
|
|
var link = "https://" + document.location.host + "?delegator="+ delegator + "&delegatee="+ delegatee + "&label=" + labels + "&slot=" + orderNum + "&uses=" + uses + "&duration="+ duration;
|
|
$('.orderlink-feedback').empty().append(makeAlert({ type: 'success', message: '<p>'+htmlspecialchars(link)+'</p>' }) );
|
|
}
|
|
function htmlspecialchars(s) {
|
|
if (!isNaN(s)) {
|
|
return s;
|
|
}
|
|
s = s.replace('&', '&');
|
|
s = s.replace('<', '<');
|
|
s = s.replace('>', '>');
|
|
s = s.replace('"', '"');
|
|
s = s.replace("'", ''');
|
|
s = s.replace('/', '/');
|
|
return s
|
|
}
|
|
var url = document.location.toString();
|
|
if (url.match('#')) {
|
|
$('.nav-tabs a[href="#' + url.split('#')[1] + '"]').tab('show');
|
|
}
|
|
|
|
// Change hash for page-reload
|
|
$('.nav-tabs a').on('shown.bs.tab', function (e) {
|
|
window.location.hash = e.target.hash;
|
|
})
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|