bouzoure/pop-camarades
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Prettier templates

Browse source
This commit is contained in:
William Bouzourène 2025-05-11 16:44:40 +02:00
parent d98268d9d6
commit 7b1cb83742
Signed by: bouzoure
SSH key fingerprint: SHA256:19MbXpLua4rUtk8tunMesD8KUKb91LXLHg8E/qTooww
33 changed files with 4207 additions and 4374 deletions
Download patch file Download diff file Expand all files Collapse all files

258
views/field_form.html
View file

@ -1,148 +1,142 @@
{% extends "layouts/main.html" %}
{% block main %}
<div class="container mt-4">
<div class="mb-4">
<nav>
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="/">Accueil</a></li>
<li class="breadcrumb-item"><a href="/admin">Administration</a></li>
<li class="breadcrumb-item"><a href="/admin/fields">Champs supplémentaires</a></li>
<div class="container mt-4">
<div class="mb-4">
<nav>
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="/">Accueil</a></li>
<li class="breadcrumb-item"><a href="/admin">Administration</a></li>
<li class="breadcrumb-item">
<a href="/admin/fields">Champs supplémentaires</a>
</li>
{% if Field.ID %}
<li class="breadcrumb-item">
<a href="/admin/fields/{{ Field.ID }}">{{ Field.Name }}</a>
</li>
<li class="breadcrumb-item active">Modifier</li>
{% else %}
<li class="breadcrumb-item active">Ajouter</li>
{% endif %}
</ol>
</nav>
<hr>
</div>
{% if Field.ID %}
<li class="breadcrumb-item">
<a href="/admin/fields/{{ Field.ID }}">{{ Field.Name }}</a>
</li>
<li class="breadcrumb-item active">Modifier</li>
{% else %}
<li class="breadcrumb-item active">Ajouter</li>
{% endif %}
</ol>
</nav>
<hr />
</div>
{% if Errors %}
<div class="alert alert-danger">
<ul class="m-0">
{% for Error in Errors %}
<li>{{ Error }}</li>
{% endfor %}
</ul>
</div>
{% endif %}
<form id="field" method="post">
{% if Errors %}
<div class="alert alert-danger">
<ul class="m-0">
{% for Error in Errors %}
<li>{{ Error }}</li>
{% endfor %}
</ul>
</div>
{% endif %}
<div class="row mb-3">
<label for="name" class="form-label col-md-2">
Nom du champ
</label>
<div class="col-md-10">
<input
id="name"
class="form-control"
type="text"
name="name"
required
value="{{ Field.Name }}"
autocomplete="off"
autofocus
>
</div>
</div>
<form id="field" method="post">
<div class="row mb-3">
<label for="name" class="form-label col-md-2"> Nom du champ </label>
<div class="col-md-10">
<input
id="name"
class="form-control"
type="text"
name="name"
required
value="{{ Field.Name }}"
autocomplete="off"
autofocus
/>
</div>
</div>
{% if !Field.ID %}
<div class="row mb-3">
<label for="person_type" class="form-label col-md-2">
Population
</label>
<div class="col-md-10">
<select
name="person_type"
id="person_type"
class="form-select"
autocomplete="off"
required
>
<option value="member">Membre</option>
<option value="contact">Contact</option>
</select>
</div>
</div>
{% if !Field.ID %}
<div class="row mb-3">
<label for="person_type" class="form-label col-md-2">
Population
</label>
<div class="col-md-10">
<select
name="person_type"
id="person_type"
class="form-select"
autocomplete="off"
required
>
<option value="member">Membre</option>
<option value="contact">Contact</option>
</select>
</div>
</div>
<div class="row mb-3">
<label for="field_type" class="form-label col-md-2">
Type de champ
</label>
<div class="col-md-10">
<select
name="field_type"
id="field_type"
class="form-select"
autocomplete="off"
required
>
<option value="text">Texte</option>
<option value="longtext">Texte multiligne</option>
<option value="number">Nombre</option>
<option value="date">Date</option>
<option value="list">Liste</option>
</select>
</div>
</div>
<div class="row mb-3">
<label for="field_type" class="form-label col-md-2">
Type de champ
</label>
<div class="col-md-10">
<select
name="field_type"
id="field_type"
class="form-select"
autocomplete="off"
required
>
<option value="text">Texte</option>
<option value="longtext">Texte multiligne</option>
<option value="number">Nombre</option>
<option value="date">Date</option>
<option value="list">Liste</option>
</select>
</div>
</div>
<div class="row mb-3">
<label for="list" class="form-label col-md-2">
Liste
</label>
<div class="col-md-10">
<select
name="list"
id="list"
class="form-select"
autocomplete="off"
required
>
{% for List in Lists %}
<option value="{{ List.ID }}">
{{ List.Name }}
</option>
{% endfor %}
</select>
</div>
</div>
{% endif %}
<div class="row mb-3">
<label for="list" class="form-label col-md-2"> Liste </label>
<div class="col-md-10">
<select
name="list"
id="list"
class="form-select"
autocomplete="off"
required
>
{% for List in Lists %}
<option value="{{ List.ID }}">{{ List.Name }}</option>
{% endfor %}
</select>
</div>
</div>
{% endif %}
<div class="my-4">
<button class="btn btn-outline-primary" type="submit">
<i class="me-1 bi-floppy"></i>
Enregistrer
</button>
</div>
</form>
</div>
<div class="my-4">
<button class="btn btn-outline-primary" type="submit">
<i class="me-1 bi-floppy"></i>
Enregistrer
</button>
</div>
</form>
</div>
{% endblock %}
{% block javascript %}
<script>
$(document).ready(function() {
$("#field_type").on("change", function() {
var enable = false;
if ($(this).val() == "list") {
enable = true;
<script>
$(document).ready(function () {
$("#field_type").on("change", function () {
var enable = false;
if ($(this).val() == "list") {
enable = true;
$("#list-disabled").remove();
} else {
$("#list").append("<option id=\"list-disabled\" selected></option>");
}
$("#list-disabled").remove();
} else {
$("#list").append('<option id="list-disabled" selected></option>');
}
$("#list").prop("disabled", !enable);
$("#list").prop("required", enable);
});
$("#list").prop("disabled", !enable);
$("#list").prop("required", enable);
});
$("#field_type").trigger("change");
});
</script>
{% endblock %}
$("#field_type").trigger("change");
});
</script>
{% endblock %}