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

Work on layout

Browse source
This commit is contained in:
William Bouzourène 2025-07-11 13:42:55 +02:00
parent 56a2d30189
commit f87ca9698d
Signed by: bouzoure
SSH key fingerprint: SHA256:19MbXpLua4rUtk8tunMesD8KUKb91LXLHg8E/qTooww
12 changed files with 356 additions and 355 deletions
Download patch file Download diff file Expand all files Collapse all files

10
frontend/index.css
View file

@ -56,4 +56,14 @@ a {
.fs-7 { .fs-7 {
font-size: .75rem !important; font-size: .75rem !important;
}
.mw-600 {
max-width: 600px;
}
.mw-900 {
max-width: 900px;
}
.mw-1200 {
max-width: 1200px;
} }

38
views/account_manage.html
View file

@ -1,7 +1,7 @@
{% extends "layouts/main.html" %} {% extends "layouts/main.html" %}
{% block main %} {% block main %}
<div class="container mt-4"> <div class="container-fluid my-4 px-4">
<div class="mb-4"> <div class="mb-4">
<nav> <nav>
<ol class="breadcrumb"> <ol class="breadcrumb">
@ -12,20 +12,20 @@
<hr /> <hr />
</div> </div>
{% if Errors %} <form id="account" method="post" style="max-width: 1200px;">
<div class="alert alert-danger"> {% if Errors %}
<ul class="m-0"> <div class="alert alert-danger">
{% for Error in Errors %} <ul class="m-0">
<li>{{ Error }}</li> {% for Error in Errors %}
{% endfor %} <li>{{ Error }}</li>
</ul> {% endfor %}
</div> </ul>
{% endif %} </div>
{% endif %}
<form id="account" method="post">
<div class="row mb-3"> <div class="row mb-3">
<label for="name" class="col-md-2 form-label"> Nom complet </label> <label for="name" class="col-md-2 col-xl-3 form-label"> Nom complet </label>
<div class="col-md-10"> <div class="col-md-10 col-xl-9">
<input <input
id="name" id="name"
class="form-control" class="form-control"
@ -40,8 +40,8 @@
</div> </div>
<div class="row mb-3"> <div class="row mb-3">
<label for="email" class="col-md-2 form-label"> Email </label> <label for="email" class="col-md-2 col-xl-3 form-label"> Email </label>
<div class="col-md-10"> <div class="col-md-10 col-xl-9">
<input <input
id="email" id="email"
class="form-control" class="form-control"
@ -55,8 +55,8 @@
</div> </div>
<div class="row mb-3"> <div class="row mb-3">
<label for="password" class="col-md-2 form-label"> Mot de passe </label> <label for="password" class="col-md-2 col-xl-3 form-label"> Mot de passe </label>
<div class="col-md-10"> <div class="col-md-10 col-xl-9">
<input <input
id="password" id="password"
class="form-control" class="form-control"
@ -69,10 +69,10 @@
</div> </div>
<div class="row mb-3"> <div class="row mb-3">
<label for="password" class="col-md-2 form-label"> <label for="password" class="col-md-2 col-xl-3 form-label">
Confirmer le mot de passe Confirmer le mot de passe
</label> </label>
<div class="col-md-10"> <div class="col-md-10 col-xl-9">
<input <input
id="password-verify" id="password-verify"
class="form-control" class="form-control"

2
views/account_totp.html
View file

@ -1,7 +1,7 @@
{% extends "layouts/main.html" %} {% extends "layouts/main.html" %}
{% block main %} {% block main %}
<div class="container mt-4"> <div class="container-fluid my-4 px-4">
<div class="mb-4"> <div class="mb-4">
<nav> <nav>
<ol class="breadcrumb"> <ol class="breadcrumb">

14
views/admin.html
View file

@ -1,7 +1,7 @@
{% extends "layouts/main.html" %} {% extends "layouts/main.html" %}
{% block main %} {% block main %}
<div class="container mt-4"> <div class="container-fluid my-4 px-4">
<div class="mb-4"> <div class="mb-4">
<nav> <nav>
<ol class="breadcrumb"> <ol class="breadcrumb">
@ -12,8 +12,8 @@
<hr /> <hr />
</div> </div>
<div class="row"> <div class="row" style="max-width: 600px;">
<div class="col-md-6"> <div class="col-12">
<a class="dashboard-tile" href="/admin/sections"> <a class="dashboard-tile" href="/admin/sections">
<div class="alert alert-primary"> <div class="alert alert-primary">
<i class="bi-building me-2"></i> <i class="bi-building me-2"></i>
@ -21,7 +21,7 @@
</div> </div>
</a> </a>
</div> </div>
<div class="col-md-6"> <div class="col-12">
<a class="dashboard-tile" href="/admin/lists"> <a class="dashboard-tile" href="/admin/lists">
<div class="alert alert-primary"> <div class="alert alert-primary">
<i class="bi-list-check me-2"></i> <i class="bi-list-check me-2"></i>
@ -29,7 +29,7 @@
</div> </div>
</a> </a>
</div> </div>
<div class="col-md-6"> <div class="col-12">
<a class="dashboard-tile" href="/admin/fields"> <a class="dashboard-tile" href="/admin/fields">
<div class="alert alert-primary"> <div class="alert alert-primary">
<i class="bi-database-add me-2"></i> <i class="bi-database-add me-2"></i>
@ -37,7 +37,7 @@
</div> </div>
</a> </a>
</div> </div>
<div class="col-md-6"> <div class="col-12">
<a class="dashboard-tile" href="/admin/users"> <a class="dashboard-tile" href="/admin/users">
<div class="alert alert-primary"> <div class="alert alert-primary">
<i class="bi-person-square me-2"></i> <i class="bi-person-square me-2"></i>
@ -45,7 +45,7 @@
</div> </div>
</a> </a>
</div> </div>
<div class="col-md-6"> <div class="col-12">
<a class="dashboard-tile" href="/admin/roles"> <a class="dashboard-tile" href="/admin/roles">
<div class="alert alert-primary"> <div class="alert alert-primary">
<i class="bi-briefcase me-2"></i> <i class="bi-briefcase me-2"></i>

2
views/error_page.html
View file

@ -1,7 +1,7 @@
{% extends "layouts/main.html" %} {% extends "layouts/main.html" %}
{% block main %} {% block main %}
<div class="container text-center py-5"> <div class="container-fluid my-4 px-4 text-center py-5">
<div class="h1 mb-3">Erreur {{ Code }}</div> <div class="h1 mb-3">Erreur {{ Code }}</div>
<code>{{ Message }}</code> <code>{{ Message }}</code>
</div> </div>

10
views/index.html
View file

@ -1,7 +1,7 @@
{% extends "layouts/main.html" %} {% extends "layouts/main.html" %}
{% block main %} {% block main %}
<div class="container mt-4"> <div class="container-fluid my-4 px-4">
<div class="mb-4"> <div class="mb-4">
<nav> <nav>
<ol class="breadcrumb"> <ol class="breadcrumb">
@ -11,9 +11,9 @@
<hr /> <hr />
</div> </div>
<div class="row"> <div class="row" style="max-width: 600px;">
{% if Globals.AllowMembersPage %} {% if Globals.AllowMembersPage %}
<div class="col-md-6"> <div class="col-12">
<a class="dashboard-tile" href="/members"> <a class="dashboard-tile" href="/members">
<div class="alert alert-primary"> <div class="alert alert-primary">
<i class="bi-people me-2"></i> <i class="bi-people me-2"></i>
@ -24,7 +24,7 @@
{% endif %} {% endif %}
{% if Globals.AllowContactsPage %} {% if Globals.AllowContactsPage %}
<div class="col-md-6"> <div class="col-12">
<a class="dashboard-tile" href="/contacts"> <a class="dashboard-tile" href="/contacts">
<div class="alert alert-primary"> <div class="alert alert-primary">
<i class="bi-telephone me-2"></i> <i class="bi-telephone me-2"></i>
@ -35,7 +35,7 @@
{% endif %} {% endif %}
{% if Globals.UserIsAdmin %} {% if Globals.UserIsAdmin %}
<div class="col-md-6"> <div class="col-12">
<a class="dashboard-tile" href="/admin"> <a class="dashboard-tile" href="/admin">
<div class="alert alert-primary"> <div class="alert alert-primary">
<i class="bi-gear me-2"></i> <i class="bi-gear me-2"></i>

235
views/list.html
View file

@ -1,7 +1,7 @@
{% extends "layouts/main.html" %} {% extends "layouts/main.html" %}
{% block main %} {% block main %}
<div class="container my-4"> <div class="container-fluid my-4 px-4">
<div class="mb-4"> <div class="mb-4">
<nav> <nav>
<ol class="breadcrumb"> <ol class="breadcrumb">
@ -14,123 +14,97 @@
<hr /> <hr />
</div> </div>
<div class="row mb-3"> <div class="mw-1200">
<div class="col-md-2">Nom</div> <div class="row mb-3">
<div class="col-md-10"> <div class="col-md-2 col-xl-3">Nom</div>
<input <div class="col-md-10 col-xl-9">
type="text" <input
class="form-control" type="text"
value="{{ List.Name }}" class="form-control"
disabled value="{{ List.Name }}"
readonly disabled
/> readonly
</div> />
</div> </div>
</div>
<div class="row mb-3"> <div class="row mb-3">
<div class="col-md-2">Liste à choix multiples</div> <div class="col-md-2 col-xl-3">Liste à choix multiples</div>
<div class="col-md-10"> <div class="col-md-10 col-xl-9">
{% if List.Multi %} {% if List.Multi %}
<div class="input-group"> <div class="input-group">
<span class="input-group-text"> <span class="input-group-text">
<i class="bi-check-lg text-success"></i> <i class="bi-check-lg text-success"></i>
</span> </span>
<input type="text" class="form-control" value="Oui" disabled /> <input type="text" class="form-control" value="Oui" disabled />
</div> </div>
{% else %} {% else %}
<div class="input-group"> <div class="input-group">
<span class="input-group-text"> <span class="input-group-text">
<i class="bi-x-lg text-danger"></i> <i class="bi-x-lg text-danger"></i>
</span> </span>
<input type="text" class="form-control" value="Non" disabled /> <input type="text" class="form-control" value="Non" disabled />
</div> </div>
{% endif %} {% endif %}
</div> </div>
</div> </div>
<div class="my-4 row"> <div class="p-3 my-4 bg-body-tertiary border">
<div class="col-6"> <div class="mb-3">
<a <span class="h5">Liste</span>
class="btn btn-outline-primary" </div>
href="/admin/lists/{{ List.ID }}/edit"
>
<i class="bi-pencil-square"></i>
Modifier
</a>
</div>
<div class="col-6 text-end">
<button
type="button"
class="btn btn-outline-danger"
data-bs-toggle="modal"
data-bs-target="#modal-delete"
>
<i class="bi-trash3 me-1"></i>
Supprimer
</button>
</div>
</div>
<div class="my-3 row"> {% if ListItems %}
<div class="col-sm-9 h4">Contenu de la liste</div> <ul class="p-0" style="list-style: none;">
<div class="col-sm-3 text-end"> {% for Item in ListItems %}
<a <li>
class="btn btn-outline-primary" <a href="/admin/lists/{{ List.ID }}/items/{{ Item.ID }}">
href="/admin/lists/{{ List.ID }}/items/add" {{ Item.Value }}
> </a>
<i class="bi-plus-lg"></i> {% if Item.Default %}
Ajouter <span class="badge text-bg-success">Par défaut</span>
</a> {% endif %}
</div> </li>
</div> {% endfor %}
</ul>
{% else %}
<div>Pas encore d'éléments dans cette liste</div>
{% endif %}
{% if ListItems %} <a
<div class="table-responsive"> class="btn btn-outline-primary"
<table class="table"> href="/admin/lists/{{ List.ID }}/items/add"
<thead> >
<tr> <i class="bi-plus-lg"></i>
<th class="w-50">Valeur</th> Ajouter
<th class="w-25">Par défaut</th> </a>
<th class="w-25"></th> </div>
</tr>
</thead> <div class="my-4 row">
<tbody> <div class="col-6">
{% for Item in ListItems %} <a
<tr> class="btn btn-outline-primary"
<td> href="/admin/lists/{{ List.ID }}/edit"
<a href="/admin/lists/{{ List.ID }}/items/{{ Item.ID }}"> >
{{ Item.Value }} <i class="bi-pencil-square"></i>
</a> Modifier
</td> </a>
<td> </div>
{% if Item.Default %} <div class="col-6 text-end">
<i class="bi-check-lg text-success me-1"></i> <button
Oui type="button"
{% else %} class="btn btn-outline-danger"
<i class="bi-x-lg text-danger me-1"></i> data-bs-toggle="modal"
Non data-bs-target="#modal-delete"
{% endif %} >
</td> <i class="bi-trash3 me-1"></i>
<td class="text-end"> Supprimer
<button </button>
type="button" </div>
class="btn btn-outline-danger btn-sm" </div>
data-bs-toggle="modal"
data-bs-target="#modal-delete-value-{{ Item.ID }}" </div>
> </div>
<i class="bi-trash3 me-1"></i>
Supprimer
</button>
</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
{% else %}
<div>Pas encore d'éléments dans cette liste.</div>
{% endif %}
</div>
<div id="modal-delete" class="modal" tabindex="-1"> <div id="modal-delete" class="modal" tabindex="-1">
<div class="modal-dialog modal-dialog-centered"> <div class="modal-dialog modal-dialog-centered">
@ -162,37 +136,4 @@
</div> </div>
</div> </div>
</div> </div>
{% for Item in ListItems %}
<div id="modal-delete-value-{{ Item.ID }}" class="modal" tabindex="-1">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-body">
<p>Êtes-vous sûr de vouloir supprimer cette valeur ?</p>
</div>
<div class="modal-footer">
<button
type="button"
class="btn btn-outline-secondary"
data-bs-dismiss="modal"
>
<i class="bi-x-lg me-1"></i>
Annuler
</button>
<form
action="/admin/lists/{{ List.ID }}/items/{{ Item.ID }}/delete"
method="post"
class="d-inline p-0"
>
<button class="btn btn-outline-danger" type="submit">
<i class="bi-trash3 me-1"></i>
Supprimer
</button>
</form>
</div>
</div>
</div>
</div>
{% endfor %}
{% endblock %} {% endblock %}

80
views/listitem_form.html
View file

@ -1,7 +1,7 @@
{% extends "layouts/main.html" %} {% extends "layouts/main.html" %}
{% block main %} {% block main %}
<div class="container mt-4"> <div class="container-fluid my-4 px-4">
<div class="mb-4"> <div class="mb-4">
<nav> <nav>
<ol class="breadcrumb"> <ol class="breadcrumb">
@ -22,17 +22,17 @@
<hr /> <hr />
</div> </div>
{% if Errors %} <form id="listitem" method="post" class="mw-900">
<div class="alert alert-danger"> {% if Errors %}
<ul class="m-0"> <div class="alert alert-danger">
{% for Error in Errors %} <ul class="m-0">
<li>{{ Error }}</li> {% for Error in Errors %}
{% endfor %} <li>{{ Error }}</li>
</ul> {% endfor %}
</div> </ul>
{% endif %} </div>
{% endif %}
<form id="listitem" method="post">
<div class="row mb-3"> <div class="row mb-3">
<label for="value" class="form-label col-md-2"> Valeur </label> <label for="value" class="form-label col-md-2"> Valeur </label>
<div class="col-md-10"> <div class="col-md-10">
@ -67,12 +67,60 @@
</div> </div>
</div> </div>
<div class="my-4"> <div class="my-4 row">
<button class="btn btn-outline-primary" type="submit"> <div class="col-6">
<i class="me-1 bi-floppy"></i> <button class="btn btn-outline-primary" type="submit">
Enregistrer <i class="me-1 bi-floppy"></i>
</button> Enregistrer
</button>
</div>
<div class="col-6 text-end">
{% if ListItem.ID %}
<button
type="button"
class="btn btn-outline-danger"
data-bs-toggle="modal"
data-bs-target="#modal-delete"
>
<i class="bi-trash3 me-1"></i>
Supprimer
</button>
{% endif %}
</div>
</div> </div>
</form> </form>
</div> </div>
{% if ListItem.ID %}
<div id="modal-delete" class="modal" tabindex="-1">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-body">
<p>Êtes-vous sûr de vouloir supprimer cette valeur ?</p>
</div>
<div class="modal-footer">
<button
type="button"
class="btn btn-outline-secondary"
data-bs-dismiss="modal"
>
<i class="bi-x-lg me-1"></i>
Annuler
</button>
<form
action="/admin/lists/{{ List.ID }}/items/{{ ListItem.ID }}/delete"
method="post"
class="d-inline p-0"
>
<button class="btn btn-outline-danger" type="submit">
<i class="bi-trash3 me-1"></i>
Supprimer
</button>
</form>
</div>
</div>
</div>
</div>
{% endif %}
{% endblock %} {% endblock %}

2
views/lists.html
View file

@ -1,7 +1,7 @@
{% extends "layouts/main.html" %} {% extends "layouts/main.html" %}
{% block main %} {% block main %}
<div class="container my-4"> <div class="container-fluid my-4 px-4">
<div class="mb-4"> <div class="mb-4">
<nav> <nav>
<ol class="breadcrumb"> <ol class="breadcrumb">

278
views/section.html
View file

@ -1,7 +1,7 @@
{% extends "layouts/main.html" %} {% extends "layouts/main.html" %}
{% block main %} {% block main %}
<div class="container mt-4"> <div class="container-fluid my-4 px-4">
<div class="mb-4"> <div class="mb-4">
<nav> <nav>
<ol class="breadcrumb"> <ol class="breadcrumb">
@ -16,148 +16,150 @@
<hr /> <hr />
</div> </div>
<div class="row mb-3"> <div class="mw-1200">
<div class="col-md-2">Nom</div> <div class="row mb-3">
<div class="col-md-10"> <div class="col-md-2 col-xl-3">Nom</div>
<input <div class="col-md-10 col-xl-9">
type="text" <input
class="form-control" type="text"
value="{{ Section.Name }}" class="form-control"
disabled value="{{ Section.Name }}"
readonly disabled
/> readonly
</div> />
</div> </div>
</div>
<div class="row mb-3"> <div class="row mb-3">
<div class="col-md-2">Nom technique</div> <div class="col-md-2 col-xl-3">Nom technique</div>
<div class="col-md-10"> <div class="col-md-10 col-xl-9">
<input <input
type="text" type="text"
class="form-control" class="form-control"
value="{{ Section.ShortName }}" value="{{ Section.ShortName }}"
disabled disabled
readonly readonly
/> />
</div> </div>
</div> </div>
<div class="row mb-3"> <div class="row mb-3">
<div class="col-md-2">Section parente</div> <div class="col-md-2 col-xl-3">Section parente</div>
<div class="col-md-10"> <div class="col-md-10 col-xl-9">
{% if Section.ParentSectionID %} {% if Section.ParentSectionID %}
<input <input
type="text" type="text"
class="form-control" class="form-control"
value="{{ Section.ParentSection.Name }}" value="{{ Section.ParentSection.Name }}"
disabled disabled
readonly readonly
/> />
{% else %} {% else %}
<div class="input-group"> <div class="input-group">
<span class="input-group-text"> <span class="input-group-text">
<i class="bi-x-lg text-danger"></i> <i class="bi-x-lg text-danger"></i>
</span> </span>
<input type="text" class="form-control" value="Non" disabled /> <input type="text" class="form-control" value="Non" disabled />
</div> </div>
{% endif %} {% endif %}
</div> </div>
</div> </div>
<div class="row mb-3"> <div class="row mb-3">
<div class="col-md-2">Peut contenir des membres</div> <div class="col-md-2 col-xl-3">Peut contenir des membres</div>
<div class="col-md-10"> <div class="col-md-10 col-xl-9">
{% if Section.ContainsMembers %} {% if Section.ContainsMembers %}
<div class="input-group"> <div class="input-group">
<span class="input-group-text"> <span class="input-group-text">
<i class="bi-check-lg text-success"></i> <i class="bi-check-lg text-success"></i>
</span> </span>
<input type="text" class="form-control" value="Oui" disabled /> <input type="text" class="form-control" value="Oui" disabled />
</div> </div>
{% else %} {% else %}
<div class="input-group"> <div class="input-group">
<span class="input-group-text"> <span class="input-group-text">
<i class="bi-x-lg text-danger"></i> <i class="bi-x-lg text-danger"></i>
</span> </span>
<input type="text" class="form-control" value="Non" disabled /> <input type="text" class="form-control" value="Non" disabled />
</div> </div>
{% endif %} {% endif %}
</div> </div>
</div> </div>
<div class="row mb-3"> <div class="row mb-3">
<div class="col-md-2">Peut contenir des contacts</div> <div class="col-md-2 col-xl-3">Peut contenir des contacts</div>
<div class="col-md-10"> <div class="col-md-10 col-xl-9">
{% if Section.ContainsContacts %} {% if Section.ContainsContacts %}
<div class="input-group"> <div class="input-group">
<span class="input-group-text"> <span class="input-group-text">
<i class="bi-check-lg text-success"></i> <i class="bi-check-lg text-success"></i>
</span> </span>
<input type="text" class="form-control" value="Oui" disabled /> <input type="text" class="form-control" value="Oui" disabled />
</div> </div>
{% else %} {% else %}
<div class="input-group"> <div class="input-group">
<span class="input-group-text"> <span class="input-group-text">
<i class="bi-x-lg text-danger"></i> <i class="bi-x-lg text-danger"></i>
</span> </span>
<input type="text" class="form-control" value="Non" disabled /> <input type="text" class="form-control" value="Non" disabled />
</div> </div>
{% endif %} {% endif %}
</div> </div>
</div> </div>
<div class="my-4 row"> <div class="my-4 row">
<div class="col-6"> <div class="col-6">
<a <a
class="btn btn-outline-primary" class="btn btn-outline-primary"
href="/admin/sections/{{ Section.ID }}/edit" href="/admin/sections/{{ Section.ID }}/edit"
> >
<i class="bi-pencil-square"></i> <i class="bi-pencil-square"></i>
Modifier Modifier
</a> </a>
</div> </div>
<div class="col-6 text-end"> <div class="col-6 text-end">
<button <button
type="button" type="button"
class="btn btn-outline-danger" class="btn btn-outline-danger"
data-bs-toggle="modal" data-bs-toggle="modal"
data-bs-target="#modal-delete" data-bs-target="#modal-delete"
> >
<i class="bi-trash3 me-1"></i> <i class="bi-trash3 me-1"></i>
Supprimer Supprimer
</button> </button>
</div> </div>
</div> </div>
</div> </div>
<div id="modal-delete" class="modal" tabindex="-1"> <div id="modal-delete" class="modal" tabindex="-1">
<div class="modal-dialog modal-dialog-centered"> <div class="modal-dialog modal-dialog-centered">
<div class="modal-content"> <div class="modal-content">
<div class="modal-body"> <div class="modal-body">
<p>Êtes-vous sûr de vouloir supprimer cette section ?</p> <p>Êtes-vous sûr de vouloir supprimer cette section ?</p>
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
<button <button
type="button" type="button"
class="btn btn-outline-secondary" class="btn btn-outline-secondary"
data-bs-dismiss="modal" data-bs-dismiss="modal"
> >
<i class="bi-x-lg me-1"></i> <i class="bi-x-lg me-1"></i>
Annuler Annuler
</button> </button>
<form <form
action="/admin/sections/{{ Section.ID }}/delete" action="/admin/sections/{{ Section.ID }}/delete"
method="post" method="post"
class="d-inline p-0" class="d-inline p-0"
> >
<button class="btn btn-outline-danger" type="submit"> <button class="btn btn-outline-danger" type="submit">
<i class="bi-trash3 me-1"></i> <i class="bi-trash3 me-1"></i>
Supprimer Supprimer
</button> </button>
</form> </form>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div>
{% endblock %} {% endblock %}

38
views/section_form.html
View file

@ -1,7 +1,7 @@
{% extends "layouts/main.html" %} {% extends "layouts/main.html" %}
{% block main %} {% block main %}
<div class="container mt-4"> <div class="container-fluid my-4 px-4">
<div class="mb-4"> <div class="mb-4">
<nav> <nav>
<ol class="breadcrumb"> <ol class="breadcrumb">
@ -24,20 +24,20 @@
<hr /> <hr />
</div> </div>
{% if Errors %} <form id="section" method="post" class="mw-1200">
<div class="alert alert-danger"> {% if Errors %}
<ul class="m-0"> <div class="alert alert-danger">
{% for Error in Errors %} <ul class="m-0">
<li>{{ Error }}</li> {% for Error in Errors %}
{% endfor %} <li>{{ Error }}</li>
</ul> {% endfor %}
</div> </ul>
{% endif %} </div>
{% endif %}
<form id="section" method="post">
<div class="row mb-3"> <div class="row mb-3">
<label for="name" class="form-label col-md-2"> Nom </label> <label for="name" class="form-label col-md-2 col-xl-3"> Nom </label>
<div class="col-md-10"> <div class="col-md-10 col-xl-9">
<input <input
id="name" id="name"
class="form-control" class="form-control"
@ -52,10 +52,10 @@
</div> </div>
<div class="row mb-3"> <div class="row mb-3">
<label for="short_name" class="form-label col-md-2"> <label for="short_name" class="form-label col-md-2 col-xl-3">
Nom technique Nom technique
</label> </label>
<div class="col-md-10"> <div class="col-md-10 col-xl-9">
<input <input
id="short_name" id="short_name"
class="form-control" class="form-control"
@ -69,10 +69,10 @@
</div> </div>
<div class="row mb-3"> <div class="row mb-3">
<label for="parent_section" class="form-label col-md-2"> <label for="parent_section" class="form-label col-md-2 col-xl-3">
Section parente Section parente
</label> </label>
<div class="col-md-10"> <div class="col-md-10 col-xl-9">
<select <select
id="parent_section" id="parent_section"
class="form-select" class="form-select"
@ -98,7 +98,7 @@
</div> </div>
<div class="row mb-3"> <div class="row mb-3">
<div class="col-md-10 offset-md-2"> <div class="col-md-10 col-xl-9 offset-md-2 offset-xl-3">
<input <input
type="checkbox" type="checkbox"
class="form-check-input me-2" class="form-check-input me-2"
@ -116,7 +116,7 @@
</div> </div>
<div class="row mb-3"> <div class="row mb-3">
<div class="col-md-10 offset-md-2"> <div class="col-md-10 col-xl-9 offset-md-2 offset-xl-3">
<input <input
type="checkbox" type="checkbox"
class="form-check-input me-2" class="form-check-input me-2"

2
views/sections.html
View file

@ -1,7 +1,7 @@
{% extends "layouts/main.html" %} {% extends "layouts/main.html" %}
{% block main %} {% block main %}
<div class="container my-4"> <div class="container-fluid my-4 px-4">
<div class="mb-4"> <div class="mb-4">
<nav> <nav>
<ol class="breadcrumb"> <ol class="breadcrumb">