From 46ff1a232f61375991a5b7134bd58d0d9f27026f Mon Sep 17 00:00:00 2001
From: Watts <Chris.Watts@edwardsvacuum.com>
Date: Wed, 12 Apr 2017 22:03:47 +0100
Subject: [PATCH] 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
---
 .../WindowsDataCenter/www/index.html          | 58 +++++++++----------
 1 file changed, 27 insertions(+), 31 deletions(-)

diff --git a/DataCenter_Windows/WindowsDataCenter/WindowsDataCenter/www/index.html b/DataCenter_Windows/WindowsDataCenter/WindowsDataCenter/www/index.html
index e325cd7..f0c9a0e 100644
--- a/DataCenter_Windows/WindowsDataCenter/WindowsDataCenter/www/index.html
+++ b/DataCenter_Windows/WindowsDataCenter/WindowsDataCenter/www/index.html
@@ -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>
\ No newline at end of file