issuegen.pl sync with bikeshed

kojiishi · kojiishi · commit 8897f99b12ed · 2014-06-27T14:23:13.000+09:00
diff --git a/bin/issuegen.pl b/bin/issuegen.pl
@@ -62,7 +62,7 @@
   s/</&lt;/g;
 
   # Issue number
-  s/Issue (\d+)\./Issue \1. <a href="#issue-\1">#<\/a>/;
+  s/Issue (\d+)\./Issue \1. <a href='#issue-\1'>#<\/a>/;
   $index = $1;
 
   # Color coding
@@ -80,11 +80,13 @@
 
   # And print it
   print OUT "<pre class='$code' id='issue-$index'>\n";
-  s/(http\S+)/<a href="\1">\1<\/a>/g;
+  s/(http\S+)/<a href='\1'>\1<\/a>/g;
   print OUT;
   print OUT "</pre>\n";
 }
 
+&script;
+
 sub header {
   # Read header
   local $_ = <IN>;
@@ -107,7 +109,8 @@ sub header {
 
   # Print it all out
   print OUT <<XXX;
-<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<!DOCTYPE html>
+<meta charset="utf-8">
 <title>$title Disposition of Comments for $date $status</title>
 <style type="text/css">
   .a  { background: lightgreen }
@@ -141,3 +144,30 @@ sub header {
 <code>Verified</code> indicates commentor's acceptance of the response.</p>
 XXX
 }
+
+sub script {
+	print OUT <<XXX;
+<script>
+(function () {
+	var sheet = document.styleSheets[0];
+	function addCheckbox(className) {
+		var element = document.querySelector('*.' + className);
+		var span = document.createElement('span');
+		span.innerHTML = element.innerHTML;
+		element.innerHTML = null;
+		var check = document.createElement('input');
+		check.type = 'checkbox';
+		check.checked = true;
+		sheet.addRule('pre.' + className, '');
+		var rule = sheet.rules[sheet.rules.length - 1];
+		check.onchange = function (e) {
+			rule.style.display = this.checked ? 'block' : 'none';
+		}
+		element.appendChild(check);
+		element.appendChild(span);
+	}
+	['a', 'd', 'fo', 'oi', 'r', 'open'].forEach(addCheckbox);
+}());
+</script>
+XXX
+}
