change recurrence to button

Author: waldronmatt

addEvent-json.php

@@ -45,7 +45,7 @@ function getDatesInRange($dateFromString, $dateToString, $dow, $dowNum) {
     $end = explode(" ", $_POST['end']);
 
     // if event is recurrence
-    if ($_POST['recurrence'] == 'true') {
+    if ($_POST['recurrence']) {
         // initialize vars
         $dateFromString = $start[0];
         $endDate = $_POST['endDate'];
@@ -80,7 +80,7 @@ function getDatesInRange($dateFromString, $dateToString, $dow, $dowNum) {
                 $extra = array(
                     'id' => ++$last_item_id,
                     'rid' => $last_item_rid+1,
-                    'recurrence' => $_POST['recurrence'],
+                    'recurrence' => 'true',
                     'title' => $_POST['title'],
                     'description' => $_POST['description'],
                     'start' => $_POST['start'],
@@ -105,7 +105,7 @@ function getDatesInRange($dateFromString, $dateToString, $dow, $dowNum) {
         // add date to array
         $extra = array(
             'id' => ++$last_item_id,
-            'recurrence' => $_POST['recurrence'],
+            'recurrence' => 'false',
             'title' => $_POST['title'],
             'description' => $_POST['description'],
             'start' => $_POST['start'],

index-json.php

@@ -124,22 +124,24 @@
 								<input type="text" name="description" class="form-control" id="description" placeholder="Description">
 							</div>
 						</div>
-						<div class="form-group">
-							<label for="recurrence" class="col-sm-12 control-label">Recurrence</label>
+						<div class="form-group"> 
+							<label class="col-sm-12 control-label">Recurrence</label>
 							<div class="col-sm-12">
-								<select name="recurrence" class="form-control" id="recurrence">
-									<option id="false" selected="selected" value="false">no</option>
-									<option id="true" value="true">yes</option>
-								</select>
+								<label class="recurrence label-off" for="rec" id="recurrence">Enable
+								<input class="nocheckbox" type="checkbox" id="rec" name="recurrence" value="recurrence"></label>
 							</div>
 						</div>
 					</div>
 					<script>
-						$('#recurrence').change(function () {
-							if ($(this).val() === 'true') {
+						$('#rec').change(function () {
+							var self = $(this);
+							var aValue = self.attr("value");
+							if ( $(self).is(':checked') ) {
 								$('#recurrence-form').show();
+								$("." + aValue).removeClass('label-off').addClass('label-on');
 							} else {
 								$('#recurrence-form').hide();
+								$("." + aValue).removeClass('label-on').addClass('label-off');
 							}
 						});
 					</script>