diff options
Diffstat (limited to 'new-connection.html')
| -rw-r--r-- | new-connection.html | 89 |
1 files changed, 46 insertions, 43 deletions
diff --git a/new-connection.html b/new-connection.html index dace021..18d4ad9 100644 --- a/new-connection.html +++ b/new-connection.html @@ -9,54 +9,57 @@ <body> <h4 class="title is-4" >Add new connection</h4> - - <div class="field"> - <label class="label is-small" for="vendor">Vendor</label> - <div class="control"> - <div class="select is-small"> - <select id="vendor"> - <option>Postgres</option> - <option>MySQL/MariaDB</option> - <option>Oracle</option> - </select> - </div> - </div> - </div> - <div class="field"> - <label class="label is-small" for="hostname">Hostname</label> - <div class="control"> - <input id="hostname" class="input is-small" type="text"/> - </div> - </div> - <div class="field"> - <label class="label is-small" for="port">Port</label> - <div class="control"> - <input id="port" class="input is-small" type="text" placeholder="5432"/> + <form> + <div class="field"> + <label class="label is-small" for="vendor">Vendor</label> + <div class="control"> + <div class="select is-small"> + <select name="vendor"> + <option value="postgres">Postgres</option> + <option value="mysql">MySQL/MariaDB</option> + <option value="oracle">Oracle</option> + </select> + </div> + </div> </div> - </div> - <div class="field"> - <label class="label is-small" for="username">Username</label> - <div class="control"> - <input id="username" class="input is-small" type="text"/> + <div class="field"> + <label class="label is-small" for="hostname">Hostname</label> + <div class="control"> + <input name="hostname" class="input is-small" type="text"/> + </div> </div> - </div> - <div class="field"> - <label class="label is-small" for="password">Password</label> - <div class="control"> - <input id="password" class="input is-small" type="text"/> + <div class="field"> + <label class="label is-small" for="port">Port</label> + <div class="control"> + <input name="port" class="input is-small" type="text" placeholder="5432"/> + </div> </div> - </div> - <div class="field is-grouped"> - <div class="control"> - <button id="create-connection" class="button is-link is-small">Add</button> + <div class="field"> + <label class="label is-small" for="username">Username</label> + <div class="control"> + <input name="username" class="input is-small" type="text"/> + </div> </div> - <div class="control"> - <button id="test-connection" class="button is-small">Test connection</button> + <div class="field"> + <label class="label is-small" for="password">Password</label> + <div class="control"> + <input name="password" class="input is-small" type="text"/> + </div> </div> - <div class="control"> - <button id="cancel" class="button is-text is-small">Cancel</button> + <div class="field is-grouped"> + <div class="control"> + <input id="create-connection" type="button" class="button is-link is-small" value="Add"></input> + </div> + <div class="control"> + <input id="test-connection" type="button" class="button is-small" value="Test connection"></input> + </div> + <div class="control"> + <input id="cancel" type="button" class="button is-text is-small" value="Cancel"></input> + </div> </div> - </div> + </form> </body> - + <script> + require("./new-connection.js"); + </script> </html>
\ No newline at end of file |