wmantly/vpn-p2p
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

moved GUI from old project

Browse Source
This commit is contained in:
William Mantly
2019-12-12 13:25:56 -05:00
parent 66b1991c8d
commit 3f09c4d935
28 changed files with 10874 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

103
nodejs/views/users.ejs Executable file
View File

@ -0,0 +1,103 @@
<% include top %>
<script id="rowTemplate" type="text/html">
<tr action="users" evalAJAX="$form.trigger('reset')">
<td><< user >></td>
<input type="hidden" name="username" value="<< user >>" />
<td>
<label></label>
<div class="col-xs-10 form-group">
<input type="password" size="30" class="form-control" name="password" placeholder="New password" validate="password:5"/>
</div>
<button type="button" onclick="formAJAX(this)" class="btn btn-sm btn-default">Change</button>
</td>
<td><button type="button" onclick="formAJAX(this, true)" class="btn btn-sm btn-default">Delete</button><td>
</tr>
</script>
<script type="text/javascript">
function tableAJAX(actionMessage){
$('#tableAJAX').html('').hide();
$('div.actionMessage').html('Refreshing user list...').show();
$.get('users',function(data){
$.each( data, function(key, value) {
user_row = ich.rowTemplate({user : value});
$('#tableAJAX').append(user_row);
});
$('#tableAJAX').fadeIn('slow');
if(!actionMessage){
$('div.actionMessage').slideUp('fast');
}else{
$('div.actionMessage').html(actionMessage).slideDown('fast');
}
});
}
$(document).ready(function(){
tableAJAX(); //populate the table
});
</script>
<div class="row" style="display:none">
<div class="col-md-4">
<div class="panel panel-default">
<div class="panel-heading">
<div class="panel-title">
Add new user
<div class="pull-right">
<label class="glyphicon glyphicon-circle-arrow-down panel-toggle"></label>
</div>
</div>
</div>
<div class="panel-body">
<form action="users" evalAJAX="$form.trigger('reset')">
<input type="hidden" class="form-control" name="delete" value="false" />
<div class="form-group">
<label class="control-label">User-name</label>
<input type="text" class="form-control" name="username" placeholder="Letter, numbers, -, _, . and @ only" validate="user:3" />
</div>
<div class="form-group">
<label class="control-label">Password</label>
<input type="password" class="form-control" name="password" placeholder="Atleast 5 char. long" validate="password:5"/>
</div>
<div class="form-group">
<label class="control-label">Again</label>
<input type="password" class="form-control" name="passwordMatch" placeholder="Retype password" validate="eq:password"/>
</div>
<button type="button" onclick="formAJAX(this)" class="btn btn-default">Add</button>
</form>
</div>
</div>
</div>
<div class="col-md-8">
<div class="panel panel-default">
<div class="panel-heading">
<div class="panel-title">
User List
<div class="pull-right">
<label class="glyphicon glyphicon-circle-arrow-down panel-toggle"></label>
</div>
</div>
</div>
<div class="panel-body" style="padding-bottom:0">
<div class="alert alert-warning actionMessage" style="display:none">
<!-- Message after AJAX action is preformed -->
</div>
<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 %>