Mirrors/catask
1
0
Fork 0
mirror of https://codeberg.org/catask-org/catask.git synced 2025-04-20 05:43:41 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

better inbox layout

Browse source
This commit is contained in:
mst 2025-02-28 07:15:07 +03:00
parent 2388c1a1ce
commit d1e2227658
No known key found for this signature in database
1 changed files with 14 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
templates/inbox.html
View file

@ -52,27 +52,31 @@
<div class="collapse" id="cw-{{ question.id }}-collapse"> <div class="collapse" id="cw-{{ question.id }}-collapse">
<div class="form-floating mb-2"> <div class="form-floating mb-2">
<input class="form-control" type="text" name="cw" id="cw" placeholder="Content warning"> <input class="form-control" type="text" name="cw" id="cw" placeholder="Content warning">
<label for="cw">Content warning</label> <label for="cw">{{ _('Content warning') }}</label>
</div> </div>
</div> </div>
<div class="form-floating"> <div class="form-floating">
<textarea class="form-control mb-2" required name="answer" id="answer-{{ question.id }}" placeholder="Write your answer..."></textarea> <textarea class="form-control" style="height: 6em;" required name="answer" id="answer-{{ question.id }}" placeholder="{{ _('Write your answer...') }}"></textarea>
<label for="answer-{{ question.id }}">Write your answer...</label> <label for="answer-{{ question.id }}">{{ _('Write your answer...') }}</label>
</div> </div>
<div class="d-sm-flex justify-content-between align-items-center"> <div class="d-flex flex-column flex-sm-row justify-content-sm-between align-items-sm-center gap-2 mt-3">
<button class="btn btn-sm btn-outline-secondary mb-2" type="button" data-bs-toggle="collapse" data-bs-target="#cw-{{ question.id }}-collapse" aria-expanded="false" aria-controls="cw-{{ question.id }}-collapse"> <button class="btn btn-secondary" type="button" title="{{ _('Content warning') }}" data-bs-toggle="collapse" data-bs-target="#cw-{{ question.id }}-collapse" aria-expanded="false" aria-controls="cw-{{ question.id }}-collapse">
<i class="bi bi-plus-lg me-1"></i> Add CW <i class="bi bi-exclamation-triangle"></i>
<span class="ms-1">{{ _("Add CW") }}</span>
</button> </button>
<div class="d-flex flex-column flex-sm-row-reverse gap-2"> <div class="d-flex flex-column flex-sm-row-reverse gap-2">
<button type="submit" class="btn btn-primary" id="answer-btn-{{ question.id }}"> <button type="submit" class="btn btn-primary" id="answer-btn-{{ question.id }}">
<span class="spinner-border spinner-border-sm htmx-indicator" aria-hidden="true"></span> <span class="spinner-border spinner-border-sm htmx-indicator" aria-hidden="true"></span>
<span class="visually-hidden" role="status">Loading...</span> <span class="visually-hidden" role="status">{{ _('Loading...') }}</span>
Answer {{ _('Answer') }}
</button> </button>
{% if not cfg.noDeleteConfirm %} {% if not cfg.noDeleteConfirm %}
<button type="button" class="btn btn-outline-danger" data-bs-toggle="modal" data-bs-target="#question-{{ question.id }}-modal">Delete</button> <button type="button" class="btn btn-outline-danger" data-bs-toggle="modal" data-bs-target="#question-{{ question.id }}-modal">
<i class="bi bi-trash"></i>
<span class="d-inline d-sm-none ms-1">{{ _('Delete') }}</span>
</button>
{% else %} {% else %}
<button type="button" class="btn btn-outline-danger" hx-delete="{{ url_for('api.deleteQuestion', question_id=question.id) }}" hx-target="#question-{{ question.id }}" hx-swap="none">Delete</button> <button type="button" class="btn btn-outline-danger" hx-delete="{{ url_for('api.deleteQuestion', question_id=question.id) }}" hx-target="#question-{{ question.id }}" hx-swap="none">{{ _('Delete') }}</button>
{% endif %} {% endif %}
</div> </div>
</div> </div>