22 lines
1.0 KiB
HTML
22 lines
1.0 KiB
HTML
{% extends 'base.html' %}{% block title %}Memos — {{ brand }}{% endblock %}
|
|
{% block content %}
|
|
<form class="card glass p-4 max-w-2xl" method="post" action="/memos/add">
|
|
<label class="block mb-2">Memo<textarea class="w-full" name="memo" rows="2" required></textarea></label>
|
|
<label>Remind at <input type="datetime-local" name="reminder_time"></label>
|
|
<div class="mt-3 text-right"><button class="btn bg-accent font-semibold">Add</button></div>
|
|
</form>
|
|
<div class="grid md:grid-cols-2 gap-4 mt-6">
|
|
{% for m in memos %}
|
|
<article class="card glass p-4">
|
|
<div class="text-sm text-white/60">{{ (m.reminder_time|string)[:16] if m.reminder_time else 'No reminder' }}</div>
|
|
<div class="mt-1 whitespace-pre-wrap">{{ m.memo }}</div>
|
|
<div class="mt-3 flex gap-2">
|
|
<form method="post" action="/memos/{{m.id}}/complete"><button class="btn text-xs">Complete</button></form>
|
|
<form method="post" action="/memos/{{m.id}}/delete"><button class="btn text-xs">Delete</button></form>
|
|
</div>
|
|
</article>
|
|
{% endfor %}
|
|
</div>
|
|
{% endblock %}
|
|
|