update the html page to show the IN/OUT state as per the UI suggestion on the issue. Will conditionally show IN (green text)/OUT (red text) based on whether the system reports the user to be in or out.
#47
This commit is contained in:
parent
e4f987cc0b
commit
e17568bdc5
@ -61,15 +61,24 @@
|
||||
<table class="table table-striped">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="col-md-1"></th>
|
||||
<th class="col-md-3">First Name</th>
|
||||
<th class="col-md-3">Last Name</th>
|
||||
<th class="col-md-1 text-center">Contractor</th>
|
||||
<th />
|
||||
<th/>
|
||||
<th/>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody data-bind="foreach: Users">
|
||||
<tr>
|
||||
<td class="valign text-center">
|
||||
<!-- ko if: State -->
|
||||
<span class="label label-success">IN</span>
|
||||
<!-- /ko -->
|
||||
<!-- ko if: !State -->
|
||||
<span class="label label-danger">OUT</span>
|
||||
<!-- /ko -->
|
||||
</td>
|
||||
<td class="valign" data-bind="text: FirstName"></td>
|
||||
<td class="valign" data-bind="text: LastName"></td>
|
||||
<td class="valign text-center"><span data-bind="css:{ 'glyphicon glyphicon-ok': IsContractor}"></span></td>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user