kadenios/elections/templates/elections/vote.html

86 lines
2.4 KiB
HTML

{% extends "base.html" %}
{% load i18n %}
{% block content %}
<div class="level">
<div class="level-left">
<h1 class="title">{{ question.election.name }}</h1>
</div>
</div>
<div class="level">
<div class="level-left is-flex-shrink-1">
<h3 class="subtitle">{% trans "Vote pour la question :" %} {{ question.text }} ({{ q_index }}/{{ q_total }})</h3>
</div>
</div>
<hr>
<div class="message is-primary">
<p class="message-body">
<b><i>{{ vote_rule|safe }}</i></b>
</p>
</div>
<div class="columns is-centered">
<div class="column is-two-thirds">
<form action="" method="post">
{% csrf_token %}
{% block vote_form %}{% endblock %}
<div class="field is-grouped is-centered">
<div class="control is-expanded">
<a class="button is-fullwidth is-outlined is-primary is-light modal-button" data-target="modal-confirm" id="confirm-button">
<span class="icon">
<i class="fas fa-check"></i>
</span>
<span>{% trans "Enregistrer" %}</span>
</a>
</div>
<div class="control">
<a class="button is-primary" href="{% url 'election.view' question.election.pk %}">
<span class="icon">
<i class="fas fa-undo-alt"></i>
</span>
<span>{% trans "Retour" %}</span>
</a>
</div>
<div class="modal" id="modal-confirm">
<div class="modal-background"></div>
<div class="modal-card">
<header class="modal-card-head">
<p class="modal-card-title">{% trans "Confirmation du vote" %}</p>
<a class="delete" aria-label="close"></a>
</header>
<section class="modal-card-body" id="modal-body">
</section>
<footer class="modal-card-foot">
<button class="button is-fullwidth is-outlined is-primary is-light">
<span class="icon">
<i class="fas fa-check"></i>
</span>
<span>{% trans "Confirmer" %}</span>
</button>
<a class="button is-primary button-close">
<span class="icon">
<i class="fas fa-times"></i>
</span>
<span>{% trans "Annuler" %}</span>
</a>
</div>
</div>
</div>
</form>
</div>
</div>
{% endblock %}