added some javascript

assets/js/bootstrap.js

@@ -2112,3 +2112,8 @@ if (typeof jQuery === 'undefined') { throw new Error('Bootstrap\'s JavaScript re
   })
 
 }(jQuery);
+function a(b){
+  var c = document.getElementById("recent-count");
+  var d = document.getElementById("recent-btn");
+  c.disabled = d.disabled = b;
+}

views/settings.html

@@ -19,15 +19,14 @@
       </div>
       <div class="checkbox">
         <label>
-          <input id="recent_check" type="checkbox"> Showing Recent Answers
+          <input id="recent_check" type="checkbox" onchange="a(!this.checked)"> Showing Recent Answers
         </label>
       </div>
-      <!-- TODO: Javascript disabling this form if above checkbox is unchecked -->
       <div class="form-group">
         <label for="recent">Recent Answers</label>
-        <input type="number" class="form-control" id="recent_count" value="5" disabled>
+        <input type="number" class="form-control" id="recent-count" name="recent_count" value="5">
       </div>
-      <button type="submit" class="btn btn-default">Submit</button>
+      <button type="submit" class="btn btn-default" id="recent-btn">Submit</button>
     </form>
     <hr/>
     <form role="form">