Use a checkbox and CSS to show info messages instead of JavaScript

This works in browsers where users have disabled JavaScript,
such as the Tor Browser in the Security Level called Safest.

Obsoletes: https://salsa.debian.org/debbugs-team/debbugs/-/merge_requests/9

diff --git a/html/bugs.css b/html/bugs.css
index 1fb01986dae2e2565acb8571555cb896204cb5a0..6ef12d6d2acd4bfb0dac4f45d687ddfd40b1c706 100644 (file)
--- a/html/bugs.css
+++ b/html/bugs.css
@@ -170,6 +170,11 @@ pre.mime {
     color: #797979;
 }
 
+/* Show info messages when uselessmessages is checked */
+#uselessmessages:checked ~ .infmessage {
+    display: block;
+}
+
 /* This must be separate from the other CSS to make the showing of
    unimportant messages work in bugreport.cgi. */ 
 .infmessage { display: none; }

diff --git a/templates/en_US/cgi/bugreport.tmpl b/templates/en_US/cgi/bugreport.tmpl
index c07650985f91f17db324c644aec1ceeb144f8b6b..829f989ae4a99d0ea2a2b1a607ea58f3aa7622ae 100644 (file)
--- a/templates/en_US/cgi/bugreport.tmpl
+++ b/templates/en_US/cgi/bugreport.tmpl
@@ -33,7 +33,7 @@ function toggle_infmessages()
           qq(or <a href="mailto:$bug_num-subscribe\@$config{email_domain}">subscribe</a> ).
               qq(to this bug.</p>\n);
      }
-     $output .=  qq(<p><a href="javascript:toggle_infmessages();">Toggle useless messages</a></p>);
+     $output .=  qq(<p><input id="uselessmesages" type="checkbox"><label for="uselessmessages">Display info messages</label></p>);
      $output .= sprintf qq(<div class="msgreceived"><p>View this report as an <a href="%s">mbox folder</a>, ).
          qq(<a href="%s">status mbox</a>, <a href="%s">maintainer mbox</a></p></div>\n),
               html_escape(bug_links(bug=>$bug_num, links_only=>1,options=>{mbox=>'yes'})),