sqlui 0.1.35 → 0.1.37

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: bf589c4a8558dcfd292d151689d7f9ff85a1adf1731847c6ad982d98251fec5d
-  data.tar.gz: adc214a772e2afa0552244730e67d045d3170b0f53cd18e7f61190f6c187c2c9
+  metadata.gz: 4f02a3b2ec5f87d88a178045ef77ba395a51063e67cb80819bf8f58c30aaf854
+  data.tar.gz: 1dff044375098ad7eba0259f40572f6b8a121f02b627db7196e418988bb751c1
 SHA512:
-  metadata.gz: 0147bcf398166932bb8c8679db77303b19764ab4fee7a42b1daaf1c65e71abab3dcf1617ca584d725b1096d772e2c793154fc3f40f3de20ab2b552ee2a971f15
-  data.tar.gz: 8b667cdbc3fc0bb4b403a4fa6b354bfa834361b60b3508230282687d5495be1a47939d857f204397810fc0ad912ca4480af0a269d01fe7bf6e00a4ff68a29143
+  metadata.gz: e5b005ebd5ecb9bd7315b3df91909aef4f8ae0edd2a53201d7434a83a6f2c52af5eb931c1dc89aefe1ec9e98e9e175c78f15ab0f426e4cf54a27c2a5e15c50ed
+  data.tar.gz: 7c53884dba647c55281847293fbdc2af94e5fad17844b475e58e716582030b510d7a0ac7350ea3bca81ac13398c8c652f7f00966b442c8ae0c14fffa6dfb6d4f

data/.version

@@ -1 +1 @@
-0.1.35
+0.1.37

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">