From 978744896f484201da437f079e207d952ab6e1a5 Mon Sep 17 00:00:00 2001
From: "chris.watts90@outlook.com" <chris.watts90@outlook.com>
Date: Fri, 24 Feb 2017 22:20:58 +0000
Subject: [PATCH] add data binding and labels to display the user name on the
 TimeLog page.

#46
---
 .../WindowsDataCenter/www/index.html          | 98 ++++++++++---------
 1 file changed, 54 insertions(+), 44 deletions(-)

diff --git a/DataCenter_Windows/WindowsDataCenter/WindowsDataCenter/www/index.html b/DataCenter_Windows/WindowsDataCenter/WindowsDataCenter/www/index.html
index 983b120..4139a90 100644
--- a/DataCenter_Windows/WindowsDataCenter/WindowsDataCenter/www/index.html
+++ b/DataCenter_Windows/WindowsDataCenter/WindowsDataCenter/www/index.html
@@ -186,53 +186,63 @@
     </div>
 </div>
 
-    <div class="container" data-bind="with: userTimeLogData">
-        <button pageDestination="Users" data-bind="click: $root.returnButtonClick" id="returnButton" class="btn btn-default">
-            <span class="glyphicon glyphicon-chevron-left"></span>Users
-        </button>
-        <br />
-        <br />
-        <div class="row">
-            <div class="col-md-3 col-xs-12">
-                <div id="datePickerContainer">
-                    <div id="weeklyDatePicker"></div>
-                </div>
-            </div>
-            <div class="col-md-9 col-xs-12 well">
-                <!-- main content panel. -->
-                <table class="table table-striped">
-                    <thead>
-                        <tr>
-                            <th>Day Of Week</th>
-                            <!-- ko foreach: new Array($root.getTimeLogEntryArrayLength(MaxDailyLogCount)) -->
-                            <th>In</th>
-                            <th>Out</th>
-                            <!-- /ko -->
-                            <th>Sub-Total</th>
-                        </tr>
-                    </thead>
-                    <tbody>
-                    <!-- ko foreach: TimeLogs-->
-                    <tr>
-                        <td class="valign" data-bind="text: DayOfWeek"></td>
-                        <!-- ko foreach: Logs -->
-                        <td class="valign" data-bind="text: $root.convertToDisplayTime(EventTime)"></td>
-                        <!-- /ko -->
-                        <!-- ko foreach: new Array($root.correctLogOffset($parent.MaxDailyLogCount)-LogCount)-->
-                        <td class="valign"></td>
-                        <!-- /ko -->
-                        <td class="valign"data-bind="text: $root.convertToHours(DailyTotal)"></td>
-                    </tr>
-                    <!-- /ko -->
-                    <tr>
-                        <td class="valign" data-bind="attr:{colspan: $root.correctLogOffset(MaxDailyLogCount)+1}">Weekly Total</td>
-                        <td class="valign" for="dailyHrsTotal" data-bind="text: $root.convertToHours(WeeklyTotal)"></td>
-                    </tr>
-                    </tbody>
-                </table>
+<div class="container" data-bind="with: userTimeLogData">
+    <div class="row">
+        <div class="col-md-2 text-center" style="margin-top: 15px;">
+            <button pageDestination="Users" data-bind="click: $root.returnButtonClick" id="returnButton" class="btn btn-default">
+                <span class="glyphicon glyphicon-chevron-left"></span>Users
+            </button>
+        </div>
+        <h3 class="col-md-offset-1 col-md-9 pull-right">
+            Logs for: <span data-bind="text: UserInformation.FirstName"></span> <span data-bind="text: UserInformation.LastName"></span>
+        </h3>
+    </div>
+    <br/>
+    <br/>
+    <!--<div class="row">
+
+    </div>-->
+    <div class="row">
+        <div class="col-md-3 col-xs-12">
+            <div id="datePickerContainer">
+                <div id="weeklyDatePicker"></div>
             </div>
         </div>
+        <div class="col-md-9 col-xs-12 well">
+            <!-- main content panel. -->
+            <table class="table table-striped">
+                <thead>
+                <tr>
+                    <th>Day Of Week</th>
+                    <!-- ko foreach: new Array($root.getTimeLogEntryArrayLength(MaxDailyLogCount)) -->
+                    <th>In</th>
+                    <th>Out</th>
+                    <!-- /ko -->
+                    <th>Sub-Total</th>
+                </tr>
+                </thead>
+                <tbody>
+                <!-- ko foreach: TimeLogs-->
+                <tr>
+                    <td class="valign" data-bind="text: DayOfWeek"></td>
+                    <!-- ko foreach: Logs -->
+                    <td class="valign" data-bind="text: $root.convertToDisplayTime(EventTime)"></td>
+                    <!-- /ko -->
+                    <!-- ko foreach: new Array($root.correctLogOffset($parent.MaxDailyLogCount)-LogCount)-->
+                    <td class="valign"></td>
+                    <!-- /ko -->
+                    <td class="valign"data-bind="text: $root.convertToHours(DailyTotal)"></td>
+                </tr>
+                <!-- /ko -->
+                <tr>
+                    <td class="valign" data-bind="attr:{colspan: $root.correctLogOffset(MaxDailyLogCount)+1}">Weekly Total</td>
+                    <td class="valign" for="dailyHrsTotal" data-bind="text: $root.convertToHours(WeeklyTotal)"></td>
+                </tr>
+                </tbody>
+            </table>
+        </div>
     </div>
+</div>
     
     <footer data-bind="with: errorData, css: {footer: $root.errorData()!==null}">
         <div class="container">