sqlui 0.1.67 → 0.1.68
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/.release-version +1 -1
- data/app/server.rb +1 -1
- data/app/views/sqlui.erb +73 -0
- data/client/resources/help.css +30 -0
- data/client/resources/sqlui.css +24 -21
- data/client/resources/sqlui.js +889 -500
- metadata +3 -2
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 6a167a65032b5a64b37d6e25c6589669151951d75f3964be73d2f8e6ba9f0833
|
4
|
+
data.tar.gz: 0a25e8597d5955c1bd6c04cf31834d8666672662a49a646ee03a3d55d1e268bf
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 95d82ede6b694eef5cab00c48aae318dbf9e55ee0a20a1f41a40abc8013a4ea245cf0b530160da10e620e572e60ac1e696bb360d4fd2037a870b2ecf250e1ac4
|
7
|
+
data.tar.gz: d1b720a016ab0ed8716164aefc45b2a9db9c0aac876eda2f9210fda6184d739b6b7b3efd50a01e2d11bcf299906522a17994ffa90ea124c72ac1ca38dd536201
|
data/.release-version
CHANGED
@@ -1 +1 @@
|
|
1
|
-
0.1.
|
1
|
+
0.1.68
|
data/app/server.rb
CHANGED
@@ -255,7 +255,7 @@ class Server < Sinatra::Base
|
|
255
255
|
end
|
256
256
|
end
|
257
257
|
|
258
|
-
get(/#{Regexp.escape("#{config.base_url_path}/#{database.url_path}/")}(query|graph|structure|
|
258
|
+
get(/#{Regexp.escape("#{config.base_url_path}/#{database.url_path}/")}(query|graph|saved|structure|help)/) do
|
259
259
|
status 200
|
260
260
|
headers 'Cache-Control' => 'no-cache'
|
261
261
|
client_config = config.airbrake[:client] || {}
|
data/app/views/sqlui.erb
CHANGED
@@ -22,6 +22,7 @@
|
|
22
22
|
<script type="text/javascript" src="<%= resource_path_map['sqlui.js'] %>"></script>
|
23
23
|
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
|
24
24
|
<link rel="stylesheet" href="<%= resource_path_map['sqlui.css'] %>">
|
25
|
+
<link rel="stylesheet" href="<%= resource_path_map['help.css'] %>">
|
25
26
|
</head>
|
26
27
|
|
27
28
|
<body>
|
@@ -36,6 +37,7 @@
|
|
36
37
|
<a id="graph-tab-button" class="tab-button">Graph</a>
|
37
38
|
<a id="saved-tab-button" class="tab-button">Saved</a>
|
38
39
|
<a id="structure-tab-button" class="tab-button">Structure</a>
|
40
|
+
<a id="help-tab-button" class="tab-button">Help</a>
|
39
41
|
</div>
|
40
42
|
|
41
43
|
<div id="query-box" class="tab-content-element graph-element query-element" style="display: none;">
|
@@ -103,6 +105,77 @@
|
|
103
105
|
</div>
|
104
106
|
</div>
|
105
107
|
|
108
|
+
<div id="help-box" class="tab-content-element" style="display: none;">
|
109
|
+
<h2>Keyboard Shortcuts</h2>
|
110
|
+
<table id="keyboard-shortcuts">
|
111
|
+
<tbody>
|
112
|
+
<tr class="keyboard-shortcut-section"><td colspan="3">App Shortcuts</td></tr>
|
113
|
+
<tr class="keyboard-shortcut-header"><td> Mac</td><td>Windows</td><td>Action</td></tr>
|
114
|
+
<tr><td>Escape</td><td>Escape</td><td>Focus editor, Close popup</td></tr>
|
115
|
+
|
116
|
+
<tr class="keyboard-shortcut-section"><td colspan="3">Editor Submit Shortcuts</td></tr>
|
117
|
+
<tr class="keyboard-shortcut-header"><td> Mac</td><td>Windows</td><td>Action</td></tr>
|
118
|
+
<tr><td>Cmd+Enter</td><td>Ctrl+Enter</td><td>Execute query at cursor / selection</td></tr>
|
119
|
+
<tr><td>Cmd+Shift+Enter</td><td>Ctrl+Shift+Enter</td><td>Execute entire editor</td></tr>
|
120
|
+
|
121
|
+
<tr class="keyboard-shortcut-section"><td colspan="3">Editor Standard Shortcuts</td></tr>
|
122
|
+
<tr class="keyboard-shortcut-header"><td> Mac</td><td>Windows</td><td>Action</td></tr>
|
123
|
+
<tr><td>ArrowLeft</td><td>ArrowLeft</td><td>Move cursor left one character</td></tr>
|
124
|
+
<tr><td>ArrowRight</td><td>ArrowRight</td><td>Move cursor right one character</td></tr>
|
125
|
+
<tr><td>Alt+ArrowLeft</td><td>Ctrl+ArrowLeft</td><td>Move cursor one group left</td></tr>
|
126
|
+
<tr><td>Alt+ArrowRight</td><td>Ctrl+ArrowRight</td><td>Move cursor one group right</td></tr>
|
127
|
+
<tr><td>Cmd+ArrowLeft</td><td></td><td>Move cursor to start of line</td></tr>
|
128
|
+
<tr><td>Cmd+ArrowRight</td><td></td><td>Move cursor to end of line</td></tr>
|
129
|
+
<tr><td>ArrowUp</td><td>ArrowUp</td><td>Move cursor up one line</td></tr>
|
130
|
+
<tr><td>ArrowDown</td><td>ArrowDown</td><td>Move cursor down one line</td></tr>
|
131
|
+
<tr><td>Cmd+ArrowUp</td><td></td><td>Move cursor to start of document</td></tr>
|
132
|
+
<tr><td>Cmd+ArrowDown</td><td></td><td>Move cursor to end of document</td></tr>
|
133
|
+
<tr><td>Cmd+End</td><td>Ctrl+End</td><td>Move cursor to start of document</td></tr>
|
134
|
+
<tr><td>Cmd+Home</td><td>Ctrl+Home</td><td>Move cursor to end of document</td></tr>
|
135
|
+
<tr><td>PageUp</td><td>PageUp</td><td>Move cursor one page up</td></tr>
|
136
|
+
<tr><td>PageDown</td><td>PageDown</td><td>Move cursor one page down</td></tr>
|
137
|
+
<tr><td>Home</td><td>Home</td><td>Move cursor to previous line boundary</td></tr>
|
138
|
+
<tr><td>End</td><td>End</td><td>Move cursor to next line boundary</td></tr>
|
139
|
+
<tr><td>Enter</td><td>Enter</td><td>Insert new line and indent</td></tr>
|
140
|
+
<tr><td>Cmd+a</td><td>Ctrl+a</td><td>Select all</td></tr>
|
141
|
+
<tr><td>Backspace</td><td>Backspace</td><td>Delete previous character</td></tr>
|
142
|
+
<tr><td>Delete</td><td>Delete</td><td>Delete next character</td></tr>
|
143
|
+
<tr><td>Alt+Backspace</td><td>Ctrl+Backspace</td><td>Delete previous group</td></tr>
|
144
|
+
<tr><td>Alt+Delete</td><td>Ctrl+Delete</td><td>Delete next group</td></tr>
|
145
|
+
<tr><td>Cmd+Backspace</td><td></td><td>Delete to start of line</td></tr>
|
146
|
+
<tr><td>Cmd+Delete</td><td></td><td>Delete to end of line</td></tr>
|
147
|
+
|
148
|
+
<tr class="keyboard-shortcut-section"><td colspan="3">Editor Default Shortcuts</td></tr>
|
149
|
+
<tr class="keyboard-shortcut-header"><td> Mac</td><td>Windows</td><td>Action</td></tr>
|
150
|
+
<tr><td>Alt+ArrowUp</td><td>Alt+ArrowUp</td><td>Move line up</td></tr>
|
151
|
+
<tr><td>Alt+ArrowDown</td><td>Alt+ArrowDown</td><td>Move line down</td></tr>
|
152
|
+
<tr><td>Shift+Alt+ArrowUp</td><td>Shift+Alt+ArrowUp</td><td>Copy line up</td></tr>
|
153
|
+
<tr><td>Shift+Alt+ArrowDown</td><td>Shift+Alt+ArrowDown</td><td>Copy line down</td></tr>
|
154
|
+
<tr><td>Escape</td><td>Escape</td><td>Simplify selection</td></tr>
|
155
|
+
<tr><td>Shift+Enter</td><td>Shift+Enter</td><td>Insert blank line</td></tr>
|
156
|
+
<tr><td>Ctrl+l</td><td>Alt+l</td><td>Select line</td></tr>
|
157
|
+
<tr><td>Cmd+i</td><td>Ctrl+i</td><td>Expand current selection</td></tr>
|
158
|
+
<tr><td>Cmd+[</td><td>Ctrl+[</td><td>Decrease indent</td></tr>
|
159
|
+
<tr><td>Cmd+]</td><td>Ctrl+]</td><td>Increase indent</td></tr>
|
160
|
+
<tr><td>Cmd+Alt+\</td><td>Ctrl+Alt+\</td><td>Indent selection</td></tr>
|
161
|
+
<tr><td>Shift+Cmd+k</td><td>Shift+Ctrl+k</td><td>Delete line</td></tr>
|
162
|
+
<tr><td>Shift+Cmd+\</td><td>Shift+Ctrl+\</td><td>cursorMatchingBracket</td></tr>
|
163
|
+
<tr><td>Cmd+/</td><td>Ctrl+/</td><td>Toggle comment</td></tr>
|
164
|
+
<tr><td>Shift+Alt+a</td><td>Shift+Alt+a</td><td>Toggle comment</td></tr>
|
165
|
+
|
166
|
+
<tr class="keyboard-shortcut-section"><td colspan="3">Editor Completion Shortcuts</td></tr>
|
167
|
+
<tr class="keyboard-shortcut-header"><td> Mac</td><td>Windows</td><td>Action</td></tr>
|
168
|
+
<tr><td>Ctrl+Space</td><td>Ctrl+Space</td><td>Start completion</td></tr>
|
169
|
+
<tr><td>Escape</td><td>Escape</td><td>Close completion</td></tr>
|
170
|
+
<tr><td>ArrowUp</td><td>ArrowUp</td><td>Move selection up</td></tr>
|
171
|
+
<tr><td>ArrowDown</td><td>ArrowDown</td><td>Move selection down</td></tr>
|
172
|
+
<tr><td>PageUp</td><td>PageUp</td><td>Move selection page up</td></tr>
|
173
|
+
<tr><td>PageDown</td><td>PageDown</td><td>Move selection page down</td></tr>
|
174
|
+
<tr><td>Enter</td><td>Enter</td><td>Accept completion</td></tr>
|
175
|
+
</tbody>
|
176
|
+
</table>
|
177
|
+
</div>
|
178
|
+
|
106
179
|
<div id="status-box">
|
107
180
|
<div id="status-message"></div>
|
108
181
|
<div style="flex: 1;"></div>
|
@@ -0,0 +1,30 @@
|
|
1
|
+
#help-box h2 {
|
2
|
+
font-size: 22px;
|
3
|
+
margin: 10px 0 20px 0;
|
4
|
+
}
|
5
|
+
#help-box table#keyboard-shortcuts {
|
6
|
+
border-collapse: collapse;
|
7
|
+
}
|
8
|
+
|
9
|
+
#help-box table#keyboard-shortcuts tr.keyboard-shortcut-header {
|
10
|
+
font-weight: bold;
|
11
|
+
background: #efefef;
|
12
|
+
}
|
13
|
+
|
14
|
+
#help-box table#keyboard-shortcuts td, #help-box table#keyboard-shortcuts tr.keyboard-shortcut-header {
|
15
|
+
text-align: left;
|
16
|
+
border: 1px solid #ddd;
|
17
|
+
padding: 10px;
|
18
|
+
font-size: 14px;
|
19
|
+
}
|
20
|
+
|
21
|
+
#help-box table#keyboard-shortcuts .keyboard-shortcut-section td {
|
22
|
+
border: none;
|
23
|
+
font-weight: bold;
|
24
|
+
padding: 20px 5px 5px 0;
|
25
|
+
font-size: 16px;
|
26
|
+
}
|
27
|
+
|
28
|
+
#help-box table#keyboard-shortcuts tr.keyboard-shortcut-section:first-child td {
|
29
|
+
padding-top: 0;
|
30
|
+
}
|
data/client/resources/sqlui.css
CHANGED
@@ -242,18 +242,18 @@ body {
|
|
242
242
|
text-overflow: ellipsis;
|
243
243
|
}
|
244
244
|
|
245
|
-
#result-box, #fetch-sql-box, #
|
245
|
+
#result-box, #fetch-sql-box, #graph-box, #saved-box, #structure-box, #help-box {
|
246
246
|
flex: 1;
|
247
247
|
overflow: auto;
|
248
248
|
display: flex;
|
249
249
|
flex-direction: column;
|
250
250
|
}
|
251
251
|
|
252
|
-
table tbody tr td {
|
252
|
+
.resize-table tbody tr td {
|
253
253
|
height: 21px;
|
254
254
|
}
|
255
255
|
|
256
|
-
|
256
|
+
.resize-table tbody tr td abbr a {
|
257
257
|
color: #555;
|
258
258
|
cursor: pointer;
|
259
259
|
text-decoration: none;
|
@@ -265,7 +265,7 @@ table tbody tr td {
|
|
265
265
|
user-select: none;
|
266
266
|
}
|
267
267
|
|
268
|
-
|
268
|
+
.resize-table tbody tr td abbr {
|
269
269
|
margin: 0 5px 0 0;
|
270
270
|
text-decoration: none;
|
271
271
|
position: relative;
|
@@ -281,53 +281,50 @@ table tbody tr td {
|
|
281
281
|
padding: 20px;
|
282
282
|
}
|
283
283
|
|
284
|
-
table {
|
284
|
+
.resize-table {
|
285
285
|
font-family: monospace;
|
286
286
|
border-spacing: 0;
|
287
287
|
color: #333;
|
288
288
|
font-size: 18px;
|
289
289
|
}
|
290
290
|
|
291
|
-
table td:last-child, table th:last-child {
|
291
|
+
.resize-table td:last-child, .resize-table th:last-child {
|
292
292
|
border-right: none !important;
|
293
|
+
max-width: none;
|
293
294
|
}
|
294
295
|
|
295
|
-
td, th {
|
296
|
+
.resize-table td, .resize-table th {
|
296
297
|
font-weight: normal;
|
297
298
|
white-space: nowrap;
|
298
299
|
max-width: 500px;
|
299
300
|
}
|
300
301
|
|
301
|
-
|
302
|
-
max-width: none;
|
303
|
-
}
|
304
|
-
|
305
|
-
td {
|
302
|
+
.resize-table td {
|
306
303
|
overflow: hidden;
|
307
304
|
text-overflow: ellipsis;
|
308
305
|
padding: 5px 10px;
|
309
306
|
text-align: right;
|
310
307
|
}
|
311
308
|
|
312
|
-
|
309
|
+
.resize-table tbody tr td .cell-content-wrapper {
|
313
310
|
display: flex;
|
314
311
|
}
|
315
312
|
|
316
|
-
|
313
|
+
.resize-table tbody tr td .cell-value {
|
317
314
|
flex: 1;
|
318
315
|
}
|
319
316
|
|
320
|
-
th {
|
317
|
+
.resize-table th {
|
321
318
|
font-weight: bold;
|
322
319
|
border-bottom: 1px solid #ddd;
|
323
320
|
border-right: 1px solid #ddd;
|
324
321
|
}
|
325
322
|
|
326
|
-
th div.col-content-wrapper {
|
323
|
+
.resize-table th div.col-content-wrapper {
|
327
324
|
display: flex;
|
328
325
|
}
|
329
326
|
|
330
|
-
th div.col-name {
|
327
|
+
.resize-table th div.col-name {
|
331
328
|
overflow: hidden;
|
332
329
|
text-overflow: ellipsis;
|
333
330
|
flex: 1;
|
@@ -336,14 +333,14 @@ th div.col-name {
|
|
336
333
|
padding: 5px 10px;
|
337
334
|
}
|
338
335
|
|
339
|
-
th div.col-resizer {
|
336
|
+
.resize-table th div.col-resizer {
|
340
337
|
width: 7px;
|
341
338
|
position: relative;
|
342
339
|
left: 5px; /* center over the right border */
|
343
340
|
cursor: col-resize;
|
344
341
|
}
|
345
342
|
|
346
|
-
thead {
|
343
|
+
.resize-table thead {
|
347
344
|
padding: 0;
|
348
345
|
background-color: #fff;
|
349
346
|
position: -webkit-sticky;
|
@@ -449,12 +446,12 @@ thead {
|
|
449
446
|
color: #333;
|
450
447
|
}
|
451
448
|
|
452
|
-
table td:nth-child(1) {
|
449
|
+
#stats table td:nth-child(1) {
|
453
450
|
text-align: left;
|
454
451
|
font-family: Helvetica, sans-serif;
|
455
452
|
}
|
456
453
|
|
457
|
-
table td:nth-child(2) {
|
454
|
+
#stats table td:nth-child(2) {
|
458
455
|
text-align: right;
|
459
456
|
font-family: monospace;
|
460
457
|
}
|
@@ -556,3 +553,9 @@ select {
|
|
556
553
|
.jump-button {
|
557
554
|
font-size: 12px;
|
558
555
|
}
|
556
|
+
|
557
|
+
#help-box {
|
558
|
+
font-family: Helvetica, sans-serif;
|
559
|
+
padding: 10px;
|
560
|
+
width: 100%;
|
561
|
+
}
|