catask/templates/snippets/layout/questions_list.html
2025-02-28 07:23:33 +03:00

40 lines
1.8 KiB
HTML

<div id="question-list">
{% for item in combined %}
{% with question=item.question, answers=item.answers, showViewQuestionBtn=True, multipleAnswers=True %}
{% include 'snippets/layout/question_card.html' %}
{% endwith %}
{% endfor %}
</div>
{% if combined|length == per_page %}
<div class="spinner spinner-border mx-auto d-block my-2"
hx-trigger="intersect"
hx-get="{{ url_for('api.load_more_questions', page=page+1) }}"
hx-target="#question-list"
hx-swap="beforeend"
hx-on::after-request="this.remove(); initTooltips()">
<span class="visually-hidden">Loading...</span>
</div>
{% endif %}
<div class="modal fade" id="question-modal" tabindex="-1" aria-labelledby="q-modal-label" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header border-0">
<h1 class="modal-title fs-5 fw-normal" id="q-modal-label">{{ _('Share on Fediverse') }}</h1>
<button type="button" class="btn-close d-flex align-items-center fs-5" data-bs-dismiss="modal" aria-label="Close"><i class="bi bi-x-lg"></i></button>
</div>
<div class="modal-body py-0">
<div class="form-group mb-3">
<label for="fediInstance" class="form-label">{{ _('Fediverse instance domain:') }}</label>
<input type="text" id="fediInstance" name="fediInstance" class="form-control">
</div>
</div>
<div class="modal-footer pt-1 border-0 flex-column flex-sm-row justify-content-sm-between align-items-stretch align-items-sm-center">
<button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">{{ _('Cancel') }}</button>
<button type="button" class="btn btn-primary" data-bs-dismiss="modal" id="q-modal-submit">{{ _('Share') }}</button>
</div>
</div>
</div>
</div>