remove table from ManualLog Dialog

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

View File

@ -336,48 +336,44 @@
<form action="#manualLog" method="post" class="form-group"> <form action="#manualLog" method="post" class="form-group">
<input type="hidden" name="Id" data-bind="value: Id"/> <input type="hidden" name="Id" data-bind="value: Id"/>
<div class="form-group"> <div class="form-group">
<div class='input-group date' id='datetimepicker1'> <div class="input-group date" id="datetimepicker1">
<input type='text' class="form-control" /> <input type="text" class="form-control" />
<span class="input-group-addon"> <span class="input-group-addon">
<span class="glyphicon glyphicon-calendar"></span> <span class="glyphicon glyphicon-calendar"></span>
</span> </span>
</div> </div>
</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> </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>
</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">
<!-- Alert/Error banner--> <!-- Alert/Error banner-->
<div class="alert alert-danger alert-dismissible" role="alert"> <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> <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> <strong>Error!</strong>
<br /> <br />
<div data-bind="text: errorMessage"></div> <div data-bind="text: errorMessage"></div>
<div data-bind="text: errorSource"></div> <div data-bind="text: errorSource"></div>
<div data-bind="text: errorDate"></div> <div data-bind="text: errorDate"></div>
</div>
</div> </div>
</footer> </div>
</footer>
<script src="Helpers.js" type="text/javascript"></script>
<script src="spa.js" type="text/javascript"></script> <script src="spa.js" type="text/javascript"></script>
</body> </body>
</html> </html>