Chris/FlexitimeTracker
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add data binding and labels to display the user name on the TimeLog page.

Browse Source 
#46
This commit is contained in:
chris.watts90@outlook.com 2017-02-24 22:20:58 +00:00
parent 49235288d7
commit 978744896f
1 changed files with 54 additions and 44 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

98
DataCenter_Windows/WindowsDataCenter/WindowsDataCenter/www/index.html
View File

@ -186,53 +186,63 @@
</div> </div>
</div> </div>
<div class="container" data-bind="with: userTimeLogData"> <div class="container" data-bind="with: userTimeLogData">
<button pageDestination="Users" data-bind="click: $root.returnButtonClick" id="returnButton" class="btn btn-default"> <div class="row">
<span class="glyphicon glyphicon-chevron-left"></span>Users <div class="col-md-2 text-center" style="margin-top: 15px;">
</button> <button pageDestination="Users" data-bind="click: $root.returnButtonClick" id="returnButton" class="btn btn-default">
<br /> <span class="glyphicon glyphicon-chevron-left"></span>Users
<br /> </button>
<div class="row"> </div>
<div class="col-md-3 col-xs-12"> <h3 class="col-md-offset-1 col-md-9 pull-right">
<div id="datePickerContainer"> Logs for: <span data-bind="text: UserInformation.FirstName"></span> <span data-bind="text: UserInformation.LastName"></span>
<div id="weeklyDatePicker"></div> </h3>
</div> </div>
</div> <br/>
<div class="col-md-9 col-xs-12 well"> <br/>
<!-- main content panel. --> <!--<div class="row">
<table class="table table-striped">
<thead> </div>-->
<tr> <div class="row">
<th>Day Of Week</th> <div class="col-md-3 col-xs-12">
<!-- ko foreach: new Array($root.getTimeLogEntryArrayLength(MaxDailyLogCount)) --> <div id="datePickerContainer">
<th>In</th> <div id="weeklyDatePicker"></div>
<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> </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>
</div>
<footer data-bind="with: errorData, css: {footer: $root.errorData()!==null}"> <footer data-bind="with: errorData, css: {footer: $root.errorData()!==null}">
<div class="container"> <div class="container">