From d3ab0a522e0a41c4b5ee9a92ddc70aa30a534c21 Mon Sep 17 00:00:00 2001
From: Hillel Coren <hillelcoren@gmail.com>
Date: Tue, 19 Sep 2017 18:01:42 +0300
Subject: [PATCH] Working on time tracker

---
 resources/views/time_tracker.blade.php | 33 +++++++++++++++++++-------
 1 file changed, 24 insertions(+), 9 deletions(-)

diff --git a/resources/views/time_tracker.blade.php b/resources/views/time_tracker.blade.php
index f30f4f29bf89..9bc2a544b195 100644
--- a/resources/views/time_tracker.blade.php
+++ b/resources/views/time_tracker.blade.php
@@ -104,7 +104,7 @@
                 <div class="well" data-bind="visible: selectedTask" style="padding-bottom:0px; margin-bottom:0px; display:none;">
                     <div class="panel panel-default">
                         <div class="panel-body">
-							<form id="taskForm">
+							<form id="taskForm" data-bind="event: { keypress: onFormKeyPress }">
 								<span class="client-select">
 		                            {!! Former::select('client_id')
 											->addOption('', '')
@@ -214,6 +214,9 @@
 					},
 					success: function(response) {
 						console.log(response);
+						//var task = new TaskModel(response);
+						self.selectedTask().update(response);
+						self.addTask(self.selectedTask());
 					},
 				});
 			}
@@ -235,13 +238,20 @@
                 self.selectedTask(false);
             }
 
-            self.onFilterKeyPress = function(data, event) {
+			self.onFilterKeyPress = function(data, event) {
                 if (event.which == 13) {
                     self.onStartClick();
                 }
                 return true;
             }
 
+			self.onFormKeyPress = function(data, event) {
+                if (event.which == 13) {
+                    self.onSaveClick();
+                }
+                return true;
+            }
+
             self.viewClient = function(task) {
                 self.filter(task.client().displayName());
                 return false;
@@ -371,13 +381,18 @@
                 },
             }
 
-            if (data) {
-                ko.mapping.fromJS(data, self.mapping, this);
+			self.update = function(data) {
+				var times = JSON.parse(data.time_log);
+				data.time_log = false;
+				ko.mapping.fromJS(data, self.mapping, this);
                 self.time_log = ko.observableArray();
-                data = JSON.parse(data.time_log);
-                for (var i=0; i<data.length; i++) {
-                    self.time_log.push(new TimeModel(data[i]));
+                for (var i=0; i<times.length; i++) {
+                    self.time_log.push(new TimeModel(times[i]));
                 }
+			}
+
+            if (data) {
+				self.update(data);
             }
 
             self.showActionButton = function() {
@@ -435,10 +450,10 @@
             });
 
             self.isRunning = ko.computed(function() {
-                if (! self.time_log().length) {
+				var timeLog = self.time_log();
+                if (! timeLog.length) {
                     return false;
                 }
-                var timeLog = self.time_log();
                 var time = timeLog[timeLog.length-1];
                 return time.isRunning();
             });