mirror of
https://github.com/simonw/datasette.git
synced 2025-12-10 16:51:24 +01:00
ee330222f4
Following discussion in #601, this PR adds a "Format SQL" button to read-only SQL (if the SQL actually differs from the formatting result). It also removes a console error on readonly SQL queries. Thanks, @rixx!
37 lines
1.2 KiB
HTML
37 lines
1.2 KiB
HTML
<script>
|
|
window.onload = () => {
|
|
const sqlFormat = document.querySelector("button#sql-format");
|
|
const readOnly = document.querySelector("pre#sql-query");
|
|
const sqlInput = document.querySelector("textarea#sql-editor");
|
|
if (sqlFormat && !readOnly) {
|
|
sqlFormat.hidden = false;
|
|
}
|
|
if (sqlInput) {
|
|
var editor = CodeMirror.fromTextArea(sqlInput, {
|
|
lineNumbers: true,
|
|
mode: "text/x-sql",
|
|
lineWrapping: true,
|
|
});
|
|
editor.setOption("extraKeys", {
|
|
"Shift-Enter": function() {
|
|
document.getElementsByClassName("sql")[0].submit();
|
|
},
|
|
Tab: false
|
|
});
|
|
if (sqlFormat) {
|
|
sqlFormat.addEventListener("click", ev => {
|
|
editor.setValue(sqlFormatter.format(editor.getValue()));
|
|
})
|
|
}
|
|
}
|
|
if (sqlFormat && readOnly) {
|
|
const formatted = sqlFormatter.format(readOnly.innerHTML);
|
|
if (formatted != readOnly.innerHTML) {
|
|
sqlFormat.hidden = false;
|
|
sqlFormat.addEventListener("click", ev => {
|
|
readOnly.innerHTML = formatted;
|
|
})
|
|
}
|
|
}
|
|
}
|
|
</script>
|