diff options
| author | James Barnett <noreply@jamesbarnett.xyz> | 2018-02-20 21:44:28 +0000 |
|---|---|---|
| committer | James Barnett <noreply@jamesbarnett.xyz> | 2018-02-20 21:44:28 +0000 |
| commit | b81c0f834f7f2285c40cfd57eb2943140025edad (patch) | |
| tree | 2c45b5d844e2a8413f3189090e5f6373226f4fca /new-connection.html | |
| parent | 52f6783f63d2e2f52e06d14a97b5e00eab8ac1c0 (diff) | |
| download | sql-plus-plus-b81c0f834f7f2285c40cfd57eb2943140025edad.tar.xz sql-plus-plus-b81c0f834f7f2285c40cfd57eb2943140025edad.zip | |
Dynamically create query executors - WIP
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 |