Add completion counter

Kwpolska · Kwpolska · commit bc71e99b2d1b · 2015-10-08T17:56:57.000+02:00
Signed-off-by: Chris Warrick &lt;kwpolska@gmail.com&gt;
diff --git a/checklist.html b/checklist.html
@@ -19,6 +19,22 @@
   -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
           box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
 }
+
+#counter {
+    position: fixed;
+    top: 5px;
+    right: 5px;
+    padding: 5px;
+    border: 1px solid #ddd;
+    font-size: 2em;
+    transition: all 1s;
+}
+
+#counter.complete {
+    color: green;
+    border-color: #bdb;
+    background: #dfd;
+}
     </style>
     <!--[if lt IE 9]>
       <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
@@ -27,7 +43,7 @@
   </head>
   <body>
     <div class="container">
-<h1>Nikola Release Checklist (v8/2015-09-04)</h1>
+<h1>Nikola Release Checklist (v9/2015-10-08)</h1>
 <h2>Requirements</h2>
 <p>In order to create a release, you need a bit of free time and a GPG setup. You could technically do without them (<code>git tag -am</code> + <code>twine upload</code> without <code>-s</code>), but it’s nicer if we have some confirmation it’s really you.</p>
 <h2>Housekeeping</h2>
@@ -103,5 +119,31 @@ <h2>Finishing up</h2>
     </div>
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
+    <script>
+    // Completed task counter
+    // by Chris Warrick -- JS code in public domain
+    var max = 0;
+    var inp;
+    $(document).ready(function() {
+        inp = $('input');
+        max = inp.length;
+        $('#total').text(max);
+    });
+    $('input').click(function() {
+        inp = $('input');
+        var count = 0;
+        for (var i = 0; i < inp.length; i++) {
+            if (inp[i].checked) {
+                count += 1;
+            }
+        }
+        $('#current').text(count);
+        if (count == max) {
+            $('#counter').addClass('complete');
+        } else {
+            $('#counter').removeClass('complete');
+        }
+    });
+    </script>
   </body>
 </html>
diff --git a/src/bootstrap-foot.html b/src/bootstrap-foot.html
@@ -1,5 +1,31 @@
     </div>
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
+    <script>
+    // Completed task counter
+    // by Chris Warrick -- JS code in public domain
+    var max = 0;
+    var inp;
+    $(document).ready(function() {
+        inp = $('input');
+        max = inp.length;
+        $('#total').text(max);
+    });
+    $('input').click(function() {
+        inp = $('input');
+        var count = 0;
+        for (var i = 0; i < inp.length; i++) {
+            if (inp[i].checked) {
+                count += 1;
+            }
+        }
+        $('#current').text(count);
+        if (count == max) {
+            $('#counter').addClass('complete');
+        } else {
+            $('#counter').removeClass('complete');
+        }
+    });
+    </script>
   </body>
 </html>
diff --git a/src/bootstrap-head.html b/src/bootstrap-head.html
@@ -19,6 +19,22 @@
   -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
           box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
 }
+
+#counter {
+    position: fixed;
+    top: 5px;
+    right: 5px;
+    padding: 5px;
+    border: 1px solid #ddd;
+    font-size: 2em;
+    transition: all 1s;
+}
+
+#counter.complete {
+    color: green;
+    border-color: #bdb;
+    background: #dfd;
+}
     </style>
     <!--[if lt IE 9]>
       <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
diff --git a/src/checklist.html b/src/checklist.html
@@ -1,4 +1,4 @@
-<h1>Nikola Release Checklist (v8/2015-09-04)</h1>
+<h1>Nikola Release Checklist (v9/2015-10-08)</h1>
 <h2>Requirements</h2>
 <p>In order to create a release, you need a bit of free time and a GPG setup. You could technically do without them (<code>git tag -am</code> + <code>twine upload</code> without <code>-s</code>), but it’s nicer if we have some confirmation it’s really you.</p>
 <h2>Housekeeping</h2>
diff --git a/src/checklist.md b/src/checklist.md
@@ -1,4 +1,4 @@
-# Nikola Release Checklist (v8/2015-09-04)
+# Nikola Release Checklist (v9/2015-10-08)
 
 ## Requirements
 

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-<h1>Nikola Release Checklist (v8/2015-09-04)</h1>`
	`1`	`+<h1>Nikola Release Checklist (v9/2015-10-08)</h1>`
`2`	`2`	`<h2>Requirements</h2>`
`3`	`3`	`<p>In order to create a release, you need a bit of free time and a GPG setup. You could technically do without them (<code>git tag -am</code> + <code>twine upload</code> without <code>-s</code>), but it’s nicer if we have some confirmation it’s really you.</p>`
`4`	`4`	`<h2>Housekeeping</h2>`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-# Nikola Release Checklist (v8/2015-09-04)`
	`1`	`+# Nikola Release Checklist (v9/2015-10-08)`
`2`	`2`
`3`	`3`	`## Requirements`
`4`	`4`