Work on layout

This commit is contained in:
William Bouzourène 2025-07-11 14:39:59 +02:00
parent f87ca9698d
commit f7febff221
Signed by: bouzoure
SSH key fingerprint: SHA256:19MbXpLua4rUtk8tunMesD8KUKb91LXLHg8E/qTooww
15 changed files with 1164 additions and 1149 deletions

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,135 +16,137 @@
<hr /> <hr />
</div> </div>
<div class="row mb-3"> <div class="mw-1200">
<div class="col-md-2">Nom du champ</div> <div class="row align-items-center mb-3">
<div class="col-md-10"> <div class="col-md-2">Nom du champ</div>
<input <div class="col-md-10">
type="text" <input
class="form-control" type="text"
value="{{ Field.Name }}" class="form-control"
disabled value="{{ Field.Name }}"
readonly disabled
/> readonly
</div> />
</div> </div>
</div>
<div class="row mb-3"> <div class="row align-items-center mb-3">
<div class="col-md-2">Population</div> <div class="col-md-2">Population</div>
<div class="col-md-10"> <div class="col-md-10">
{% for Key, Value in PersonTypes %} {% for Key, Value in PersonTypes %}
{% if Key == Field.PersonType %} {% if Key == Field.PersonType %}
<input <input
type="text" type="text"
class="form-control" class="form-control"
value="{{ Value }}" value="{{ Value }}"
disabled disabled
readonly readonly
/> />
{% endif %} {% endif %}
{% endfor %} {% endfor %}
</div> </div>
</div> </div>
<div class="row mb-3"> <div class="row align-items-center mb-3">
<div class="col-md-2">Type de champ</div> <div class="col-md-2">Type de champ</div>
<div class="col-md-10"> <div class="col-md-10">
{% for Key, Value in FieldTypes %} {% for Key, Value in FieldTypes %}
{% if Key == Field.FieldType %} {% if Key == Field.FieldType %}
<input <input
type="text" type="text"
class="form-control" class="form-control"
value="{{ Value }}" value="{{ Value }}"
disabled disabled
readonly readonly
/> />
{% endif %} {% endif %}
{% endfor %} {% endfor %}
</div> </div>
</div> </div>
<div class="row mb-3"> <div class="row align-items-center mb-3">
<div class="col-md-2">Liste</div> <div class="col-md-2">Liste</div>
<div class="col-md-10"> <div class="col-md-10">
{% if Field.ListID %} {% if Field.ListID %}
<div class="input-group"> <div class="input-group">
<input <input
type="text" type="text"
class="form-control" class="form-control"
value="{{ Field.List.Name }}" value="{{ Field.List.Name }}"
readonly readonly
disabled disabled
/> />
<span class="input-group-text"> <span class="input-group-text">
<a href="/admin/lists/{{ Field.List.ID }}"> <a href="/admin/lists/{{ Field.List.ID }}">
Afficher Afficher
<i class="bi-box-arrow-up-right ms-1"></i> <i class="bi-box-arrow align-items-center-up-right ms-1"></i>
</a> </a>
</span> </span>
</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 my-4"> <div class="row align-items-center my-4">
<div class="col-6"> <div class="col-6">
<a <a
class="btn btn-outline-primary" class="btn btn-outline-primary"
href="/admin/fields/{{ Field.ID }}/edit" href="/admin/fields/{{ Field.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>
<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 ce champ ?</p> <p>Êtes-vous sûr de vouloir supprimer ce champ ?</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/fields/{{ Field.ID }}/delete" action="/admin/fields/{{ Field.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>
{% endblock %} {% endblock %}

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,18 +24,18 @@
<hr /> <hr />
</div> </div>
{% if Errors %} <form id="field" 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="field" method="post"> <div class="row align-items-center mb-3">
<div class="row mb-3">
<label for="name" class="form-label col-md-2"> Nom du champ </label> <label for="name" class="form-label col-md-2"> Nom du champ </label>
<div class="col-md-10"> <div class="col-md-10">
<input <input
@ -52,7 +52,7 @@
</div> </div>
{% if !Field.ID %} {% if !Field.ID %}
<div class="row mb-3"> <div class="row align-items-center mb-3">
<label for="person_type" class="form-label col-md-2"> <label for="person_type" class="form-label col-md-2">
Population Population
</label> </label>
@ -70,7 +70,7 @@
</div> </div>
</div> </div>
<div class="row mb-3"> <div class="row align-items-center mb-3">
<label for="field_type" class="form-label col-md-2"> <label for="field_type" class="form-label col-md-2">
Type de champ Type de champ
</label> </label>
@ -91,7 +91,7 @@
</div> </div>
</div> </div>
<div class="row mb-3"> <div class="row align-items-center mb-3">
<label for="list" class="form-label col-md-2"> Liste </label> <label for="list" class="form-label col-md-2"> Liste </label>
<div class="col-md-10"> <div class="col-md-10">
<select <select

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">

View file

@ -15,7 +15,7 @@
</div> </div>
<div class="mw-1200"> <div class="mw-1200">
<div class="row mb-3"> <div class="row align-items-center mb-3">
<div class="col-md-2 col-xl-3">Nom</div> <div class="col-md-2 col-xl-3">Nom</div>
<div class="col-md-10 col-xl-9"> <div class="col-md-10 col-xl-9">
<input <input
@ -28,7 +28,7 @@
</div> </div>
</div> </div>
<div class="row mb-3"> <div class="row align-items-center mb-3">
<div class="col-md-2 col-xl-3">Liste à choix multiples</div> <div class="col-md-2 col-xl-3">Liste à choix multiples</div>
<div class="col-md-10 col-xl-9"> <div class="col-md-10 col-xl-9">
{% if List.Multi %} {% if List.Multi %}
@ -80,7 +80,7 @@
</a> </a>
</div> </div>
<div class="my-4 row"> <div class="my-4 row align-items-center">
<div class="col-6"> <div class="col-6">
<a <a
class="btn btn-outline-primary" class="btn btn-outline-primary"

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,20 +22,20 @@
<hr /> <hr />
</div> </div>
{% if Errors %} <form id="list" 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="list" method="post"> <div class="row align-items-center mb-3">
<div class="row mb-3"> <label for="name" class="form-label mb-0 col-md-2 col-xl-3"> Nom </label>
<label for="name" class="form-label col-md-2"> Nom </label> <div class="col">
<div class="col-md-10">
<input <input
id="name" id="name"
class="form-control" class="form-control"
@ -49,8 +49,8 @@
</div> </div>
</div> </div>
<div class="row mb-3"> <div class="row align-items-center mb-3">
<div class="col-md-10 offset-md-2"> <div class="col-md-10 offset-md-2 offset-xl-3">
<input <input
type="checkbox" type="checkbox"
class="form-check-input me-2" class="form-check-input me-2"

View file

@ -33,8 +33,8 @@
</div> </div>
{% endif %} {% endif %}
<div class="row mb-3"> <div class="row align-items-center mb-3">
<label for="value" class="form-label col-md-2"> Valeur </label> <label for="value" class="form-label mb-0 col-md-2"> Valeur </label>
<div class="col-md-10"> <div class="col-md-10">
<input <input
id="value" id="value"
@ -49,7 +49,7 @@
</div> </div>
</div> </div>
<div class="row mb-3"> <div class="row align-items-center mb-3">
<div class="col-md-10 offset-md-2"> <div class="col-md-10 offset-md-2">
<input <input
type="checkbox" type="checkbox"
@ -67,7 +67,7 @@
</div> </div>
</div> </div>
<div class="my-4 row"> <div class="my-4 row align-items-center">
<div class="col-6"> <div class="col-6">
<button class="btn btn-outline-primary" type="submit"> <button class="btn btn-outline-primary" type="submit">
<i class="me-1 bi-floppy"></i> <i class="me-1 bi-floppy"></i>

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">
@ -21,377 +21,379 @@
<hr /> <hr />
</div> </div>
<div class="row mb-3"> <div class="mw-1200">
<div class="col-md-2">Nom de famille</div> <div class="row align-items-center mb-3">
<div class="col-md-10"> <div class="col-md-2 col-xl-3">Nom de famille</div>
<input <div class="col">
type="text" <input
class="form-control" type="text"
value="{{ Person.LastName }}" class="form-control"
disabled value="{{ Person.LastName }}"
readonly disabled
/> readonly
</div> />
</div> </div>
</div>
<div class="row mb-3"> <div class="row align-items-center mb-3">
<div class="col-md-2">Prénom</div> <div class="col-md-2 col-xl-3">Prénom</div>
<div class="col-md-10"> <div class="col">
<input <input
type="text" type="text"
class="form-control" class="form-control"
value="{{ Person.FirstName }}" value="{{ Person.FirstName }}"
disabled disabled
readonly readonly
/> />
</div> </div>
</div> </div>
<div class="row mb-3"> <div class="row align-items-center mb-3">
<div class="col-md-2">Email</div> <div class="col-md-2 col-xl-3">Email</div>
<div class="col-md-10"> <div class="col">
<input <input
type="text" type="text"
class="form-control" class="form-control"
value="{{ Person.Email }}" value="{{ Person.Email }}"
disabled disabled
readonly readonly
/> />
</div> </div>
</div> </div>
<div class="row mb-3"> <div class="row align-items-center mb-3">
<div class="col-md-2">Téléphone fixe</div> <div class="col-md-2 col-xl-3">Téléphone fixe</div>
<div class="col-md-10"> <div class="col">
<input <input
type="text" type="text"
class="form-control" class="form-control"
value="{{ Person.Phone }}" value="{{ Person.Phone }}"
disabled disabled
readonly readonly
/> />
</div> </div>
</div> </div>
<div class="row mb-5"> <div class="row align-items-center mb-5">
<div class="col-md-2">Téléphone mobile</div> <div class="col-md-2 col-xl-3">Téléphone mobile</div>
<div class="col-md-10"> <div class="col">
<input <input
type="text" type="text"
class="form-control" class="form-control"
value="{{ Person.Mobile }}" value="{{ Person.Mobile }}"
disabled disabled
readonly readonly
/> />
</div> </div>
</div> </div>
<div class="row mb-2"> <div class="row align-items-center mb-2">
<div class="col-md-2">Adresse</div> <div class="col-md-2 col-xl-3">Adresse</div>
<div class="col-md-10"> <div class="col">
<input <input
type="text" type="text"
class="form-control" class="form-control"
value="{{ Person.Address1 }}" value="{{ Person.Address1 }}"
disabled disabled
readonly readonly
/> />
</div> </div>
</div> </div>
<div class="row mb-2"> <div class="row align-items-center mb-2">
<div class="col-md-10 offset-md-2"> <div class="col offset-md-2 offset-xl-3">
<input <input
type="text" type="text"
class="form-control" class="form-control"
value="{{ Person.Address2 }}" value="{{ Person.Address2 }}"
disabled disabled
readonly readonly
/> />
</div> </div>
</div> </div>
<div class="row mb-5"> <div class="row align-items-center mb-5">
<div class="col-md-3 col-lg-2 offset-md-2 mb-2 mb-md-0"> <div class="col-md-3 col-lg-2 offset-md-2 offset-xl-3 mb-2 mb-md-0">
<input <input
type="text" type="text"
class="form-control" class="form-control"
value="{{ Person.PostalCode }}" value="{{ Person.PostalCode }}"
disabled disabled
readonly readonly
/> />
</div> </div>
<div class="col-md-7 col-lg-8"> <div class="col">
<input <input
type="text" type="text"
class="form-control" class="form-control"
value="{{ Person.City }}" value="{{ Person.City }}"
disabled disabled
readonly readonly
/> />
</div> </div>
</div> </div>
<div class="row mb-3"> <div class="row align-items-center mb-3">
<div class="col-md-2">Section</div> <div class="col-md-2 col-xl-3">Section</div>
<div class="col-md-10"> <div class="col">
<input <input
type="text" type="text"
class="form-control" class="form-control"
value="{{ Person.Section.Name }}" value="{{ Person.Section.Name }}"
disabled disabled
readonly readonly
/> />
</div> </div>
</div> </div>
{% if Fields %} {% if Fields %}
<div class="mt-4 mb-3"> <div class="mt-4 mb-3">
<span class="h4"> Champs supplémentaires </span> <span class="h4"> Champs supplémentaires </span>
</div> </div>
{% endif %} {% endif %}
{% for Field in Fields %} {% for Field in Fields %}
<div class="row mb-3"> <div class="row align-items-center mb-3">
<div class="col-md-2">{{ Field.Name }}</div> <div class="col-md-2 col-xl-3">{{ Field.Name }}</div>
<div class="col-md-10"> <div class="col">
{% if Field.FieldType == "text" %} {% if Field.FieldType == "text" %}
<input <input
type="text" type="text"
class="form-control" class="form-control"
disabled disabled
readonly readonly
{% for FieldValue in FieldValues %} {% for FieldValue in FieldValues %}
{% if FieldValue.FieldID == Field.ID %} {% if FieldValue.FieldID == Field.ID %}
value="{{ FieldValue.ValueString.String }}" value="{{ FieldValue.ValueString.String }}"
{% endif %} {% endif %}
{% endfor %} {% endfor %}
/> />
{% endif %} {% endif %}
{% if Field.FieldType == "longtext" %} {% if Field.FieldType == "longtext" %}
<textarea <textarea
type="text" type="text"
class="form-control" class="form-control"
disabled disabled
readonly readonly
rows="4" row align-items-centers="4"
> >
{% for FieldValue in FieldValues %}{% if FieldValue.FieldID == Field.ID %}{{ FieldValue.ValueString.String }}{% endif %}{% endfor %}</textarea {% for FieldValue in FieldValues %}{% if FieldValue.FieldID == Field.ID %}{{ FieldValue.ValueString.String }}{% endif %}{% endfor %}</textarea
> >
{% endif %} {% endif %}
{% if Field.FieldType == "number" %} {% if Field.FieldType == "number" %}
<input <input
type="text" type="text"
class="form-control" class="form-control"
disabled disabled
readonly readonly
{% for FieldValue in FieldValues %} {% for FieldValue in FieldValues %}
{% if FieldValue.FieldID == Field.ID %} {% if FieldValue.FieldID == Field.ID %}
value="{{ FieldValue.ValueInt.Int64 }}" value="{{ FieldValue.ValueInt.Int64 }}"
{% endif %} {% endif %}
{% endfor %} {% endfor %}
/> />
{% endif %} {% endif %}
{% if Field.FieldType == "date" %} {% if Field.FieldType == "date" %}
<input <input
type="text" type="text"
class="form-control" class="form-control"
disabled disabled
readonly readonly
{% for FieldValue in FieldValues %} {% for FieldValue in FieldValues %}
{% if FieldValue.FieldID == Field.ID %} {% if FieldValue.FieldID == Field.ID %}
value="{{ FieldValue.ValueDate.Time|date:"02.01.2006" }}" value="{{ FieldValue.ValueDate.Time|date:"02.01.2006" }}"
{% endif %} {% endif %}
{% endfor %} {% endfor %}
/> />
{% endif %} {% endif %}
{% if Field.FieldType == "list" and Field.List.Multi %} {% if Field.FieldType == "list" and Field.List.Multi %}
{% set count = 1 %} {% set count = 1 %}
{% for FieldValue in FieldValues %} {% for FieldValue in FieldValues %}
{% if FieldValue.FieldID == Field.ID %} {% if FieldValue.FieldID == Field.ID %}
{% if FieldValue.FieldID == Field.ID %} {% if FieldValue.FieldID == Field.ID %}
<div class="mb-1"> <div class="mb-1">
<input <input
type="checkbox" type="checkbox"
class="form-check-input me-2" class="form-check-input me-2"
checked checked
disabled disabled
/> />
<label class="form-label" <label class="form-label"
>{{ FieldValue.ListItem.Value }}</label >{{ FieldValue.ListItem.Value }}</label
> >
</div> </div>
{% endif %} {% endif %}
{% endif %} {% endif %}
{% endfor %} {% endfor %}
{% endif %} {% endif %}
{% if Field.FieldType == "list" and !Field.List.Multi %} {% if Field.FieldType == "list" and !Field.List.Multi %}
<input <input
type="text" type="text"
class="form-control" class="form-control"
disabled disabled
readonly readonly
{% for FieldValue in FieldValues %} {% for FieldValue in FieldValues %}
{% if FieldValue.FieldID == Field.ID %} {% if FieldValue.FieldID == Field.ID %}
value="{{ FieldValue.ListItem.Value }}" value="{{ FieldValue.ListItem.Value }}"
{% endif %} {% endif %}
{% endfor %} {% endfor %}
/> />
{% endif %} {% endif %}
</div> </div>
</div> </div>
{% endfor %} {% endfor %}
<div class="my-5"> <div class="my-5">
{% if Person.IsMember %} {% if Person.IsMember %}
<div class="row"> <div class="row align-items-center">
<div class="col-md-6"> <div class="col-md-6">
{% if !Person.DeletedAt.Valid %} {% if !Person.DeletedAt.Valid %}
{% if PermEdit %} {% if PermEdit %}
<a <a
class="btn btn-outline-primary" class="btn btn-outline-primary"
href="/members/{{ Person.ID }}/edit" href="/members/{{ Person.ID }}/edit"
> >
<i class="bi-pencil-square"></i> <i class="bi-pencil-square"></i>
Modifier Modifier
</a> </a>
{% endif %} {% endif %}
{% if PermConvert %} {% if PermConvert %}
<button <button
class="btn btn-outline-secondary" class="btn btn-outline-secondary"
type="button" type="button"
data-bs-toggle="modal" data-bs-toggle="modal"
data-bs-target="#modal-convert" data-bs-target="#modal-convert"
> >
<i class="bi-arrow-repeat"></i> <i class="bi-arrow align-items-center-repeat"></i>
Convertir en contact Convertir en contact
</button> </button>
{% endif %} {% endif %}
{% endif %} {% endif %}
</div> </div>
<div class="col-md-6 text-md-end mt-2 mt-md-0"> <div class="col-md-6 text-md-end mt-2 mt-md-0">
{% if Person.DeletedAt.Valid %} {% if Person.DeletedAt.Valid %}
{% if PermRestore %} {% if PermRestore %}
<button <button
class="btn btn-outline-secondary" class="btn btn-outline-secondary"
type="button" type="button"
data-bs-toggle="modal" data-bs-toggle="modal"
data-bs-target="#modal-restore" data-bs-target="#modal-restore"
> >
<i class="bi-person-check"></i> <i class="bi-person-check"></i>
Restaurer Restaurer
</button> </button>
{% endif %} {% endif %}
{% else %} {% else %}
{% if PermArchive %} {% if PermArchive %}
<button <button
class="btn btn-outline-secondary" class="btn btn-outline-secondary"
type="button" type="button"
data-bs-toggle="modal" data-bs-toggle="modal"
data-bs-target="#modal-archive" data-bs-target="#modal-archive"
> >
<i class="bi-person-slash"></i> <i class="bi-person-slash"></i>
Archiver Archiver
</button> </button>
{% endif %} {% endif %}
{% endif %} {% endif %}
{% if PermPurge %} {% if PermPurge %}
<button <button
class="btn btn-outline-danger" class="btn btn-outline-danger"
type="button" type="button"
data-bs-toggle="modal" data-bs-toggle="modal"
data-bs-target="#modal-delete" data-bs-target="#modal-delete"
> >
<i class="bi-trash3"></i> <i class="bi-trash3"></i>
Supprimer Supprimer
</button> </button>
{% endif %} {% endif %}
</div> </div>
</div> </div>
{% else %} {% else %}
<div class="row"> <div class="row align-items-center">
<div class="col-md-6"> <div class="col-md-6">
{% if !Person.DeletedAt.Valid %} {% if !Person.DeletedAt.Valid %}
{% if PermEdit %} {% if PermEdit %}
<a <a
class="btn btn-outline-primary" class="btn btn-outline-primary"
href="/contacts/{{ Person.ID }}/edit" href="/contacts/{{ Person.ID }}/edit"
> >
<i class="bi-pencil-square"></i> <i class="bi-pencil-square"></i>
Modifier Modifier
</a> </a>
{% endif %} {% endif %}
{% if PermConvert %} {% if PermConvert %}
<button <button
class="btn btn-outline-secondary" class="btn btn-outline-secondary"
type="button" type="button"
data-bs-toggle="modal" data-bs-toggle="modal"
data-bs-target="#modal-convert" data-bs-target="#modal-convert"
> >
<i class="bi-arrow-repeat"></i> <i class="bi-arrow align-items-center-repeat"></i>
Convertir en membre Convertir en membre
</button> </button>
{% endif %} {% endif %}
{% endif %} {% endif %}
</div> </div>
<div class="col-md-6 text-md-end mt-2 mt-md-0"> <div class="col-md-6 text-md-end mt-2 mt-md-0">
{% if Person.DeletedAt.Valid %} {% if Person.DeletedAt.Valid %}
{% if PermRestore %} {% if PermRestore %}
<button <button
class="btn btn-outline-secondary" class="btn btn-outline-secondary"
type="button" type="button"
data-bs-toggle="modal" data-bs-toggle="modal"
data-bs-target="#modal-restore" data-bs-target="#modal-restore"
> >
<i class="bi-person-check"></i> <i class="bi-person-check"></i>
Restaurer Restaurer
</button> </button>
{% endif %} {% endif %}
{% else %} {% else %}
{% if PermArchive %} {% if PermArchive %}
<button <button
class="btn btn-outline-secondary" class="btn btn-outline-secondary"
type="button" type="button"
data-bs-toggle="modal" data-bs-toggle="modal"
data-bs-target="#modal-archive" data-bs-target="#modal-archive"
> >
<i class="bi-person-slash"></i> <i class="bi-person-slash"></i>
Archiver Archiver
</button> </button>
{% endif %} {% endif %}
{% endif %} {% endif %}
{% if PermPurge %} {% if PermPurge %}
<button <button
class="btn btn-outline-danger" class="btn btn-outline-danger"
type="button" type="button"
data-bs-toggle="modal" data-bs-toggle="modal"
data-bs-target="#modal-delete" data-bs-target="#modal-delete"
> >
<i class="bi-trash3"></i> <i class="bi-trash3"></i>
Supprimer Supprimer
</button> </button>
{% endif %} {% endif %}
</div> </div>
</div> </div>
{% endif %} {% endif %}
</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">
@ -564,7 +566,7 @@
class="d-inline p-0" class="d-inline p-0"
> >
<button class="btn btn-outline-primary" type="submit"> <button class="btn btn-outline-primary" type="submit">
<i class="bi-arrow-repeat"></i> <i class="bi-arrow align-items-center-repeat"></i>
Convertir Convertir
</button> </button>
</form> </form>
@ -575,7 +577,7 @@
class="d-inline p-0" class="d-inline p-0"
> >
<button class="btn btn-outline-primary" type="submit"> <button class="btn btn-outline-primary" type="submit">
<i class="bi-arrow-repeat"></i> <i class="bi-arrow align-items-center-repeat"></i>
Convertir Convertir
</button> </button>
</form> </form>

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">
@ -37,22 +37,22 @@
<hr /> <hr />
</div> </div>
{% if Errors %} <form id="person" 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="person" method="post"> <div class="row align-items-center mb-3">
<div class="row mb-3"> <label for="last_name" class="form-label col-md-2 col-xl-3">
<label for="last_name" class="form-label col-md-2">
Nom de famille Nom de famille
</label> </label>
<div class="col-md-10"> <div class="col">
<input <input
id="name" id="name"
class="form-control" class="form-control"
@ -65,9 +65,9 @@
</div> </div>
</div> </div>
<div class="row mb-3"> <div class="row align-items-center mb-3">
<label for="first_name" class="form-label col-md-2"> Prénom </label> <label for="first_name" class="form-label col-md-2 col-xl-3"> Prénom </label>
<div class="col-md-10"> <div class="col">
<input <input
id="first_name" id="first_name"
class="form-control" class="form-control"
@ -80,9 +80,9 @@
</div> </div>
</div> </div>
<div class="row mb-3"> <div class="row align-items-center mb-3">
<label for="email" class="form-label col-md-2"> Email </label> <label for="email" class="form-label col-md-2 col-xl-3"> Email </label>
<div class="col-md-10"> <div class="col">
<input <input
id="email" id="email"
class="form-control" class="form-control"
@ -94,9 +94,9 @@
</div> </div>
</div> </div>
<div class="row mb-3"> <div class="row align-items-center mb-3">
<label for="phone" class="form-label col-md-2"> Téléphone fixe </label> <label for="phone" class="form-label col-md-2 col-xl-3"> Téléphone fixe </label>
<div class="col-md-10"> <div class="col">
<input <input
id="phone" id="phone"
class="form-control" class="form-control"
@ -108,11 +108,11 @@
</div> </div>
</div> </div>
<div class="row mb-5"> <div class="row align-items-center mb-5">
<label for="mobile" class="form-label col-md-2"> <label for="mobile" class="form-label col-md-2 col-xl-3">
Téléphone mobile Téléphone mobile
</label> </label>
<div class="col-md-10"> <div class="col">
<input <input
id="mobile" id="mobile"
class="form-control" class="form-control"
@ -124,9 +124,9 @@
</div> </div>
</div> </div>
<div class="row mb-2"> <div class="row align-items-center mb-2">
<label for="address1" class="form-label col-md-2"> Adresse </label> <label for="address1" class="form-label col-md-2 col-xl-3"> Adresse </label>
<div class="col-md-10"> <div class="col">
<input <input
id="address1" id="address1"
class="form-control" class="form-control"
@ -139,8 +139,8 @@
</div> </div>
</div> </div>
<div class="row mb-2"> <div class="row align-items-center mb-2">
<div class="col-md-10 offset-md-2"> <div class="col offset-md-2 offset-xl-3">
<input <input
id="address2" id="address2"
class="form-control" class="form-control"
@ -153,8 +153,8 @@
</div> </div>
</div> </div>
<div class="row mb-5"> <div class="row align-items-center mb-5">
<div class="col-md-3 col-lg-2 offset-md-2 mb-2 mb-md-0"> <div class="col-md-3 col-lg-2 offset-md-2 offset-xl-3 mb-2 mb-md-0">
<input <input
id="postal_code" id="postal_code"
class="form-control" class="form-control"
@ -166,7 +166,7 @@
autocomplete="off" autocomplete="off"
/> />
</div> </div>
<div class="col-md-7 col-lg-8"> <div class="col">
<input <input
id="city" id="city"
class="form-control" class="form-control"
@ -179,9 +179,9 @@
</div> </div>
</div> </div>
<div class="row mb-3"> <div class="row align-items-center mb-3">
<label for="section" class="form-label col-md-2"> Section </label> <label for="section" class="form-label col-md-2 col-xl-3"> Section </label>
<div class="col-md-10"> <div class="col">
<select <select
class="form-select" class="form-select"
name="section" name="section"
@ -210,11 +210,11 @@
{% endif %} {% endif %}
{% for Field in Fields %} {% for Field in Fields %}
<div class="row mb-3"> <div class="row align-items-center mb-3">
<label for="field-{{ Field.ID }}" class="form-label col-md-2"> <label for="field-{{ Field.ID }}" class="form-label col-md-2 col-xl-3">
{{ Field.Name }} {{ Field.Name }}
</label> </label>
<div class="col-md-10"> <div class="col">
{% if Field.FieldType == "text" %} {% if Field.FieldType == "text" %}
<input <input
id="field-{{ Field.ID }}" id="field-{{ Field.ID }}"
@ -235,7 +235,7 @@
id="field-{{ Field.ID }}" id="field-{{ Field.ID }}"
class="form-control" class="form-control"
name="field-{{ Field.ID }}" name="field-{{ Field.ID }}"
rows="4" row align-items-centers="4"
autocomplete="off" autocomplete="off"
> >
{% for FieldValue in FieldValues %}{% if FieldValue.FieldID == Field.ID %}{{ FieldValue.ValueString.String }}{% endif %}{% endfor %}</textarea {% for FieldValue in FieldValues %}{% if FieldValue.FieldID == Field.ID %}{{ FieldValue.ValueString.String }}{% endif %}{% endfor %}</textarea

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,386 +14,395 @@
<hr /> <hr />
</div> </div>
<div class="row mb-3"> <div class="mw-1200">
<div class="col-md-2">Nom</div> <div class="row align-items-center mb-4">
<div class="col-md-10"> <div class="col-md-2 col-xl-3">Nom</div>
<input <div class="col">
type="text" <input
class="form-control" type="text"
value="{{ Role.Name }}" class="form-control"
disabled value="{{ Role.Name }}"
readonly disabled
/> readonly
</div> />
</div> </div>
</div>
<div class="mt-4 mb-3"> <div class="card mb-4">
<span class="h4"> Permissions membres </span> <div class="card-header">
</div> Permissions membres
</div>
<div class="card-body">
<div class="row mb-3"> <div class="row align-items-center mb-3">
<div class="col-md-2">Afficher membres</div> <div class="col-md-2 col-xl-3">Afficher membres</div>
<div class="col-md-10"> <div class="col">
{% if Role.ShowMember %} {% if Role.ShowMember %}
<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 align-items-center mb-3">
<div class="col-md-2">Créer membres</div> <div class="col-md-2 col-xl-3">Créer membres</div>
<div class="col-md-10"> <div class="col">
{% if Role.CreateMember %} {% if Role.CreateMember %}
<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 align-items-center mb-3">
<div class="col-md-2">Modifier membres</div> <div class="col-md-2 col-xl-3">Modifier membres</div>
<div class="col-md-10"> <div class="col">
{% if Role.EditMember %} {% if Role.EditMember %}
<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 align-items-center mb-3">
<div class="col-md-2">Afficher membres archivés</div> <div class="col-md-2 col-xl-3">Afficher membres archivés</div>
<div class="col-md-10"> <div class="col">
{% if Role.ShowArchivedMember %} {% if Role.ShowArchivedMember %}
<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 align-items-center mb-3">
<div class="col-md-2">Archiver membres</div> <div class="col-md-2 col-xl-3">Archiver membres</div>
<div class="col-md-10"> <div class="col">
{% if Role.ArchiveMember %} {% if Role.ArchiveMember %}
<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 align-items-center mb-3">
<div class="col-md-2">Restaurer membres</div> <div class="col-md-2 col-xl-3">Restaurer membres</div>
<div class="col-md-10"> <div class="col">
{% if Role.RestoreMember %} {% if Role.RestoreMember %}
<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 align-items-center mb-3">
<div class="col-md-2">Purger membres (suppression définitive)</div> <div class="col-md-2 col-xl-3">Purger membres (suppression définitive)</div>
<div class="col-md-10"> <div class="col">
{% if Role.PurgeMember %} {% if Role.PurgeMember %}
<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 align-items-center">
<div class="col-md-2">Convertir membres en contacts</div> <div class="col-md-2 col-xl-3">Convertir membres en contacts</div>
<div class="col-md-10"> <div class="col">
{% if Role.ConvertMemberToContact %} {% if Role.ConvertMemberToContact %}
<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>
</div>
<div class="mt-4 mb-3"> <div class="card">
<span class="h4"> Permissions contacts </span> <div class="card-header">
</div> Permissions contacts
</div>
<div class="card-body">
<div class="row align-items-center mb-3">
<div class="col-md-2 col-xl-3">Afficher contacts</div>
<div class="col">
{% if Role.ShowContact %}
<div class="input-group">
<span class="input-group-text">
<i class="bi-check-lg text-success"></i>
</span>
<input type="text" class="form-control" value="Oui" disabled />
</div>
{% else %}
<div class="input-group">
<span class="input-group-text">
<i class="bi-x-lg text-danger"></i>
</span>
<input type="text" class="form-control" value="Non" disabled />
</div>
{% endif %}
</div>
</div>
<div class="row mb-3"> <div class="row align-items-center mb-3">
<div class="col-md-2">Afficher contacts</div> <div class="col-md-2 col-xl-3">Créer contacts</div>
<div class="col-md-10"> <div class="col">
{% if Role.ShowContact %} {% if Role.CreateContact %}
<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 align-items-center mb-3">
<div class="col-md-2">Créer contacts</div> <div class="col-md-2 col-xl-3">Modifier contacts</div>
<div class="col-md-10"> <div class="col">
{% if Role.CreateContact %} {% if Role.EditContact %}
<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 align-items-center mb-3">
<div class="col-md-2">Modifier contacts</div> <div class="col-md-2 col-xl-3">Afficher contacts archivés</div>
<div class="col-md-10"> <div class="col">
{% if Role.EditContact %} {% if Role.ShowArchivedContact %}
<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 align-items-center mb-3">
<div class="col-md-2">Afficher contacts archivés</div> <div class="col-md-2 col-xl-3">Archiver contacts</div>
<div class="col-md-10"> <div class="col">
{% if Role.ShowArchivedContact %} {% if Role.ArchiveContact %}
<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 align-items-center mb-3">
<div class="col-md-2">Archiver contacts</div> <div class="col-md-2 col-xl-3">Restaurer contacts</div>
<div class="col-md-10"> <div class="col">
{% if Role.ArchiveContact %} {% if Role.RestoreContact %}
<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 align-items-center mb-3">
<div class="col-md-2">Restaurer contacts</div> <div class="col-md-2 col-xl-3">Purger contacts (suppression définitive)</div>
<div class="col-md-10"> <div class="col">
{% if Role.RestoreContact %} {% if Role.PurgeContact %}
<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 align-items-center">
<div class="col-md-2">Purger contacts (suppression définitive)</div> <div class="col-md-2 col-xl-3">Convertir contacts en membres</div>
<div class="col-md-10"> <div class="col">
{% if Role.PurgeContact %} {% if Role.ConvertContactToMember %}
<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>
</div>
<div class="row mb-3"> <div class="my-4 row align-items-center">
<div class="col-md-2">Convertir contacts en membres</div> <div class="col-6">
<div class="col-md-10"> <a
{% if Role.ConvertContactToMember %} class="btn btn-outline-primary"
<div class="input-group"> href="/admin/roles/{{ Role.ID }}/edit"
<span class="input-group-text"> >
<i class="bi-check-lg text-success"></i> <i class="bi-pencil-square"></i>
</span> Modifier
<input type="text" class="form-control" value="Oui" disabled /> </a>
</div> </div>
{% else %} <div class="col-6 text-end">
<div class="input-group"> <button
<span class="input-group-text"> type="button"
<i class="bi-x-lg text-danger"></i> class="btn btn-outline-danger"
</span> data-bs-toggle="modal"
<input type="text" class="form-control" value="Non" disabled /> data-bs-target="#modal-delete"
</div> >
{% endif %} <i class="bi-trash3 me-1"></i>
</div> Supprimer
</div> </button>
</div>
<div class="my-4 row"> </div>
<div class="col-6"> </div>
<a </div>
class="btn btn-outline-primary"
href="/admin/roles/{{ Role.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>
<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">

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,18 +22,18 @@
<hr /> <hr />
</div> </div>
{% if Errors %} <form id="role" 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="role" method="post"> <div class="row align-items-center 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"> Nom </label>
<div class="col-md-10"> <div class="col-md-10">
<input <input

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">

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,156 +16,158 @@
<hr /> <hr />
</div> </div>
<div class="row mb-3"> <div class="mw-1200">
<div class="col-md-2">Nom complet</div> <div class="row align-items-center mb-3">
<div class="col-md-10"> <div class="col-md-2 col-xl-3">Nom complet</div>
<input <div class="col">
type="text" <input
class="form-control" type="text"
value="{{ User.Name }}" class="form-control"
disabled value="{{ User.Name }}"
readonly disabled
/> readonly
</div> />
</div> </div>
</div>
<div class="row mb-3"> <div class="row align-items-center mb-3">
<div class="col-md-2">Email</div> <div class="col-md-2 col-xl-3">Email</div>
<div class="col-md-10"> <div class="col">
<input <input
type="text" type="text"
class="form-control" class="form-control"
value="{{ User.Email }}" value="{{ User.Email }}"
disabled disabled
readonly readonly
/> />
</div> </div>
</div> </div>
<div class="row mb-3"> <div class="row align-items-center mb-3">
<div class="col-md-2">Administrateur</div> <div class="col-md-2 col-xl-3">Administrateur</div>
<div class="col-md-10"> <div class="col">
{% if User.IsAdmin %} {% if User.IsAdmin %}
<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 align-items-center mb-3">
<div class="col-md-2">Ecran de bienvenue à la prochaine connexion</div> <div class="col-md-2 col-xl-3">Ecran de bienvenue à la prochaine connexion</div>
<div class="col-md-10"> <div class="col">
{% if User.SkipWelcome %} {% if User.SkipWelcome %}
<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="Non" disabled /> <input type="text" class="form-control" value="Non" 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="Oui" disabled /> <input type="text" class="form-control" value="Oui" disabled />
</div> </div>
{% endif %} {% endif %}
</div> </div>
</div> </div>
<div class="row mb-3"> <div class="row align-items-center mb-3">
<div class="col-md-2">Double facteur (TOTP)</div> <div class="col-md-2 col-xl-3">Double facteur (TOTP)</div>
<div class="col-md-10"> <div class="col">
{% if User.TotpSecret.Valid %} {% if User.TotpSecret.Valid %}
<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="Enrôlé" disabled /> <input type="text" class="form-control" value="Enrôlé" 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 <input
type="text" type="text"
class="form-control" class="form-control"
value="Enrôlement lors de la prochaine connexion" value="Enrôlement lors de la prochaine connexion"
disabled disabled
/> />
</div> </div>
{% endif %} {% endif %}
</div> </div>
</div> </div>
<div class="mt-4 mb-3"> <div class="mt-4 mb-3">
<span class="h4"> Permissions </span> <span class="h4"> Permissions </span>
</div> </div>
{% if UserRoles %} {% if UserRoles %}
{% for UserRole in UserRoles %} {% for UserRole in UserRoles %}
<div class="row mb-3"> <div class="row align-items-center mb-3">
<div class="col-md-2">{{ UserRole.Section.Name }}</div> <div class="col-md-2 col-xl-3">{{ UserRole.Section.Name }}</div>
<div class="col-md-10"> <div class="col">
<div class="input-group"> <div class="input-group">
<span class="input-group-text"> <span class="input-group-text">
<i class="bi-key"></i> <i class="bi-key"></i>
</span> </span>
<input <input
type="text" type="text"
class="form-control" class="form-control"
value="{{ UserRole.Role.Name }}" value="{{ UserRole.Role.Name }}"
disabled disabled
readonly readonly
/> />
</div> </div>
</div> </div>
</div> </div>
{% endfor %} {% endfor %}
{% else %} {% else %}
<div>Pas encore de permissions pour cet utilisateur.</div> <div>Pas encore de permissions pour cet utilisateur.</div>
{% endif %} {% endif %}
<div class="my-4 row"> <div class="my-4 row align-items-center">
<div class="col-6"> <div class="col-6">
<a <a
class="btn btn-outline-primary" class="btn btn-outline-primary"
href="/admin/users/{{ User.ID }}/edit" href="/admin/users/{{ User.ID }}/edit"
> >
<i class="bi-pencil-square me-1"></i> <i class="bi-pencil-square me-1"></i>
Modifier Modifier
</a> </a>
<a <a
class="btn btn-outline-primary" class="btn btn-outline-primary"
href="/admin/users/{{ User.ID }}/permissions" href="/admin/users/{{ User.ID }}/permissions"
> >
<i class="bi-key me-1"></i> <i class="bi-key me-1"></i>
Permissions Permissions
</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>
<div id="modal-delete" class="modal" tabindex="-1"> <div id="modal-delete" class="modal" tabindex="-1">

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="user" 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="user" method="post"> <div class="row align-items-center mb-3">
<div class="row mb-3"> <label for="name" class="form-label col-md-2 col-xl-3"> Nom complet </label>
<label for="name" class="form-label col-md-2"> Nom complet </label> <div class="col">
<div class="col-md-10">
<input <input
id="name" id="name"
class="form-control" class="form-control"
@ -51,9 +51,9 @@
</div> </div>
</div> </div>
<div class="row mb-3"> <div class="row align-items-center mb-3">
<label for="email" class="form-label col-md-2"> Email </label> <label for="email" class="form-label col-md-2 col-xl-3"> Email </label>
<div class="col-md-10"> <div class="col">
<input <input
id="email" id="email"
class="form-control" class="form-control"
@ -66,8 +66,8 @@
</div> </div>
</div> </div>
<div class="row mb-3"> <div class="row align-items-center mb-3">
<div class="col-md-10 offset-md-2"> <div class="col offset-md-2 offset-xl-3">
<input <input
type="checkbox" type="checkbox"
class="form-check-input me-2" class="form-check-input me-2"
@ -82,9 +82,9 @@
</div> </div>
</div> </div>
<div class="row mb-3"> <div class="row align-items-center mb-3">
<label for="password" class="form-label col-md-2"> Mot de passe </label> <label for="password" class="form-label col-md-2 col-xl-3"> Mot de passe </label>
<div class="col-md-10"> <div class="col">
<input <input
id="password" id="password"
class="form-control" class="form-control"
@ -100,8 +100,8 @@
</div> </div>
{% if User.ID %} {% if User.ID %}
<div class="row mb-3"> <div class="row align-items-center mb-3">
<div class="col-md-10 offset-md-2"> <div class="col offset-md-2 offset-xl-3">
<input <input
type="checkbox" type="checkbox"
class="form-check-input me-2" class="form-check-input me-2"

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">
@ -19,60 +19,60 @@
<hr /> <hr />
</div> </div>
{% if Errors %}
<div class="alert alert-danger">
<ul class="m-0">
{% for Error in Errors %}
<li>{{ Error }}</li>
{% endfor %}
</ul>
</div>
{% endif %}
{% if Sections %} {% if Sections %}
<form id="user" method="post"> <form id="user" method="post" class="mw-1200">
{% for Section in Sections %} {% if Errors %}
<div class="row mb-3"> <div class="alert alert-danger">
<div class="col-md-2">{{ Section.Name }}</div> <ul class="m-0">
<div class="col-md-10"> {% for Error in Errors %}
<div class="input-group"> <li>{{ Error }}</li>
<span class="input-group-text"> {% endfor %}
<i class="bi-key"></i> </ul>
</span> </div>
<select {% endif %}
class="form-select"
name="section-{{ Section.ID }}"
id="section-{{ Section.ID }}"
autocomplete="off"
>
<option value="0">Choisir...</option>
{% for Role in Roles %}
<option
value="{{ Role.ID }}"
{% for UserRole in UserRoles %}
{% if Section.ID == UserRole.SectionID and Role.ID == UserRole.RoleID %}
selected
{% endif %}
{% endfor %}
>
{{ Role.Name }}
</option>
{% endfor %}
</select>
</div>
</div>
</div>
{% endfor %}
<div class="my-4"> {% for Section in Sections %}
<button class="btn btn-outline-primary" type="submit"> <div class="row mb-3">
<i class="me-1 bi-floppy"></i> <div class="col-md-2 col-xl-3">{{ Section.Name }}</div>
Enregistrer <div class="col">
</button> <div class="input-group">
</div> <span class="input-group-text">
</form> <i class="bi-key"></i>
</span>
<select
class="form-select"
name="section-{{ Section.ID }}"
id="section-{{ Section.ID }}"
autocomplete="off"
>
<option value="0">Choisir...</option>
{% for Role in Roles %}
<option
value="{{ Role.ID }}"
{% for UserRole in UserRoles %}
{% if Section.ID == UserRole.SectionID and Role.ID == UserRole.RoleID %}
selected
{% endif %}
{% endfor %}
>
{{ Role.Name }}
</option>
{% endfor %}
</select>
</div>
</div>
</div>
{% endfor %}
<div class="my-4">
<button class="btn btn-outline-primary" type="submit">
<i class="me-1 bi-floppy"></i>
Enregistrer
</button>
</div>
</form>
{% else %} {% else %}
<div class="my-4">Pas de section pour le moment</div> <div class="my-4">Pas de section pour le moment</div>
{% endif %} {% endif %}
</div> </div>
{% endblock %} {% endblock %}

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">