From cee74731d838c19c9827cfb37fa15192bce8eea8 Mon Sep 17 00:00:00 2001
From: hellodeloo <hello@hellodeloo.com>
Date: Tue, 12 Sep 2023 11:53:30 +0200
Subject: [PATCH] feat: update classes that no longer exist

---
 .../static/stylesheets/itou_communaute.scss   |  1 +
 .../partials/topic_detail_actions.html        |  2 +-
 .../forum_member/moderator_profiles.html      | 34 +++++++++-------
 .../templates/forum_member/profiles.html      | 40 ++++++++++---------
 .../partials/header_nav_primary_items.html    |  8 ++--
 5 files changed, 47 insertions(+), 38 deletions(-)

diff --git a/lacommunaute/static/stylesheets/itou_communaute.scss b/lacommunaute/static/stylesheets/itou_communaute.scss
index 4d15f64b3..434e094fe 100644
--- a/lacommunaute/static/stylesheets/itou_communaute.scss
+++ b/lacommunaute/static/stylesheets/itou_communaute.scss
@@ -159,6 +159,7 @@ span.highlighted {
     border-bottom-left-radius: 50rem !important;
   }
 
+  .input-group-text,
   button {
     border-top-right-radius: 50rem !important;
     border-bottom-right-radius: 50rem !important;
diff --git a/lacommunaute/templates/forum_conversation/partials/topic_detail_actions.html b/lacommunaute/templates/forum_conversation/partials/topic_detail_actions.html
index 62e087b4a..295eff281 100644
--- a/lacommunaute/templates/forum_conversation/partials/topic_detail_actions.html
+++ b/lacommunaute/templates/forum_conversation/partials/topic_detail_actions.html
@@ -44,7 +44,7 @@
 {% endif %}
 
 {% if user_can_lock_topics and not topic.is_locked or user_can_move_topics or user_can_delete_topics %}
-    <button id="id_dropdown_moderation_menu_button" class="btn btn-outline-primary btn-ico-only btn-sm mb-2 mb-sm-0" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" aria-label="Plus d'actions">
+    <button id="id_dropdown_moderation_menu_button" class="btn btn-outline-primary btn-ico-only btn-sm mb-2 mb-sm-0" type="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" aria-label="Plus d'actions">
         <i class="ri-more-line" aria-hidden="true"></i>
     </button>
     <div class="dropdown-menu" aria-labelledby="id_dropdown_moderation_menu_button">
diff --git a/lacommunaute/templates/forum_member/moderator_profiles.html b/lacommunaute/templates/forum_member/moderator_profiles.html
index 450b0b4f1..6b5a59e16 100644
--- a/lacommunaute/templates/forum_member/moderator_profiles.html
+++ b/lacommunaute/templates/forum_member/moderator_profiles.html
@@ -20,23 +20,27 @@ <h2 class="h2">{{paginator.count}} membre{{ paginator.count|pluralizefr }}</h2>
         <div class="s-section__container container">
             <div class="s-section__row row">
                 <div class="s-section__col col-12">
-                    <div class="card-columns">
+                    <div class="row row-cols-1 row-cols-md-2 g-4">
                         {% for forum_profile in forum_profiles %}
-                            <div class="card">
-                                <div class="card-body">
-                                    <h3 class="h5 card-title">
-                                        <a href="{%url 'members:profile' username=forum_profile.user.username%}"
-                                            class="matomo-event"
-                                            data-matomo-category="engagement"
-                                            data-matomo-action="view"
-                                            data-matomo-option="member">
-                                            {{ forum_profile.user.get_full_name }}
-                                        </a>
-                                    </h3>
+                            <div class="col">
+                                <div class="card">
+                                    <div class="card-body">
+                                        <h3 class="h5 card-title">
+                                            <a href="{%url 'members:profile' username=forum_profile.user.username%}"
+                                                class="matomo-event"
+                                                data-matomo-category="engagement"
+                                                data-matomo-action="view"
+                                                data-matomo-option="member">
+                                                {{ forum_profile.user.get_full_name }}
+                                            </a>
+                                        </h3>
+                                    </div>
                                 </div>
                             </div>
                         {% empty %}
-                            <p>No body yet…</p>
+                            <div class="col">
+                                <p>No body yet…</p>
+                            </div>
                         {% endfor %}
                     </div>
                     <div class="row mt-5 mb-5">
@@ -52,9 +56,9 @@ <h3 class="h5 card-title">
                                 <label for="validationLink01">Lier pour inviter de nouveaux membres</label>
                                 <div class="input-group">
                                     <input type="text" class="form-control" name="validationLink01" value="{{ request.scheme }}://{{ request.META.HTTP_HOST }}{% url 'members:join_forum_form' forum.invitation_token %}" aria-describedby="basic-addon">
-                                    <div class="input-group-append">
+                                    <div class="input-group-text p-0">
                                         <button class="btn btn-link btn-ico" type="button" id="basic-addon" data-bs-clipboard="copy" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-trigger="manual" title="" data-bs-original-title="Lien copié!">
-                                            <i class="ri-file-copy-line ri-lg"></i>
+                                            <i class="ri-file-copy-line ri-lg" aria-hidden="true"></i>
                                             <span>Copier</span>
                                         </button>
                                     </div>
diff --git a/lacommunaute/templates/forum_member/profiles.html b/lacommunaute/templates/forum_member/profiles.html
index 06612c855..7e77f53cf 100644
--- a/lacommunaute/templates/forum_member/profiles.html
+++ b/lacommunaute/templates/forum_member/profiles.html
@@ -18,29 +18,33 @@ <h2 class="h2">Liste des membres de la communauté.</h2>
         <div class="s-section__container container">
             <div class="s-section__row row">
                 <div class="s-section__col col-12">
-                    <div class="card-columns">
+                    <div class="row row-cols-1 row-cols-md-2 g-4">
                         {% for forum_profile in forum_profiles %}
-                            <div class="card">
-                                {% if forum_profile.avatar %}
-                                    <img class="avatar" src="{{ forum_profile.avatar }}" class="card-img-top" alt="{{ forum_profile.user.get_full_name }}">
-                                {% endif %}
-                                <div class="card-body">
-                                    <h3 class="h5 card-title">
-                                        <a href="{%url 'members:profile' username=forum_profile.user.username%}"
-                                            class="matomo-event"
-                                            data-matomo-category="engagement"
-                                            data-matomo-action="view"
-                                            data-matomo-option="member">
-                                            {{ forum_profile.user.get_full_name }}
-                                        </a>
-                                    </h3>
-                                    {% if forum_profile.signature %}
-                                        <p class="card-text">{{ forum_profile.signature }}</p>
+                            <div class="col">
+                                <div class="card">
+                                    {% if forum_profile.avatar %}
+                                        <img class="avatar" src="{{ forum_profile.avatar }}" class="card-img-top" alt="{{ forum_profile.user.get_full_name }}">
                                     {% endif %}
+                                    <div class="card-body">
+                                        <h3 class="h5 card-title">
+                                            <a href="{%url 'members:profile' username=forum_profile.user.username%}"
+                                                class="matomo-event"
+                                                data-matomo-category="engagement"
+                                                data-matomo-action="view"
+                                                data-matomo-option="member">
+                                                {{ forum_profile.user.get_full_name }}
+                                            </a>
+                                        </h3>
+                                        {% if forum_profile.signature %}
+                                            <p class="card-text">{{ forum_profile.signature }}</p>
+                                        {% endif %}
+                                    </div>
                                 </div>
                             </div>
                         {% empty %}
-                            <p>No body yet…</p>
+                            <div class="col">
+                                <p>No body yet…</p>
+                            </div>
                         {% endfor %}
                     </div>
                 </div>
diff --git a/lacommunaute/templates/partials/header_nav_primary_items.html b/lacommunaute/templates/partials/header_nav_primary_items.html
index e3c5e42f8..bfc38df14 100644
--- a/lacommunaute/templates/partials/header_nav_primary_items.html
+++ b/lacommunaute/templates/partials/header_nav_primary_items.html
@@ -6,7 +6,7 @@
         <form class="mb-3 mb-xl-0 me-xl-2" action="{% url 'forum_search_extension:search' %}">
             <div class="input-group input-group-rounded-pill">
                 <input class="form-control" type="search" placeholder="{% trans "Search" %}" aria-label="{% trans "Search" %}" name="q">
-                <div class="input-group-append">
+                <div class="input-group-text p-0">
                     <button type="submit"
                         class="btn btn-link btn-ico matomo-event"
                         data-matomo-category="engagement"
@@ -28,9 +28,9 @@
                 <ul class="list-unstyled">
                     <li>
                         <div class="dropdown-item">
-                            <div class="media align-items-center">
-                                <span class="me-2"><i class="ri-user-line ri-2x"></i></span>
-                                <div class="media-body">
+                            <div class="d-flex align-items-center">
+                                <span class="flex-shrink-0"><i class="ri-user-line ri-2x"></i></span>
+                                <div class="flex-grow-1 ms-2">
                                     {% if user.get_username %}
                                         <span>{{ user|forum_member_display_name }}</span>
                                         <br>