sqlui 0.1.35 → 0.1.36

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: bf589c4a8558dcfd292d151689d7f9ff85a1adf1731847c6ad982d98251fec5d
-  data.tar.gz: adc214a772e2afa0552244730e67d045d3170b0f53cd18e7f61190f6c187c2c9
+  metadata.gz: 984c930fed73d048b7c59e0319a0f80f3f958683f77ff0855b8cd8682d4eb5dd
+  data.tar.gz: e597f406f42dba9e94fbb98645d1e605141e9c22439b8bd102228016a26d34be
 SHA512:
-  metadata.gz: 0147bcf398166932bb8c8679db77303b19764ab4fee7a42b1daaf1c65e71abab3dcf1617ca584d725b1096d772e2c793154fc3f40f3de20ab2b552ee2a971f15
-  data.tar.gz: 8b667cdbc3fc0bb4b403a4fa6b354bfa834361b60b3508230282687d5495be1a47939d857f204397810fc0ad912ca4480af0a269d01fe7bf6e00a4ff68a29143
+  metadata.gz: f0289438154632580104715d3e7b3260c6fcf14da3b1a9a50a71c45d689929ec26f64c91b20397e21974308766f5f3b629938ab5a9ddbb113c78a4645b5106ad
+  data.tar.gz: eec21d05ff15f758917e4c3f99f9bd56762335159800184b989107fb95d2b8b886b986aa7bc4d6bc38fe93117c82d8f92c3e46f9b6c70170c4642abf3d411301

data/.version

@@ -1 +1 @@
-0.1.35
+0.1.36

data/client/resources/sqlui.css

@@ -1,5 +1,6 @@
 body {
     margin: 0;
+    overflow: hidden;
 }
 
 h1 {
@@ -58,6 +59,9 @@ p {
     flex: 1;
     padding-left: 15px;
     font-weight: normal;
+    overflow: hidden;
+    white-space: nowrap;
+    margin: 0;
 }
 
 .tabs-box {
@@ -70,12 +74,10 @@ p {
 
 .tab-button, .selected-tab-button {
     border: none;
-    outline: none;
     text-decoration: none;
     cursor: pointer;
     width: 150px;
-    padding: 2px;
-    margin: 0;
+    margin: 0 2px;
     display: flex;
     justify-content: center;
     background-color: #fff;
@@ -113,6 +115,7 @@ p {
     display: flex;
     border-top: 1px solid #ddd;
     border-bottom: 1px solid #ddd;
+    padding: 5px;
 }
 
 .submit-fill {
@@ -120,14 +123,99 @@ p {
     flex: 1
 }
 
-.submit-button {
+.cancel-button {
+    cursor: pointer;
+    margin: 0;
+    background: none;
+    color: #333;
+    border: 1px solid #888;
+    height: 32px;
+    font-size: 18px;
+}
+
+.submit-button-wrapper {
     cursor: pointer;
-    margin: 5px;
     border: 1px solid #888;
+    height: 32px;
+    display: flex;
+    flex-direction: row;
+}
+
+.submit-button, .submit-dropdown-button {
+    cursor: pointer;
+    border: none;
     background: none;
-    padding: 5px;
+    color: #333;
+    height: 100%;
+    margin: 0;
+}
+
+.submit-dropdown-content {
+    display: none;
+    position: absolute;
+    background-color: #fff;
+    overflow: auto;
+    border-left: 1px solid #888;
+    border-right: 1px solid #888;
+    border-bottom: 1px solid #888;
+    z-index: 200;
+    flex-direction: column;
+    left: 0;
+    right: 0;
+}
+
+.submit-dropdown-content-section {
+    display: flex;
+    flex-direction: column;
+    border-bottom: 1px solid #ddd;
+}
+
+.submit-dropdown-content-section:last-child {
+    border-bottom: none;
+    border-bottom: none;
+}
+
+.submit-dropdown-button {
+    font-size: 14px;
+    width: 35px;
+}
+
+.submit-dropdown-content-show {
+    display: flex;
+}
+
+.submit-button {
+    display: none;
+    border-right: 1px solid #888;
     font-size: 18px;
+    padding: 0 5px;
+    width: 250px;
+    text-align: left;
+}
+
+.submit-button-show {
+    display: flex;
+}
+
+.submit-dropdown-content-button {
+    display: flex;
+    border: none;
     color: #333;
+    background: none;
+    margin: 0;
+    padding: 7px 5px;
+    font-size: 18px;
+    cursor: pointer;
+    text-align: left;
+}
+
+.submit-dropdown-content-button:hover {
+    background-color: #efefef;
+}
+
+.submit-dropdown-content-button:active, .submit-button:active, .cancel-button:active, .submit-dropdown-button:active {
+    background-color: #e6e6e6;
+    outline: none
 }
 
 .status {
@@ -277,6 +365,14 @@ thead {
     outline: none !important;
 }
 
+.structure-wrapper {
+    display: flex;
+    flex: 1;
+    flex-direction: row;
+    align-items: stretch;
+    height: 100%;
+}
+
 .schemas, .tables {
     border: none;
     display: flex;
@@ -319,8 +415,12 @@ select {
 }
 
 @keyframes spin {
-    0% { transform: rotate(0deg); }
-    100% { transform: rotate(360deg); }
+    0% {
+        transform: rotate(0deg);
+    }
+    100% {
+        transform: rotate(360deg);
+    }
 }
 
 .result-time {

data/client/resources/sqlui.html

@@ -26,10 +26,26 @@
       </div>
 
       <div id="submit-box" class="submit-box tab-content-element graph-element query-element" style="display: none;">
-        <input id="cancel-button" class="submit-button" type="button" value="cancel"></input>
+        <input id="cancel-button" class="cancel-button" type="button" value="cancel"></input>
         <div class="submit-fill"></div>
-        <input id="submit-current-button" class="submit-button" type="button" value="run selection (ctrl-enter)"></input>
-        <input id="submit-all-button" class="submit-button" type="button" value="run (ctrl-shift-enter)"></input>
+        <div style="position: relative;">
+          <div class="submit-button-wrapper">
+            <input id="submit-button-all" class="submit-button" type="button"></input>
+            <input id="submit-button-current" class="submit-button submit-button-show" type="button"></input>
+            <input id="submit-dropdown-button" class="submit-dropdown-button" type="button", value="▼"></input>
+          </div>
+          <div id="submit-dropdown-content" class="submit-dropdown-content">
+            <div class="submit-dropdown-content-section">
+              <input id="submit-dropdown-button-current" class="submit-dropdown-content-button" type="button"></input>
+              <input id="submit-dropdown-button-all" class="submit-dropdown-content-button" type="button"></input>
+              <input id="submit-dropdown-button-toggle" class="submit-dropdown-content-button" type="button" value="toggle default"></input>
+            </div>
+            <div class="submit-dropdown-content-section">
+              <input id="submit-dropdown-button-copy-csv" class="submit-dropdown-content-button" type="button" value="copy to clipboard (csv)"></input>
+              <input id="submit-dropdown-button-copy-tsv" class="submit-dropdown-content-button" type="button" value="copy to clipboard (tsv)"></input>
+            </div>
+          </div>
+        </div>
       </div>
 
       <div id="result-box" class="result-box tab-content-element query-element" style="display: none;">
@@ -47,7 +63,7 @@
       </div>
 
       <div id="structure-box" class="structure-box tab-content-element structure-element" style="display: none;">
-        <div style="display: flex; flex: 1; flex-direction: row; align-items: stretch;">
+        <div class="structure-wrapper">
           <select id="schemas" class="schemas" size="4">
           </select>
           <select id="tables" class="tables" size="4">

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: sqlui
 version: !ruby/object:Gem::Version
-  version: 0.1.35
+  version: 0.1.36
 platform: ruby
 authors:
 - Nick Dower
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2022-11-10 00:00:00.000000000 Z
+date: 2022-11-15 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: mysql2