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