Rajoute des champs pour ajouter une question/option
This commit is contained in:
parent
35a8df0501
commit
786ac214a8
3 changed files with 96 additions and 5 deletions
|
@ -7,13 +7,14 @@
|
|||
|
||||
<head>
|
||||
<title>{{ site.name }}</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
{# CSS #}
|
||||
<link rel="stylesheet" href="{% static 'css/main.css' %}">
|
||||
<link rel="stylesheet" href="{% static 'vendor/font-awesome/css/font-awesome.min.css' %}">
|
||||
<link rel="stylesheet" href="{% static 'vendor/font-awesome/css/solid.min.css' %}">
|
||||
|
||||
{# Javascript #}
|
||||
<script src="{% static 'vendor/jquery/jquery-3.5.1.min.js' %}"></script>
|
||||
|
@ -53,7 +54,7 @@
|
|||
<div class="main-content">
|
||||
<div class="columns is-centered">
|
||||
<div class="column is-two-thirds">
|
||||
<section class="section">
|
||||
<section class="section pt-3">
|
||||
|
||||
{% if messages %}
|
||||
{% for message in messages %}
|
||||
|
|
72
elections/templates/elections/election_admin.html
Normal file
72
elections/templates/elections/election_admin.html
Normal file
|
@ -0,0 +1,72 @@
|
|||
{% extends "elections/base.html" %}
|
||||
{% load i18n %}
|
||||
|
||||
|
||||
{% block content %}
|
||||
|
||||
<h1 class="title">{{ election.name }}</h1>
|
||||
<hr>
|
||||
|
||||
<div class="message is-info">
|
||||
<p class="message-body">{{ election.description }}</p>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
|
||||
{% for q in election.questions.all %}
|
||||
<div class="panel">
|
||||
<div class="panel-heading is-size-6">
|
||||
<a class="tag is-small is-outlined is-light is-danger">{% trans "Supprimer" %}</a>
|
||||
<a class="tag is-small is-outlined is-light is-info">{% trans "Modifier" %}</a>
|
||||
{{ q.text }}
|
||||
</div>
|
||||
{% for o in q.options.all %}
|
||||
<div class="panel-block">
|
||||
<div class="tags has-addons">
|
||||
<a class="tag is-danger">{% trans "Supprimer" %}</a>
|
||||
<a class="tag is-info">{% trans "Modifier" %}</a>
|
||||
</div>
|
||||
{{ o.text }}
|
||||
</div>
|
||||
{% endfor %}
|
||||
|
||||
<form action="" method="POST">
|
||||
<div class="panel-block field has-addons">
|
||||
{% csrf_token %}
|
||||
|
||||
<div class="control has-icons-left is-expanded">
|
||||
<input class="input is-success" type="text" name="text" id="id_text" placeholder="{% trans "Rajouter une option" %}">
|
||||
<span class="icon is-left">
|
||||
<i class="fas fa-plus"></i>
|
||||
</span>
|
||||
</div>
|
||||
<div class="control">
|
||||
<button class="button is-success">{% trans "Valider" %}</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
{% endfor %}
|
||||
|
||||
<div class="columns is-centered">
|
||||
<div class="column is-two-thirds">
|
||||
<form action="" method="POST">
|
||||
{% csrf_token %}
|
||||
|
||||
<div class="field has-addons">
|
||||
<div class="control has-icons-left is-expanded">
|
||||
<input class="input" type="text" name="text" id="id_text" placeholder="{% trans "Rajouter une question" %}">
|
||||
<span class="icon is-left">
|
||||
<i class="fas fa-question"></i>
|
||||
</span>
|
||||
</div>
|
||||
<div class="control">
|
||||
<button class="button">{% trans "Valider" %}</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% endblock %}
|
|
@ -1,7 +1,25 @@
|
|||
{% extends "elections/base.html" %}
|
||||
{% load i18n %}
|
||||
{% load i18n static %}
|
||||
|
||||
|
||||
{% block extra_head %}
|
||||
{# DateTimePicker #}
|
||||
<script src={% static 'vendor/datepicker/datetimepicker.js' %}></script>
|
||||
<link rel="stylesheet" href="{% static 'vendor/datepicker/datetimepicker.css' %}">
|
||||
|
||||
<script>
|
||||
$(document).ready(function($) {
|
||||
$('#id_start_date').datetimepicker({
|
||||
format: 'Y-m-d H:i'
|
||||
});
|
||||
$('#id_end_date').datetimepicker({
|
||||
format: 'Y-m-d H:i'
|
||||
});
|
||||
});
|
||||
|
||||
</script>
|
||||
{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
|
||||
{% for error in form.non_field_errors %}
|
||||
|
@ -16,11 +34,11 @@
|
|||
<form action="" method="post">
|
||||
{% csrf_token %}
|
||||
|
||||
{% include "elections/forms/form.html" with form=form errors=False %}
|
||||
{% include "elections/forms/form.html" with errors=False %}
|
||||
|
||||
<div class="field">
|
||||
<p class="control">
|
||||
<input class="button is-fullwidth" type="submit" value={% trans "Enregistrer" %}>
|
||||
<input class="button is-fullwidth" type="submit" value={% trans "Enregistrer" %}>
|
||||
</p>
|
||||
</div>
|
||||
</form>
|
||||
|
|
Loading…
Reference in a new issue