aboutsummaryrefslogtreecommitdiff
path: root/new-connection.html
diff options
context:
space:
mode:
authorJames Barnett <noreply@jamesbarnett.xyz>2018-02-18 21:20:37 +0000
committerJames Barnett <noreply@jamesbarnett.xyz>2018-02-18 21:20:37 +0000
commit52f6783f63d2e2f52e06d14a97b5e00eab8ac1c0 (patch)
tree2ab9f938b1c38ebbf46176208cf4fc31f406aefc /new-connection.html
parent0c0fdc4e61d07d8883c382a4dd9d1afaa1874c33 (diff)
downloadsql-plus-plus-52f6783f63d2e2f52e06d14a97b5e00eab8ac1c0.tar.xz
sql-plus-plus-52f6783f63d2e2f52e06d14a97b5e00eab8ac1c0.zip
Add new connection dialog box - WIP
Diffstat (limited to 'new-connection.html')
-rw-r--r--new-connection.html62
1 files changed, 62 insertions, 0 deletions
diff --git a/new-connection.html b/new-connection.html
new file mode 100644
index 0000000..dace021
--- /dev/null
+++ b/new-connection.html
@@ -0,0 +1,62 @@
+<!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>
+
+ <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"/>
+ </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>
+ </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>
+ </div>
+ <div class="field is-grouped">
+ <div class="control">
+ <button id="create-connection" class="button is-link is-small">Add</button>
+ </div>
+ <div class="control">
+ <button id="test-connection" class="button is-small">Test connection</button>
+ </div>
+ <div class="control">
+ <button id="cancel" class="button is-text is-small">Cancel</button>
+ </div>
+ </div>
+ </body>
+
+</html> \ No newline at end of file