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" %}
{% block main %}
<div class="container mt-4">
<div class="container-fluid my-4 px-4">
<div class="mb-4">
<nav>
<ol class="breadcrumb">
@ -14,386 +14,395 @@
<hr />
</div>
<div class="row mb-3">
<div class="col-md-2">Nom</div>
<div class="col-md-10">
<input
type="text"
class="form-control"
value="{{ Role.Name }}"
disabled
readonly
/>
</div>
</div>
<div class="mw-1200">
<div class="row align-items-center mb-4">
<div class="col-md-2 col-xl-3">Nom</div>
<div class="col">
<input
type="text"
class="form-control"
value="{{ Role.Name }}"
disabled
readonly
/>
</div>
</div>
<div class="mt-4 mb-3">
<span class="h4"> Permissions membres </span>
</div>
<div class="card mb-4">
<div class="card-header">
Permissions membres
</div>
<div class="card-body">
<div class="row mb-3">
<div class="col-md-2">Afficher membres</div>
<div class="col-md-10">
{% if Role.ShowMember %}
<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 align-items-center mb-3">
<div class="col-md-2 col-xl-3">Afficher membres</div>
<div class="col">
{% if Role.ShowMember %}
<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="col-md-2">Créer membres</div>
<div class="col-md-10">
{% if Role.CreateMember %}
<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 align-items-center mb-3">
<div class="col-md-2 col-xl-3">Créer membres</div>
<div class="col">
{% if Role.CreateMember %}
<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="col-md-2">Modifier membres</div>
<div class="col-md-10">
{% if Role.EditMember %}
<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 align-items-center mb-3">
<div class="col-md-2 col-xl-3">Modifier membres</div>
<div class="col">
{% if Role.EditMember %}
<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="col-md-2">Afficher membres archivés</div>
<div class="col-md-10">
{% if Role.ShowArchivedMember %}
<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 align-items-center mb-3">
<div class="col-md-2 col-xl-3">Afficher membres archivés</div>
<div class="col">
{% if Role.ShowArchivedMember %}
<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="col-md-2">Archiver membres</div>
<div class="col-md-10">
{% if Role.ArchiveMember %}
<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 align-items-center mb-3">
<div class="col-md-2 col-xl-3">Archiver membres</div>
<div class="col">
{% if Role.ArchiveMember %}
<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="col-md-2">Restaurer membres</div>
<div class="col-md-10">
{% if Role.RestoreMember %}
<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 align-items-center mb-3">
<div class="col-md-2 col-xl-3">Restaurer membres</div>
<div class="col">
{% if Role.RestoreMember %}
<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="col-md-2">Purger membres (suppression définitive)</div>
<div class="col-md-10">
{% if Role.PurgeMember %}
<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 align-items-center mb-3">
<div class="col-md-2 col-xl-3">Purger membres (suppression définitive)</div>
<div class="col">
{% if Role.PurgeMember %}
<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="col-md-2">Convertir membres en contacts</div>
<div class="col-md-10">
{% if Role.ConvertMemberToContact %}
<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 align-items-center">
<div class="col-md-2 col-xl-3">Convertir membres en contacts</div>
<div class="col">
{% if Role.ConvertMemberToContact %}
<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>
</div>
<div class="mt-4 mb-3">
<span class="h4"> Permissions contacts </span>
</div>
<div class="card">
<div class="card-header">
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="col-md-2">Afficher contacts</div>
<div class="col-md-10">
{% 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 align-items-center mb-3">
<div class="col-md-2 col-xl-3">Créer contacts</div>
<div class="col">
{% if Role.CreateContact %}
<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="col-md-2">Créer contacts</div>
<div class="col-md-10">
{% if Role.CreateContact %}
<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 align-items-center mb-3">
<div class="col-md-2 col-xl-3">Modifier contacts</div>
<div class="col">
{% if Role.EditContact %}
<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="col-md-2">Modifier contacts</div>
<div class="col-md-10">
{% if Role.EditContact %}
<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 align-items-center mb-3">
<div class="col-md-2 col-xl-3">Afficher contacts archivés</div>
<div class="col">
{% if Role.ShowArchivedContact %}
<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="col-md-2">Afficher contacts archivés</div>
<div class="col-md-10">
{% if Role.ShowArchivedContact %}
<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 align-items-center mb-3">
<div class="col-md-2 col-xl-3">Archiver contacts</div>
<div class="col">
{% if Role.ArchiveContact %}
<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="col-md-2">Archiver contacts</div>
<div class="col-md-10">
{% if Role.ArchiveContact %}
<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 align-items-center mb-3">
<div class="col-md-2 col-xl-3">Restaurer contacts</div>
<div class="col">
{% if Role.RestoreContact %}
<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="col-md-2">Restaurer contacts</div>
<div class="col-md-10">
{% if Role.RestoreContact %}
<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 align-items-center mb-3">
<div class="col-md-2 col-xl-3">Purger contacts (suppression définitive)</div>
<div class="col">
{% if Role.PurgeContact %}
<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="col-md-2">Purger contacts (suppression définitive)</div>
<div class="col-md-10">
{% if Role.PurgeContact %}
<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 align-items-center">
<div class="col-md-2 col-xl-3">Convertir contacts en membres</div>
<div class="col">
{% if Role.ConvertContactToMember %}
<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>
</div>
<div class="row mb-3">
<div class="col-md-2">Convertir contacts en membres</div>
<div class="col-md-10">
{% if Role.ConvertContactToMember %}
<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="my-4 row">
<div class="col-6">
<a
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 class="my-4 row align-items-center">
<div class="col-6">
<a
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>
<div id="modal-delete" class="modal" tabindex="-1">
<div class="modal-dialog modal-dialog-centered">