60 lines
1.7 KiB
HTML
60 lines
1.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>View Journal</title>
|
|
<link
|
|
rel="stylesheet"
|
|
href="https://cdn.jsdelivr.net/npm/bulma@0.9.3/css/bulma.min.css"
|
|
/>
|
|
</head>
|
|
<body>
|
|
<main class="container">
|
|
{% if password_matches %}
|
|
<form method="POST">
|
|
<div class="field has-addons">
|
|
<div class="control is-expanded">
|
|
<textarea required class="textarea is-primary has-fixed-size" type="text" name="line"> </textarea>
|
|
</div>
|
|
<div class="control">
|
|
<button style="height: 100%" class="button is-primary" type="submit"> Add </button>
|
|
</div>
|
|
</div>
|
|
<input
|
|
hidden="1"
|
|
type="number"
|
|
value="0"
|
|
name="timezone_offset"
|
|
id="utc_offset"
|
|
/>
|
|
</form>
|
|
{% endif %}
|
|
<table class="table is-fullwidth">
|
|
<thead>
|
|
<tr>
|
|
<th style="">Date</th>
|
|
<th style="width: 100%">Note</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
{% for line in journal.lines | reverse %}
|
|
<td>
|
|
<time datetime="{{ line.uploaded_date }}">
|
|
{{ line.uploaded_date | date(format="%Y-%m-%d %H:%M") }}
|
|
</time>
|
|
</td>
|
|
<td>{{ line.line }}</td>
|
|
</tr>
|
|
{% endfor %}
|
|
</tbody>
|
|
</table>
|
|
</main>
|
|
|
|
<script>
|
|
let offset = new Date().getTimezoneOffset();
|
|
document.getElementById("utc_offset").value = offset;
|
|
</script>
|
|
</body>
|
|
</html>
|