From 1997973093c85967105968ac9e5384baf675a24c Mon Sep 17 00:00:00 2001
From: Hillel Coren <hillelcoren@gmail.com>
Date: Sun, 17 Sep 2017 16:17:34 +0300
Subject: [PATCH] Working on time tracker app

---
 .../Controllers/TimeTrackerController.php     |  1 +
 resources/lang/en/texts.php                   |  1 +
 resources/views/time_tracker.blade.php        | 42 ++++++++++++++++---
 3 files changed, 39 insertions(+), 5 deletions(-)

diff --git a/app/Http/Controllers/TimeTrackerController.php b/app/Http/Controllers/TimeTrackerController.php
index bacf1cc0e77e..98c3a2649a1b 100644
--- a/app/Http/Controllers/TimeTrackerController.php
+++ b/app/Http/Controllers/TimeTrackerController.php
@@ -12,6 +12,7 @@ class TimeTrackerController extends Controller
     public function index()
     {
         $data = [
+            'title' => trans('texts.time_tracker'),
             'tasks' => Task::scope()->get(),
         ];
 
diff --git a/resources/lang/en/texts.php b/resources/lang/en/texts.php
index 0d350ecf9a68..d7f9c66e3aad 100644
--- a/resources/lang/en/texts.php
+++ b/resources/lang/en/texts.php
@@ -2449,6 +2449,7 @@ $LANG = array(
     'pro_plan_calendar' => ':link to enable the calendar by joining the Pro Plan',
 
     'what_are_you_working_on' => 'What are you working on?',
+    'time_tracker' => 'Time Tracker',
 
 );
 
diff --git a/resources/views/time_tracker.blade.php b/resources/views/time_tracker.blade.php
index 6ab0e3c75724..7fbc21ebe283 100644
--- a/resources/views/time_tracker.blade.php
+++ b/resources/views/time_tracker.blade.php
@@ -33,8 +33,8 @@
                 <form>
                     <div class="input-group input-group-lg">
                         <span class="input-group-addon" style="width:1%;"><span class="glyphicon glyphicon-time"></span></span>
-                        <input type="text" class="form-control"
-                            placeholder="{{ trans('texts.what_are_you_working_on') }}" autocomplete="off" autofocus="autofocus">
+                        <input type="text" class="form-control search" data-bind="value: filter, valueUpdate: 'afterkeydown', attr: {placeholder: placeholder}"
+                            autocomplete="off" autofocus="autofocus">
                     </div>
                 </form>
             </div>
@@ -43,8 +43,13 @@
 
     <div style="height:74px"></div>
 
-    <div class="list-group" data-bind="foreach: tasks">
-        <a href="#" class="list-group-item list-group-item-type1">
+    <div class="well">
+        <div data-bind="text: selectedTask().description"></div>
+    </div>
+
+
+    <div class="list-group" data-bind="foreach: filteredTasks">
+        <a href="#" data-bind="click: $parent.selectTask" class="list-group-item list-group-item-type1">
             <span class="pull-right">
                 14
             </span>
@@ -62,10 +67,38 @@
         function ViewModel() {
             var self = this;
             self.tasks = ko.observableArray();
+            self.filter = ko.observable('');
+            self.selectedTask = ko.observable(new TaskModel());
+
+            self.placeholder = ko.computed(function() {
+                if (self.selectedTask() && self.selectedTask().description) {
+                    return self.selectedTask().description();
+                } else {
+                    return "{{ trans('texts.what_are_you_working_on') }}";
+                }
+            });
+
+            self.filteredTasks = ko.computed(function() {
+                if(! self.filter()) {
+                    return self.tasks();
+                } else {
+                    var filtered = ko.utils.arrayFilter(self.tasks(), function(task) {
+                        var description = task.description().toLowerCase();
+                        return description.indexOf(self.filter().toLowerCase()) >= 0;
+                    });
+                    return filtered.length == 0 ? self.tasks() : filtered;
+                }
+            });
 
             self.addTask = function(task) {
+                console.log(task);
                 self.tasks.push(task);
             }
+
+            self.selectTask = function(task) {
+                self.filter('');
+                self.selectedTask(task);
+            }
         }
 
         function TaskModel(data) {
@@ -81,7 +114,6 @@
             window.model = new ViewModel();
             for (var i=0; i<tasks.length; i++) {
                 var task = tasks[i];
-                console.log(task);
                 var taskModel = new TaskModel(task);
                 model.addTask(taskModel);
             }