vpn-p2p/nodejs/views/users.ejs
2020-05-15 00:40:15 -04:00

82 lines
2.0 KiB
Plaintext
Executable File

<%- include('top') %>
<script id="rowTemplate" type="text/html">
<tr action="user/password/{{ username }}" method="put" evalAJAX="$form.trigger('reset')">
<td>
{{ uidNumber }}:{{ uid }}
</td>
<td>
{{givenName}} {{sn}} {{mail}}
</td>
<td>
<button type="button" onclick="app.user.remove({uid: '{{uid}}'}, function(){tableAJAX('username {{uid}} delete.')})" class="btn btn-sm btn-danger">
Delete
</button>
</td>
</tr>
</script>
<script type="text/javascript">
function tableAJAX(actionMessage){
var rowTemplate = $('#rowTemplate').html();
var $target = $('#tableAJAX');
$target.html('').hide();
app.util.actionMessage('Refreshing user list...', $target);
app.user.list(function(error, data){
$.each( data.results, function(key, value) {
if(value.uidNumber<1500) return;
user_row = Mustache.render(rowTemplate, value);
$target.append(user_row);
});
$target.fadeIn('slow');
app.util.actionMessage(actionMessage || '', $target, 'info');
});
}
$(document).ready(function(){
tableAJAX(); //populate the table
});
</script>
<div class="row" style="display:none">
<div class="col-md-4">
<div class="card">
<div class="card-header">
<i class="fas fa-user-plus"></i>
Add new user
</div>
<div class="card-header actionMessage" style="display:none"></div>
<div class="card-body">
<%- include('user_form') %>
</div>
</div>
</div>
<div class="col-md-8">
<div class="card">
<div class="card-header">
<i class="fad fa-th-list"></i>
User List
</div>
<div class="card-header actionMessage" style="display:none"></div>
<div class="card-body" style="padding-bottom:0">
<div class="table-responsive">
<table class="table">
<thead>
<th>Name</th>
<th>Password</th>
<th>Delete</th>
</thead>
<tbody id="tableAJAX">
<!-- ajax loaded table -->
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<%- include('bottom') %>