diff options
Diffstat (limited to 'new-connection.html')
| -rw-r--r-- | new-connection.html | 72 |
1 files changed, 72 insertions, 0 deletions
diff --git a/new-connection.html b/new-connection.html new file mode 100644 index 0000000..1ac6c89 --- /dev/null +++ b/new-connection.html @@ -0,0 +1,72 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <title>SQL++ - New connection</title> + <link rel="stylesheet" href="node_modules/bulma/css/bulma.css"></link> + <link rel="stylesheet" href="./styles/new-connection.css"></link> + </head> + <body> + + <h4 class="title is-4" >Add new connection</h4> + <form> + <div class="field"> + <label class="label is-small" for="name">Connection name</label> + <div class="control"> + <input name="name" class="input is-small" type="text"/> + </div> + <p class="help">This is shown as the title of the connection tab</p> + </div> + <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 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 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 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="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="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> + </form> + </body> + <script> + require("./new-connection.js"); + </script> +</html>
\ No newline at end of file |