75 lines
2.9 KiB
Smarty
75 lines
2.9 KiB
Smarty
|
<div id='user-tokens'>
|
||
|
|
<div class='messages'></div>
|
||
|
|
<% if (ctx.tokens.length > 0) { %>
|
||
|
|
<div class='token-flex-container'>
|
||
|
|
<% _.each(ctx.tokens, function(token, index) { %>
|
||
|
|
<div class='token-flex-row'>
|
||
|
|
<div class='token-flex-column token-flex-labels'>
|
||
|
|
<div class='token-flex-row'>Token:</div>
|
||
|
|
<div class='token-flex-row'>Note:</div>
|
||
|
|
<div class='token-flex-row'>Created:</div>
|
||
|
|
<div class='token-flex-row'>Expires:</div>
|
||
|
|
<div class='token-flex-row no-wrap'>Last used:</div>
|
||
|
|
</div>
|
||
|
|
<div class='token-flex-column full-width'>
|
||
|
|
<div class='token-flex-row'><%= token.token %></div>
|
||
|
|
<div class='token-flex-row'>
|
||
|
|
<% if (token.note !== null) { %>
|
||
|
|
<%= token.note %>
|
||
|
|
<% } else { %>
|
||
|
|
No note
|
||
|
|
<% } %>
|
||
|
|
<a class='token-change-note' data-token-id='<%= index %>' href='#'>(change)</a>
|
||
|
|
</div>
|
||
|
|
<div class='token-flex-row'><%= ctx.makeRelativeTime(token.creationTime) %></div>
|
||
|
|
<div class='token-flex-row'>
|
||
|
|
<% if (token.expirationTime) { %>
|
||
|
|
<%= ctx.makeRelativeTime(token.expirationTime) %>
|
||
|
|
<% } else { %>
|
||
|
|
No expiration
|
||
|
|
<% } %>
|
||
|
|
</div>
|
||
|
|
<div class='token-flex-row'><%= ctx.makeRelativeTime(token.lastUsageTime) %></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class='token-flex-row'>
|
||
|
|
<div class='token-flex-column full-width'>
|
||
|
|
<div class='token-flex-row'>
|
||
|
|
<form class='token' data-token-id='<%= index %>'>
|
||
|
|
<% if (token.isCurrentAuthToken) { %>
|
||
|
|
<input type='submit' value='Delete and logout'
|
||
|
|
title='This token is used to authenticate this client, deleting it will force a logout.'/>
|
||
|
|
<% } else { %>
|
||
|
|
<input type='submit' value='Delete'/>
|
||
|
|
<% } %>
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<hr/>
|
||
|
|
<% }); %>
|
||
|
|
</div>
|
||
|
|
<% } else { %>
|
||
|
|
<h2>No Registered Tokens</h2>
|
||
|
|
<% } %>
|
||
|
|
<form id='create-token-form'>
|
||
|
|
<ul class='input'>
|
||
|
|
<li class='note'>
|
||
|
|
<%= ctx.makeTextInput({
|
||
|
|
text: 'Note',
|
||
|
|
id: 'note',
|
||
|
|
}) %>
|
||
|
|
</li>
|
||
|
|
<li class='expirationTime'>
|
||
|
|
<%= ctx.makeDateInput({
|
||
|
|
text: 'Expires',
|
||
|
|
id: 'expirationTime',
|
||
|
|
}) %>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
<div class='buttons'>
|
||
|
|
<input type='submit' value='Create token'/>
|
||
|
|
</div>
|
||
|
|
</form>
|
||
|
|
</div>
|