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,30 +336,26 @@
<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>
@ -377,7 +373,7 @@
</div> </div>
</div> </div>
</footer> </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>