fix(forum_conversation) script to hide showmoreposts button

gip-inclusion · Sep 20, 2023 · 3fc80ad · 3fc80ad
1 parent 21a7ede
commit 3fc80ad
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 12 deletions.
diff --git a/lacommunaute/templates/forum_conversation/partials/posts_list.html b/lacommunaute/templates/forum_conversation/partials/posts_list.html
@@ -38,7 +38,3 @@
     </div>
 </div>
 
-<script nonce="{{ request.csp_nonce }}">
-    document.getElementById(`collapseButtonPost{{topic.pk}}`).setAttribute('aria-expanded', 'false');
-    document.getElementById(`showmoreposts-button{{topic.pk}}`).className = 'd-none';
-</script>
diff --git a/lacommunaute/templates/forum_conversation/partials/topic_detail_actions.html b/lacommunaute/templates/forum_conversation/partials/topic_detail_actions.html
@@ -22,11 +22,10 @@
        id="showmoreposts-button{{topic.pk}}"
        hx-target="#showmorepostsarea{{topic.pk}}"
        hx-swap="outerHTML"
-       class="btn btn-secondary btn-sm btn-ico matomo-event justify-content-center w-100 w-sm-auto me-sm-1 mb-2 mb-sm-0"
+       class="btn btn-secondary btn-sm btn-ico matomo-event justify-content-center w-100 w-sm-auto me-sm-1 mb-2 mb-sm-0 showmoreposts-button"
        data-matomo-category="engagement"
        data-matomo-action="showmore"
        data-matomo-option="post"
-       onclick=DisabledMe("showmoreposts-button{{topic.pk}}")
        aria-label="{% trans "Show me the comment" %}"
        role="button"
     >
@@ -66,9 +65,4 @@
 {% endif %}
 
 
-<script nonce="{{ request.csp_nonce }}">
-    var showmorepostsButtons = document.querySelectorAll('.showmoreposts-button')
-    showmorepostsButtons.forEach((button) => button.addEventListener('click', function () {
-        button.classList.add('disabled');
-    }));
-</script>
+
diff --git a/lacommunaute/templates/forum_conversation/topic_list.html b/lacommunaute/templates/forum_conversation/topic_list.html
@@ -136,3 +136,11 @@
         {% endif %}
     {% endif %}
 </div>
+
+
+<script nonce="{{ request.csp_nonce }}">
+    var showmorepostsButtons = document.querySelectorAll('.showmoreposts-button')
+    showmorepostsButtons.forEach((button) => button.addEventListener('click', function () {
+        button.classList.add('d-none');
+    }));
+</script>