diff options
| author | James Barnett <noreply@jamesbarnett.xyz> | 2018-02-28 21:32:48 +0000 |
|---|---|---|
| committer | James Barnett <noreply@jamesbarnett.xyz> | 2018-02-28 21:32:48 +0000 |
| commit | 28ebae4525f35672acd6253b3022bdb8cdc1cbd1 (patch) | |
| tree | f78cd401095f6405057d3e67509218483f789413 /html | |
| parent | 46d3ba84ed407548d368dd146393e747cfb2d0af (diff) | |
| download | sql-plus-plus-28ebae4525f35672acd6253b3022bdb8cdc1cbd1.tar.xz sql-plus-plus-28ebae4525f35672acd6253b3022bdb8cdc1cbd1.zip | |
Update readme. Fix result parsing bug. Rearrange files
- Prefix query result fields with an underscore to avoid clashing with JS builtin property/function names which causes issues with Tabulator
- Move html files into their own dir
Diffstat (limited to 'html')
| -rw-r--r-- | html/editor-instance.html | 45 | ||||
| -rw-r--r-- | html/index.html | 26 | ||||
| -rw-r--r-- | html/new-connection.html | 73 | ||||
| -rw-r--r-- | html/query-executor-wrapper.html | 7 |
4 files changed, 151 insertions, 0 deletions
diff --git a/html/editor-instance.html b/html/editor-instance.html new file mode 100644 index 0000000..eaa2599 --- /dev/null +++ b/html/editor-instance.html @@ -0,0 +1,45 @@ +<!DOCTYPE html> +<html> + + <head> + <meta charset="UTF-8"> + <title>SQL++</title> + + <link rel="stylesheet" href="../node_modules/codemirror/lib/codemirror.css"></link> + <link rel="stylesheet" href="../node_modules/codemirror/theme/dracula.css"></link> + <link rel="stylesheet" href="../node_modules/codemirror/addon/hint/show-hint.css"></link> + <link rel="stylesheet" href="../node_modules/jquery.tabulator/dist/css/tabulator.css"></link> + <link rel="stylesheet" type="text/css" href="../styles/editor-instance.css"></link> + <link rel="stylesheet" type="text/css" href="../styles/table-style.css"></link> + + </head> + + <body> + + <div class="flex-wrapper"> + <div class="row header"> + <input id="run-query" type="button" class="button" value="Run"></input> + </div> + + + <div class="row content"> + <div id="editor" class="editor-row split-row"></div> + + <div class="results-row split-row"> + <div id="result-table"></div> + <div id="result-error"></div> + </div> + </div> + + <div class="row footer"> + <div id="execution-status" class="exec-idle">Idle</div> + <div id="execution-time"></div> + <div id="cursor-coords"></div> + </div> + </div> + <script> + require("../editor-instance.js"); + </script> + </body> + +</html>
\ No newline at end of file diff --git a/html/index.html b/html/index.html new file mode 100644 index 0000000..b1997bf --- /dev/null +++ b/html/index.html @@ -0,0 +1,26 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <title>SQL++</title> + + <link rel="stylesheet" href="../node_modules/electron-tabs/electron-tabs.css"></link> + <link rel="stylesheet" href="../styles/instance-manager.css"></link> + + </head> + <body> + + <div class="etabs-tabgroup"> + <div class="etabs-tabs"></div> + <div class="etabs-buttons"> + <button id="new-connection">New connection</button> + </div> + </div> + <div class="etabs-tabgroup-footer"></div> + <div class="etabs-views"></div> + + <script> + require("../instance-manager.js"); + </script> + </body> +</html>
\ No newline at end of file diff --git a/html/new-connection.html b/html/new-connection.html new file mode 100644 index 0000000..192c9b9 --- /dev/null +++ b/html/new-connection.html @@ -0,0 +1,73 @@ +<!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 id="status-message" class="field"></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 diff --git a/html/query-executor-wrapper.html b/html/query-executor-wrapper.html new file mode 100644 index 0000000..ddc9ffc --- /dev/null +++ b/html/query-executor-wrapper.html @@ -0,0 +1,7 @@ +<!DOCTYPE html> +<html> + <head> + <script>require("../query-executor.js");</script> + </head> + <body/> +</html>
\ No newline at end of file |