c072aa771d
This makes this app much more meaningful. For this feature, a new database table is added. More complicated logics are also needed, for example, we use hash(user ID + timestamp + note contant) as the unique id of each note (it's necessary when we try to delete a note)
69 lines
2.1 KiB
HTML
69 lines
2.1 KiB
HTML
{% extends "layout.html" %}
|
|
{% block page_title %}Admin Dashboard{% endblock %}
|
|
{% block body %}
|
|
{{ super() }}
|
|
|
|
{# only invoked when failed adding new ID due to duplication #}
|
|
{% if id_to_add_is_duplicated %}
|
|
<div class="alert alert-dismissible alert-danger">
|
|
<button type="button" class="close" data-dismiss="alert">×</button>
|
|
<strong>Warning!</strong> The account name already exists.
|
|
</div>
|
|
{% endif %}
|
|
|
|
{# only invoked when failed adding new ID due to invalid character #}
|
|
{% if id_to_add_is_invalid %}
|
|
<div class="alert alert-dismissible alert-danger">
|
|
<button type="button" class="close" data-dismiss="alert">×</button>
|
|
<strong>Warning!</strong> The account name is invalid.
|
|
</div>
|
|
{% endif %}
|
|
|
|
<div class = "container">
|
|
<div class="row">
|
|
|
|
<div class="col-lg-6">
|
|
<h3>Add Account</h3>
|
|
|
|
<form class="form-inline" action="/add_user" method='post'>
|
|
<div class="form-group">
|
|
<label for="id">ID</label>
|
|
<input type="text" class="form-control" name="id">
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="pw">Password</label>
|
|
<input type="password" class="form-control" name="pw">
|
|
</div>
|
|
<br><br>
|
|
<button type="submit" class="btn">Submit</button>
|
|
</form>
|
|
</div>
|
|
|
|
<div class="col-lg-6">
|
|
<h3>Manage Existing Accounts</h3>
|
|
|
|
<table class="table">
|
|
<thead>
|
|
<tr>
|
|
<th>#</th>
|
|
<th>ID</th>
|
|
<th>Action</th>
|
|
</tr>
|
|
</thead>
|
|
{% for number, id, act in users %}
|
|
<tr>
|
|
<th> {{ number }} </th>
|
|
<td> {{ id }} </td>
|
|
<td><a href={{act}}>Delete</a></td>
|
|
</tr>
|
|
|
|
{% endfor %}
|
|
</table>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
{% endblock %}
|