From 7923867c2d11bc7021642cb8e40d24f3cec595c6 Mon Sep 17 00:00:00 2001
From: "chris.watts90@outlook.com" <chris.watts90@outlook.com>
Date: Thu, 9 Feb 2017 22:13:45 +0000
Subject: [PATCH] hook into the selected week changed event to get timelogs
 from the api.

needs to change the datetime picker to show the selected date rather than today date.
#5
---
 .../WindowsDataCenter/www/spa.js              | 25 ++++++++++++++++---
 1 file changed, 22 insertions(+), 3 deletions(-)

diff --git a/DataCenter_Windows/WindowsDataCenter/WindowsDataCenter/www/spa.js b/DataCenter_Windows/WindowsDataCenter/WindowsDataCenter/www/spa.js
index 8f1cd3d..734b99b 100644
--- a/DataCenter_Windows/WindowsDataCenter/WindowsDataCenter/www/spa.js
+++ b/DataCenter_Windows/WindowsDataCenter/WindowsDataCenter/www/spa.js
@@ -7,6 +7,7 @@
     self.chosenUserDetails = ko.observable(null);
     self.userTimeLogData = ko.observable(null);
     self.unassignedCardData = ko.observable(null);
+    self.chosenTimeLogUserId = -1;
     self.selectedCalendarWeek = ko.observable(0);
     self.errorData = ko.observable(null);
     self.apiEndpoints = {
@@ -25,7 +26,13 @@
     };
     self.goToMenuOption = function (menu) { location.hash = menu; console.log("goToMenuOption: " + menu); };
     self.goToUserDetails = function (user) { location.hash = self.uiPages.userDetails + "/" + user.UserId; };
-    self.goToTimeLogs = function (user) { location.hash = "timelogs" + "/" + user.UserId; };
+    self.goToTimeLogs = function (user, week) {
+        var url = "timelogs" + "/" + user.UserId;
+        if (week) {
+            url += "/" + week;
+        }
+        location.hash = url;
+    };
     self.assignErrorObject = function(errCode, errMessage, errorSource) {
         var errDat = {
             errorCode: errCode,
@@ -58,6 +65,11 @@
             };
         }
     };
+    self.selectedCalendarWeek.subscribe(function (selectedWeek) {
+        console.log("Calendar week changed to: " + selectedWeek);
+        self.goToTimeLogs(self.chosenTimeLogUserId, selectedWeek);
+        //self.getTimeLogData(self.chosenTimeLogUserId, selectedWeek);
+    });
     /**
      * Create a request URL - references apiEndpoints object to construct url with args, and optional callback url.
      * @param {string} routePath 
@@ -249,11 +261,18 @@
             self.getUnassignedCardData();
             //$.get("http://localhost:3000", { menu: this.params.menu }, self.chosenMenuData);
         });
-        this.get("#timelogs/:userId", function () {
+        this.get("#timelogs/:userId/:calendarWeek", function () {
             self.chosenMenuItemId("Other");
             self.userList(null);
             self.chosenUserDetails(null);
-            self.getTimeLogData(this.params.userId, self.selectedCalendarWeek());
+            self.chosenTimeLogUserId = this.params.userId;
+            var week;
+            if (self.params.calendarWeek) {
+                week = this.params.calendarWeek;
+            } else {
+                week = self.selectedCalendarWeek();
+            }
+            self.getTimeLogData(this.params.userId, week);
         });
         this.get("#newUser", function () {
             self.chosenMenuItemId("newUser");