Avoid inline scripting for onclick handler (sympa-community#1122)

ikedas · Mar 8, 2023 · 3526a3f · 3526a3f
1 parent 9ffeea9
commit 3526a3f
Show file tree

Hide file tree

Showing 4 changed files with 51 additions and 28 deletions.
diff --git a/default/web_tt2/compose_mail.tt2 b/default/web_tt2/compose_mail.tt2
@@ -14,8 +14,12 @@
             <input type="hidden" name="html_news_letter" value="[% subaction %]" />
         [% END %]
         <input type="hidden" name="action" value="send_mail"/>
-        <input class="MainMenuLinks" type="submit" name="sub_action_sendmailtolist" value="[%|loc%]Send to list[%END%]" [%- IF topic_required -%] onclick="return checkbox_check_topic(compose_mail)" [% END %]/>
-        <input class="MainMenuLinks" type="submit" name="sub_action_sendmailtome" value="[%|loc%]Send to me[%END%]" [%- IF topic_required -%] onclick="return checkbox_check_topic(compose_mail)" [% END %]/>
+        <input class="MainMenuLinks[%IF topic_required%] topicChecked[%END%]"
+         type="submit"
+         name="sub_action_sendmailtolist" value="[%|loc%]Send to list[%END%]" />
+        <input class="MainMenuLinks[%IF topic_required%] topicChecked[%END%]"
+         type="submit"
+         name="sub_action_sendmailtome" value="[%|loc%]Send to me[%END%]" />
         <br />
 
         <input type="hidden" name="in_reply_to" value="[% in_reply_to %]" />

diff --git a/default/web_tt2/request_topic.tt2 b/default/web_tt2/request_topic.tt2
@@ -15,8 +15,9 @@
         [% END %]
         <br />
         [%- IF topic_required -%]
-            <input class="MainMenuLinks" type="submit" name="action_tag_topic_by_sender" value="[%|loc%]Tag this mail[%END%]"
-                   onclick="return checkbox_check_topic(select_topic_msg)" />
+            <input class="MainMenuLinks topicChecked" type="submit"
+             name="action_tag_topic_by_sender"
+             value="[%|loc%]Tag this mail[%END%]" />
         [%- ELSE -%]
             <input class="MainMenuLinks" type="submit" name="action_tag_topic_by_sender" value="[%|loc%]Tag this mail[%END%]" />
         [%- END -%]

diff --git a/default/web_tt2/viewmod.tt2 b/default/web_tt2/viewmod.tt2
@@ -13,12 +13,14 @@
             </button>&nbsp;
         </p>
         <p>
-            <button class="action" type="submit" name="action_reject"
-                    value="[%|loc%]Reject[%END%]" data-tooltip
-                    [% IF msg.value.spam_status == 'spam' ~%]
-                        onclick="return check_reject_spam(reject_mail,'warningSpam')" aria-haspopup="true"
-                    [%~ END %]
-                    title="[%|loc%]Reject[%END%]">
+            <button class="action
+             [%~IF msg.value.spam_status == 'spam'%] checkRejectSpam[%END%]"
+             type="submit" name="action_reject"
+             value="[%|loc%]Reject[%END%]" data-tooltip
+             [%IF msg.value.spam_status == 'spam' ~%]
+                aria-haspopup="true"
+             [% END ~%]
+             title="[%|loc%]Reject[%END%]">
                 <i class="fa fa-trash fa-lg"></i> [%|loc%]Reject[%END%]
             </button>
             <select name="message_template">

diff --git a/www/js/sympa.js b/www/js/sympa.js
@@ -5,8 +5,8 @@
 # Copyright (c) 1997, 1998, 1999, 2000, 2001, 2002, 2003, 2004, 2005,
 # 2006, 2007, 2008, 2009, 2010, 2011 Comite Reseau des Universites
 # Copyright (c) 2011, 2012, 2013, 2014, 2015, 2016, 2017 GIP RENATER
-# Copyright 2017, 2018 The Sympa Community. See the AUTHORS.md file at the
-# top-level directory of this distribution and at
+# Copyright 2017, 2018, 2019, 2023 The Sympa Community. See the
+# AUTHORS.md file at the top-level directory of this distribution and at
 # <https://github.com/sympa-community/sympa.git>.
 #
 # This program is free software; you can redistribute it and/or modify
@@ -72,11 +72,13 @@ $(function() {
 });
 
 /*
- * No longer used as of 6.2.17, however, can be included in older archives.
+ * No longer used, however, can be included in older archives.
  */
 function isNotEmpty(i) { return true; }
 function request_confirm(m) { return true; }
 function toggle_selection(myfield) { return false; }
+function checkbox_check_topic(f) { return true; }
+function check_reject_spam(f, w) { return true; }
 
 /* Toggle selection. */
 /* Fields included in .toggleContainer and specified by data-selector
@@ -102,23 +104,37 @@ $(function() {
     });
 });
 
-// check if rejecting quietly spams TODO
-function check_reject_spam(form,warningId) {
-	if(form.elements['iConfirm'].checked) return true;
-
-	if(form.elements['message_template'].options[form.elements['message_template'].selectedIndex].value ==  'reject_quiet') return true;
-
-	$('#' + warningId).show();
-	return false;
-}
+// check if rejecting quietly spams
+$(function() {
+    $('.checkRejectSpam').on('click', function() {
+        var form = $(this).parents('form');
+
+        if (form.elements['iConfirm'].checked)
+            return true;
+        if (form.elements['message_template']
+            .options[form.elements['message_template'].selectedIndex]
+            .value == 'reject_quiet')
+            return true;
+
+        $('#warningSpam').show();
+        return false;
+    });
+});
 
 // To check at least one checkbox checked
-function checkbox_check_topic(form, warningId) {
-	if($(form).find('input[name^="topic_"]:checked').length) return true;
-
-	$('#' + warningId).show();
-	return false;
-}
+$(function() {
+    $('.topicChecked').each(
+        function () {
+            var form = $(this).parents('form');
+            $(this).on('click', function() {
+                if (form.find('input[name^="topic_"]:checked').length)
+                    return true;
+                return false;
+            });
+            return true;
+        }
+    );
+});
 
 /* Add a button to reset all fields in log form. */
 $(function() {