From 996964412969870007316fb42a97d8c6eb067e53 Mon Sep 17 00:00:00 2001
From: Gabriel Augendre <gabriel@augendre.info>
Date: Sun, 30 Oct 2022 23:11:59 +0100
Subject: [PATCH] Fix HTML

---
 src/character/templates/character/view.html | 301 ++++++++++----------
 1 file changed, 152 insertions(+), 149 deletions(-)

diff --git a/src/character/templates/character/view.html b/src/character/templates/character/view.html
index bee8919..f56f909 100644
--- a/src/character/templates/character/view.html
+++ b/src/character/templates/character/view.html
@@ -16,7 +16,7 @@
         {{ character.get_gender_display }}, {{ character.age }} ans, {{ character.height_m }}m, {{ character.weight }}kg (IMC: {{ character.imc }})
     </p>
     <div class="row">
-        <div class="col-sm-6 col-md">
+        <div class="col-sm-6 col-lg-6 col-xl">
             <table class="table table-hover table-sm">
                 <thead>
                     <tr>
@@ -59,7 +59,7 @@
                 </tbody>
             </table>
         </div>
-        <div class="col-sm-6 col-md">
+        <div class="col-sm-6 col-lg-6 col-xl">
             <table class="table table-hover table-sm">
                 <thead>
                     <tr><th scope="col" colspan="2">Combat</th></tr>
@@ -108,7 +108,7 @@
                 </tbody>
             </table>
         </div>
-        <div class="col-sm-6 col-md">
+        <div class="col-sm-12 col-md-8 col-lg-6 col-xl">
             <table class="table table-hover table-sm">
                 <thead>
                     <tr><th scope="col" colspan="2">Énergie</th></tr>
@@ -116,7 +116,7 @@
                 <tbody class="table-group-divider">
                     <tr>
                         <th scope="row">
-                            PV
+                            Points de vie
                             <div class="btn-group btn-group-sm float-end" role="group">
                                 <button
                                     hx-get="{% url "character:health_change" pk=character.pk %}?value=ko"
@@ -148,7 +148,7 @@
                     </tr>
                     <tr>
                         <th scope="row">
-                            PM
+                            Points de mana
                             <div class="btn-group btn-group-sm float-end" role="group">
                                 <button
                                     hx-get="{% url "character:mana_change" pk=character.pk %}?value=ko"
@@ -182,155 +182,158 @@
                                 data-bs-title="{{ character.level }} (niveau) + {{ character.modifier_magic }} (mod. {{ character.profile.magical_strength }})"
                             {% elif character.profile.mana_max_compute == 2 %}
                                 data-bs-title="2 x {{ character.level }} (niveau) + {{ character.modifier_magic }} (mod. {{ character.profile.magical_strength }})"
-                            {% endif %}>
+                            {% endif %}
+                        >
                             <span id="mana-remaining">{{ character.mana_remaining }}</span> / {{ character.mana_max }}
                         </td>
+                    </tr>
+                    <tr>
+                        <th scope="row">
+                            Points de récup.
+                            <div class="btn-group btn-group-sm float-end" role="group">
+                                <button
+                                    type="button"
+                                    disabled
+                                    class="btn btn-outline-secondary"><i class="fa-solid fa-battery-empty"></i></button>
+                                <button
+                                    hx-get="{% url "character:recovery_points_change" pk=character.pk %}?value=-1"
+                                    hx-target="#recovery-points-remaining"
+                                    hx-swap="innerHTML"
+                                    type="button"
+                                    class="btn btn-danger"><i class="fa-solid fa-minus"></i></button>
+                                <button
+                                    hx-get="{% url "character:recovery_points_change" pk=character.pk %}?value=1"
+                                    hx-target="#recovery-points-remaining"
+                                    hx-swap="innerHTML"
+                                    type="button"
+                                    class="btn btn-success"><i class="fa-solid fa-plus"></i></button>
+                                <button
+                                    type="button"
+                                    disabled
+                                    class="btn btn-outline-secondary"><i class="fa-solid fa-battery-full"></i></button>
+                            </div>
+                        </th>
+                        <td>
+                            <span id="recovery-points-remaining">{{ character.recovery_points_remaining }}</span> / {{ character.recovery_points_max }}</td>
+                    </tr>
+                    <tr>
+                        <th scope="row">
+                            Points de chance
+                            <div class="btn-group btn-group-sm float-end" role="group">
+                                <button
+                                    type="button"
+                                    disabled
+                                    class="btn btn-outline-secondary"><i class="fa-solid fa-battery-empty"></i></button>
+                                <button
+                                    hx-get="{% url "character:luck_points_change" pk=character.pk %}?value=-1"
+                                    hx-target="#luck-points-remaining"
+                                    hx-swap="innerHTML"
+                                    type="button"
+                                    class="btn btn-danger"><i class="fa-solid fa-minus"></i></button>
+                                <button
+                                    hx-get="{% url "character:luck_points_change" pk=character.pk %}?value=1"
+                                    hx-target="#luck-points-remaining"
+                                    hx-swap="innerHTML"
+                                    type="button"
+                                    class="btn btn-success"><i class="fa-solid fa-plus"></i></button>
+                                <button
+                                    hx-get="{% url "character:luck_points_change" pk=character.pk %}?value=max"
+                                    hx-target="#luck-points-remaining"
+                                    hx-swap="innerHTML"
+                                    type="button"
+                                    class="btn btn-outline-success"><i class="fa-solid fa-battery-full"></i></button>
+                            </div>
+                        </th>
+                        <td data-bs-toggle="tooltip"
+                            data-bs-placement="left"
+                            data-bs-title="[1 dé de vie + {{ character.modifier_constitution|add:character.level }}] PV">
+                            <span id="luck-points-remaining">{{ character.luck_points_remaining }}</span> / {{ character.luck_points_max }}
+                        </td>
+                    </tr>
+                </tbody>
+            </table>
+        </div>
+    </div>
+    <div class="row">
+        <div class="col-md-4 mb-3">
+            <div class="card">
+                <h5 class="card-header">{{ character.racial_capability.name }}</h5>
+                <div class="card-body">
+                    <p class="card-text">{{ character.racial_capability.description|capfirst }}</p>
+                </div>
+            </div>
+        </div>
+        <div class="col-md-8">
+            <table class="table table-hover table-sm">
+                <thead>
+                    <tr>
+                        <th scope="col">Arme</th>
+                        <th scope="col">Attaque</th>
+                        <th scope="col">DM</th>
+                        <th scope="col">Spécial</th>
+                    </tr>
+                </thead>
+                <tbody class="table-group-divider">
+                    {% for weapon in character.weapons.all %}
                         <tr>
-                            <th scope="row">
-                                PR
-                                <div class="btn-group btn-group-sm float-end" role="group">
-                                    <button
-                                        type="button"
-                                        disabled
-                                        class="btn btn-outline-secondary"><i class="fa-solid fa-battery-empty"></i></button>
-                                    <button
-                                        hx-get="{% url "character:recovery_points_change" pk=character.pk %}?value=-1"
-                                        hx-target="#recovery-points-remaining"
-                                        hx-swap="innerHTML"
-                                        type="button"
-                                        class="btn btn-danger"><i class="fa-solid fa-minus"></i></button>
-                                    <button
-                                        hx-get="{% url "character:recovery_points_change" pk=character.pk %}?value=1"
-                                        hx-target="#recovery-points-remaining"
-                                        hx-swap="innerHTML"
-                                        type="button"
-                                        class="btn btn-success"><i class="fa-solid fa-plus"></i></button>
-                                    <button
-                                        type="button"
-                                        disabled
-                                        class="btn btn-outline-secondary"><i class="fa-solid fa-battery-full"></i></button>
-                                </div>
-                            </th>
-                            <td>
-                                <span id="recovery-points-remaining">{{ character.recovery_points_remaining }}</span> / {{ character.recovery_points_max }}</td>
-                            <tr>
-                                <th scope="row">
-                                    PC
-                                    <div class="btn-group btn-group-sm float-end" role="group">
-                                        <button
-                                            type="button"
-                                            disabled
-                                            class="btn btn-outline-secondary"><i class="fa-solid fa-battery-empty"></i></button>
-                                        <button
-                                            hx-get="{% url "character:luck_points_change" pk=character.pk %}?value=-1"
-                                            hx-target="#luck-points-remaining"
-                                            hx-swap="innerHTML"
-                                            type="button"
-                                            class="btn btn-danger"><i class="fa-solid fa-minus"></i></button>
-                                        <button
-                                            hx-get="{% url "character:luck_points_change" pk=character.pk %}?value=1"
-                                            hx-target="#luck-points-remaining"
-                                            hx-swap="innerHTML"
-                                            type="button"
-                                            class="btn btn-success"><i class="fa-solid fa-plus"></i></button>
-                                        <button
-                                            hx-get="{% url "character:luck_points_change" pk=character.pk %}?value=max"
-                                            hx-target="#luck-points-remaining"
-                                            hx-swap="innerHTML"
-                                            type="button"
-                                            class="btn btn-outline-success"><i class="fa-solid fa-battery-full"></i></button>
-                                    </div>
-                                </th>
-                                <td data-bs-toggle="tooltip"
-                                    data-bs-placement="left"
-                                    data-bs-title="[1 dé de vie + {{ character.modifier_constitution|add:character.level }}] PV">
-                                    <span id="luck-points-remaining">{{ character.luck_points_remaining }}</span> / {{ character.luck_points_max }}
-                                </td>
-                            </tr>
-                        </tbody>
-                    </table>
+                            <th scope="row">{{ weapon.name }}</th>
+                            <td>1D20 +</td>
+                            <td>{{ weapon.damage }}</td>
+                            <td>{{ weapon.special }}</td>
+                        </tr>
+                    {% empty %}
+                        <tr>
+                            <td colspan="4">Aucune arme</td>
+                        </tr>
+                    {% endfor %}
+                </tbody>
+            </table>
+        </div>
+    </div>
+    <div class="row">
+        <div class="col">
+            <div class="card">
+                <h5 class="card-header">Équipement</h5>
+                <div class="card-body" id="equipment">
+                    {% include "character/equipment_display.html" %}
+                </div>
+                <div class="card-footer">
+                    {{ character.money_pp }} pp,
+                    {{ character.money_po }} po,
+                    {{ character.money_pa }} pa,
+                    {{ character.money_pc }} pc
                 </div>
             </div>
-            <div class="row">
-                <div class="col-md-4 mb-3">
-                    <div class="card">
-                        <h5 class="card-header">{{ character.racial_capability.name }}</h5>
-                        <div class="card-body">
-                            <p class="card-text">{{ character.racial_capability.description|capfirst }}</p>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-md-8">
-                    <table class="table table-hover table-sm">
-                        <thead>
-                            <tr>
-                                <th scope="col">Arme</th>
-                                <th scope="col">Attaque</th>
-                                <th scope="col">DM</th>
-                                <th scope="col">Spécial</th>
-                            </tr>
-                        </thead>
-                        <tbody class="table-group-divider">
-                            {% for weapon in character.weapons.all %}
-                                <tr>
-                                    <th scope="row">{{ weapon.name }}</th>
-                                    <td>1D20 +</td>
-                                    <td>{{ weapon.damage }}</td>
-                                    <td>{{ weapon.special }}</td>
-                                </tr>
-                            {% empty %}
-                                <tr>
-                                    <td colspan="4">Aucune arme</td>
-                                </tr>
-                            {% endfor %}
-                        </tbody>
-                    </table>
+        </div>
+    </div>
+    <h4 class="mt-3">Voies & Capacités</h4>
+    <div class="row gy-3">
+        {% for path, capabilities in character.get_capabilities_by_path.items %}
+            <div class="col-xl-3 col-md-6">
+                <div class="card">
+                    <h5 class="card-header">{{ path.display_name }}</h5>
+                    {% if path.notes %}
+                        <div class="card-body text-bg-light">{{ path.notes }}</div>
+                    {% endif %}
+                    <ul class="list-group list-group-flush">
+                        {% for capability in capabilities %}
+                            <li class="list-group-item">
+                                <strong>
+                                    {{ capability.rank }}.
+                                    {{ capability.name }}
+                                    {% if capability.spell %}<i class="fa-solid fa-hand-sparkles"></i>{% endif %}
+                                    {% if capability.limited %}<i class="fa-solid fa-handcuffs"></i>{% endif %}
+                                </strong><br>
+                                {{ capability.description }}
+                            </li>
+                        {% endfor %}
+                    </ul>
                 </div>
             </div>
-            <div class="row">
-                <div class="col">
-                    <div class="card">
-                        <h5 class="card-header">Équipement</h5>
-                        <div class="card-body" id="equipment">
-                            {% include "character/equipment_display.html" %}
-                        </div>
-                        <div class="card-footer">
-                            {{ character.money_pp }} pp,
-                            {{ character.money_po }} po,
-                            {{ character.money_pa }} pa,
-                            {{ character.money_pc }} pc
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <h4 class="mt-3">Voies & Capacités</h4>
-            <div class="row gy-3">
-                {% for path, capabilities in character.get_capabilities_by_path.items %}
-                    <div class="col-xl-3 col-md-6">
-                        <div class="card">
-                            <h5 class="card-header">{{ path.display_name }}</h5>
-                            {% if path.notes %}
-                                <div class="card-body text-bg-light">{{ path.notes }}</div>
-                            {% endif %}
-                            <ul class="list-group list-group-flush">
-                                {% for capability in capabilities %}
-                                    <li class="list-group-item">
-                                        <strong>
-                                            {{ capability.rank }}.
-                                            {{ capability.name }}
-                                            {% if capability.spell %}<i class="fa-solid fa-hand-sparkles"></i>{% endif %}
-                                            {% if capability.limited %}<i class="fa-solid fa-handcuffs"></i>{% endif %}
-                                        </strong><br>
-                                        {{ capability.description }}
-                                    </li>
-                                {% endfor %}
-                            </ul>
-                        </div>
-                    </div>
-                {% endfor %}
-            </div>
-            <h4 class="mt-3">Notes</h4>
-            <div class="row" id="notes">
-                {% include "character/notes_display.html" %}
-            </div>
+        {% endfor %}
+    </div>
+    <h4 class="mt-3">Notes</h4>
+    <div class="row" id="notes">
+        {% include "character/notes_display.html" %}
+    </div>
 {% endblock %}