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)
45 lines
1.3 KiB
HTML
45 lines
1.3 KiB
HTML
{% extends "layout.html" %}
|
|
{% block page_title %}Private Page{% endblock %}
|
|
{% block body %}
|
|
{{ super() }}
|
|
|
|
<h4>You can take notes here. Only yourself can access them. They will be removed when your account is removed.</h4>
|
|
|
|
<hr>
|
|
|
|
<div class="form-group">
|
|
<label for="textArea" class="col-lg-3 control-label">Note to Take</label>
|
|
<div class="col-lg-9">
|
|
<form action="/write_note" method="post">
|
|
<input class="form-control" name="text_note_to_take"></input>
|
|
<button type="submit" class="btn btn-success">Submit</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<hr>
|
|
|
|
{% if notes %}
|
|
<h2>Your Notes</h2>
|
|
<table class="table">
|
|
<thead>
|
|
<tr>
|
|
<th>Note ID</th>
|
|
<th>Timestamp</th>
|
|
<th>Note</th>
|
|
<th>Action</th>
|
|
</tr>
|
|
</thead>
|
|
{% for note_id, timestamp, note, act in notes %}
|
|
<tr>
|
|
<td> {{ note_id }} </td>
|
|
<td> {{ timestamp }} </td>
|
|
<td> {{ note }} </td>
|
|
<td><a href={{act}}>Delete</a></td>
|
|
</tr>
|
|
|
|
{% endfor %}
|
|
</table>
|
|
{% endif %}
|
|
|
|
{% endblock %} |