sqlui 0.1.54 → 0.1.56

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 62f95d3843d478f8bec0c3b78beb490f731fc00608126c6ac6a6093235912ec7
-  data.tar.gz: 756c530843ef0f7f684f40f919d7e71c8284bb0910082758ea05dc4c9358d20c
+  metadata.gz: 54098affe9aed43da3e5cfb8ac348989f4965f790ecdfec200ec9e79d3b7b532
+  data.tar.gz: cd5b2dea4f9f7afc1a465e6c6d68f8e84982547032e90fd5f979c4f6f72eb452
 SHA512:
-  metadata.gz: a4abb367d1945feda08acf76583501baf457dd15ef3b8b7a76c39160e6171628a89dff645116c845ecd8e01cb9b150378f4e052f68686479ae2fd5c4ea0e1f39
-  data.tar.gz: 6327b8f5e755c37b5399f10a16187b61fd975c42c48a83f282861dee6a6e0cf44702acd34ae30a3b681db9a2f4e4c2622162d99d77101fe429fcd4e485314d8f
+  metadata.gz: 9444bf4a2cb0bb5d9f397d2ed6ad0ef212846db09172314083f7f951f3a1e58ec9965f1b6f08432ce74739cdf7e35b7d112b4ba0a4c9a5c62abdb7763e8c371a
+  data.tar.gz: c37479f67876f510a7a6c65c72bf4abbb7c0eeb7bd3b82fc6f0571f91a369685db75b177b50db7b95a533254c40a769248b588d79b41cd79fd475a26d6999c14

data/.release-version

@@ -1 +1 @@
-0.1.54
+0.1.56

data/app/sqlui.rb

@@ -6,7 +6,7 @@ require_relative 'version'
 
 # Main entry point.
 class Sqlui
-  MAX_ROWS = 10_000
+  MAX_ROWS = 5_000
   MAX_BYTES = 10 * 1_024 * 1_024
 
   def initialize(config_file)

data/app/views/sqlui.erb

@@ -96,9 +96,13 @@
       </div>
 
       <div id="status-box" class="status-box">
-        <div id="result-status" class="status tab-content-element query-element"></div>
-        <div id="graph-status" class="status tab-content-element graph-element"></div>
-        <div id="saved-status" class="status tab-content-element saved-element"></div>
+        <div id="status-message"></div>
+        <div style="flex: 1;"></div>
+        <div id="pagination-box" class="tab-content-element">
+          <div id="page-count-box"></div>
+          <input id="prev-button" class="pagination-button" type="button" value="Prev" />
+          <input id="next-button" class="pagination-button" type="button" value="Next" />
+        </div>
       </div>
     </div>
   </body>

data/client/resources/sqlui.css

@@ -103,10 +103,6 @@ p {
     font-weight: bold;
 }
 
-.tab-content-element {
-    display: none;
-}
-
 .query-box {
     display: flex;
     flex-direction: column;
@@ -232,11 +228,11 @@ p {
     background: none !important;
 }
 
-.status {
+.status-message {
     display: flex;
     justify-content: center;
     align-content: center;
-    flex-direction: column;
+    flex-direction: row;
     font-family: Helvetica, sans-serif;
     white-space: nowrap;
     overflow: hidden;
@@ -287,7 +283,6 @@ table {
     color: #333;
     font-size: 18px;
     width: 100%;
-    table-layout: auto; /* Will be overridden if a column is resized. */
 }
 
 table td:last-child, table th:last-child {
@@ -355,12 +350,13 @@ thead {
 }
 
 .status-box {
-    padding: 5px;
+    padding: 5px 15px;
     display: flex;
     flex-direction: row;
-    justify-content: space-between;
     border-top: 1px solid #ddd;
     height: 30px;
+    align-items: center;
+    font-family: Helvetica, sans-serif;
 }
 
 .CodeMirror pre.CodeMirror-placeholder {
@@ -483,3 +479,35 @@ select {
     color: #333;
     font-size: 14px;
 }
+
+#pagination-box {
+    display: flex;
+    flex-direction: row;
+}
+
+#page-count-box {
+    align-self: center;
+    font-size: 16px;
+}
+
+#next-button {
+
+}
+
+#prev-button {
+    margin: 0 10px;
+}
+
+.pagination-button {
+    cursor: pointer;
+    background: none;
+    color: #333;
+    border: 1px solid #888;
+    font-size: 16px;
+    padding: 2px 10px;
+}
+
+.pagination-button:disabled {
+    color: #888;
+    border: 1px solid #ddd;
+}