WIP, adding JS and api time entry create

app/assets/javascripts/time_entries.js

@@ -1,4 +1,5 @@
 $(document).ready(function(){
+
   var currentdate = new Date();
   $("#date_id").datepicker().on('changeDate', function(ev){
     $("#date_id").datepicker('hide');
@@ -7,4 +8,35 @@ $(document).ready(function(){
 
   $("#start_time_id").timepicker();
   $("#end_time_id").timepicker();
+
+  $("#add_time_entry_submit").click(function(){
+    date = $("#date_id").val();
+    start_date = new Date(date + " " + $("#start_time_id").val());
+    end_date = new Date(date + " " + $("#end_time_id").val());
+
+    json_data = { time_entries: [{
+        start_date:    start_date.toISOString(),
+        end_date:      end_date.toISOString(),
+        log_action_id: parseInt($('input[name=action_id]:checked').val()),
+        bike_id:       parseInt($("#bike_id").val()),
+        description:   $("#description_id").val(),
+      }]};
+    console.log(json_data);
+
+    $.ajax({
+      url: $("#add_time_entry_submit").data("url"),
+      type: "POST",
+      data: JSON.stringify(json_data),
+      contentType: 'application/json',
+      dataType: "json",
+      success: function(data, status, xhr){
+        console.log(data);
+        //window.location = data.bikes[0].id;
+      },
+      error: function(data, status ){
+        console.log(data);
+        displayFormErrors(data.responseJSON);
+      }
+    });
+  });
 });

app/assets/stylesheets/bootstrap_and_overrides.css.less

@@ -40,3 +40,8 @@ body {
 .inline-block {
   display: inline-block;
 }
+
+.control-group.error .btn-group > .btn {
+  color: #b94a48;
+  border-color: #b94a48;
+}