From eedce1911a4e95daa5e9e3d1bdf1470cc9916b84 Mon Sep 17 00:00:00 2001
From: Jeremy Melnyk <jeremyjm91@gmail.com>
Date: Fri, 27 Oct 2017 20:04:48 -0400
Subject: [PATCH] Change button to checkbox #15

Changed the buttons to be toggle checkboxes.
This is more intuitive than buttons, since 'allowMinors'
reflects state, and not an action.
---
 .../views/admin/settings/adminSettingsCtrl.js |  2 --
 app/client/views/admin/settings/settings.html | 21 ++++++++++++-------
 2 files changed, 14 insertions(+), 9 deletions(-)

diff --git a/app/client/views/admin/settings/adminSettingsCtrl.js b/app/client/views/admin/settings/adminSettingsCtrl.js
index 9e5b74e4c..c534ca89c 100644
--- a/app/client/views/admin/settings/adminSettingsCtrl.js
+++ b/app/client/views/admin/settings/adminSettingsCtrl.js
@@ -25,8 +25,6 @@ angular.module('reg')
       // Additional Options --------------------------------------
 
       $scope.updateAllowMinors = function () {
-        $scope.settings.allowMinors = !$scope.settings.allowMinors;
-
         SettingsService
           .updateAllowMinors($scope.settings.allowMinors)
           .success(function (data) {
diff --git a/app/client/views/admin/settings/settings.html b/app/client/views/admin/settings/settings.html
index 4260c1408..ae67b32f0 100644
--- a/app/client/views/admin/settings/settings.html
+++ b/app/client/views/admin/settings/settings.html
@@ -86,14 +86,21 @@
   </div>
 
   <div class="column">
-    <div class="ui buttons">
-        <button 
-          class="ui toggle button"
-          ng-class="{true: 'active', false: ''}[settings.allowMinors]"
-          ng-click="updateAllowMinors()">
-          Minors {{ settings.allowMinors && 'allowed' || 'disallowed' }}
-        </button>
+    <div class="ui form">
+      <div class="grouped fields">
+        <div class="field">
+          <div class="ui toggle checkbox">
+              <input 
+              type="checkbox"
+              name="allowMinors"
+              ng-class="{true: 'checked', false: ''}[settings.allowMinors]"
+              ng-model="settings.allowMinors"
+              ng-change="updateAllowMinors()">
+              <label>Allow minors</label>
+          </div>
+        </div>
       </div>
+    </div>
   </div>
 </div>