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

remove table from ManualLog Dialog

Browse Source 
Extend form to include a drop down list with Log Directions on, (In/Out) databound to array in viewmodel and selected value bound to the TimeLog Direction field.
#29
This commit is contained in:
Watts 2017-04-12 22:03:47 +01:00
parent 2cd11b4a65
commit 46ff1a232f
1 changed files with 27 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -336,48 +336,44 @@
<form action="#manualLog" method="post" class="form-group">
<input type="hidden" name="Id" data-bind="value: Id"/>
<div class="form-group">
<div class='input-group date' id='datetimepicker1'>
<input type='text' class="form-control" />
<div class="input-group date" id="datetimepicker1">
<input type="text" class="form-control" />
<span class="input-group-addon">
<span class="glyphicon glyphicon-calendar"></span>
</span>
</div>
</div>
<div>
<div class="input-group">
<select data-bind="options: $root.possibleLogDirections,
optionsText: function(item) { return item.Text },
optionsValue: function(item){ return item.value },
value: Direction,
optionsCaption: 'Choose...'"></select>
</div>
</div>
<br/>
<button type="submit" class="btn btn-primary">Submit</button>
<button type="button" class="btn btn-secondary close" data-dismiss="modal">Cancel</button>
</form>
<table>
<tr>
<th>Event Time:</th>
<td data-bind="text: EventTime"></td>
</tr>
<tr>
<th>Direction</th>
<td>
<select id="Direction">
<option value="-1"></option>
<option value="0">In</option>
<option value="1">Out</option>
</select>
</td>
</tr>
</table>
</div>
</div>
</div>
</div>
<footer data-bind="with: errorData, css: {footer: $root.errorData()!==null}">
<div class="container">
<!-- Alert/Error banner-->
<div class="alert alert-danger alert-dismissible" role="alert">
<button type="button" class="close" data-dismiss="alert" aria-label="Close" data-bind="click: $root.dismissAlert"><span aria-hidden="true">&times;</span></button>
<strong>Error!</strong>
<br />
<div data-bind="text: errorMessage"></div>
<div data-bind="text: errorSource"></div>
<div data-bind="text: errorDate"></div>
</div>
<footer data-bind="with: errorData, css: {footer: $root.errorData()!==null}">
<div class="container">
<!-- Alert/Error banner-->
<div class="alert alert-danger alert-dismissible" role="alert">
<button type="button" class="close" data-dismiss="alert" aria-label="Close" data-bind="click: $root.dismissAlert"><span aria-hidden="true">&times;</span></button>
<strong>Error!</strong>
<br />
<div data-bind="text: errorMessage"></div>
<div data-bind="text: errorSource"></div>
<div data-bind="text: errorDate"></div>
</div>
</footer>
</div>
</footer>
<script src="Helpers.js" type="text/javascript"></script>
<script src="spa.js" type="text/javascript"></script>
</body>
</html>