Ajouter la copie du permalien dans le menu dropdown des messages

Migwel · May 26, 2023 · a5a1707 · a5a1707
1 parent 445eb9d
commit a5a1707
Show file tree

Hide file tree

Showing 3 changed files with 60 additions and 44 deletions.
diff --git a/assets/js/ajax-actions.js b/assets/js/ajax-actions.js
@@ -320,48 +320,4 @@
       editor.focus()
     }
   })
-
-  /*
-     * Mark a message useful
-     */
-  $('.topic-message').on('click', "[data-ajax-input='mark-message-as-useful']", function(e) {
-    const $button = $(this)
-    const $form = $button.parents('form:first')
-    const $message = $form.parents('article')
-    const $usefulText = $message.find("[data-ajax-output='mark-message-as-useful']")
-    const csrfmiddlewaretoken = $form.find('input[name=csrfmiddlewaretoken]').val()
-
-    const $desktopText = $button.find('.desktop')
-    const $mobileText = $button.find('.until-desktop')
-
-    $.ajax({
-      url: $form.attr('action'),
-      type: 'POST',
-      data: {
-        csrfmiddlewaretoken: csrfmiddlewaretoken
-      },
-      success: function() {
-        $message.toggleClass('helpful')
-        $usefulText.toggleClass('hidden')
-        $button.blur()
-
-        // Toggle both mobile and desktop texts
-        if ($desktopText.length !== 0 && $mobileText.length !== 0) {
-          const currentDesktopText = $desktopText.text()
-          const currentMobileText = $mobileText.text()
-
-          $desktopText.text($button.data('content-on-click'))
-          $mobileText.text($button.data('content-on-click-mobile'))
-
-          $button.data('content-on-click', currentDesktopText)
-          $button.data('content-on-click-mobile', currentMobileText)
-        } else {
-          $button.toggleText('content-on-click')
-        }
-      }
-    })
-
-    e.stopPropagation()
-    e.preventDefault()
-  })
 })(jQuery)
diff --git a/assets/js/topic-message.js b/assets/js/topic-message.js
@@ -0,0 +1,52 @@
+(function() {
+  'use strict'
+
+  $('.topic-message').on('click', "[data-ajax-input='copy-hyperlink']", function(e) {
+    e.stopPropagation()
+    e.preventDefault()
+    navigator.clipboard.writeText($(this).attr("data-message-url"));
+    const dropdown = e.target.closest(".dropdown")
+    dropdown.removeAttribute('open')
+  })
+
+  $('.topic-message').on('click', "[data-ajax-input='mark-message-as-useful']", function(e) {
+    const $button = $(this)
+    const $form = $button.parents('form:first')
+    const $message = $form.parents('article')
+    const $usefulText = $message.find("[data-ajax-output='mark-message-as-useful']")
+    const csrfmiddlewaretoken = $form.find('input[name=csrfmiddlewaretoken]').val()
+
+    const $desktopText = $button.find('.desktop')
+    const $mobileText = $button.find('.until-desktop')
+
+    $.ajax({
+      url: $form.attr('action'),
+      type: 'POST',
+      data: {
+        csrfmiddlewaretoken: csrfmiddlewaretoken
+      },
+      success: function() {
+        $message.toggleClass('helpful')
+        $usefulText.toggleClass('hidden')
+        $button.blur()
+
+        // Toggle both mobile and desktop texts
+        if ($desktopText.length !== 0 && $mobileText.length !== 0) {
+          const currentDesktopText = $desktopText.text()
+          const currentMobileText = $mobileText.text()
+
+          $desktopText.text($button.data('content-on-click'))
+          $mobileText.text($button.data('content-on-click-mobile'))
+
+          $button.data('content-on-click', currentDesktopText)
+          $button.data('content-on-click-mobile', currentMobileText)
+        } else {
+          $button.toggleText('content-on-click')
+        }
+      }
+    })
+
+    e.stopPropagation()
+    e.preventDefault()
+  })
+})(jQuery)
diff --git a/templates/misc/message.part.html b/templates/misc/message.part.html
@@ -142,6 +142,14 @@
                                 </li>
                             {% endif %}
 
+                            {% if not is_mp %}
+                                <li>
+                                    <a data-ajax-input="copy-hyperlink" data-message-url="{{ request.build_absolute_uri }}#p{{ message.pk }}" class="ico-after import">
+                                        <span>{% trans "Copier le permalien" %}</span>
+                                    </a>
+                                </li>
+                            {% endif %}
+
                             {% if not is_mp %}
                                 <li>
                                     <a href="#signal-message-{{ message.id }}" class="ico-after alert open-modal">