Pass the persisted query so that existing queries can be edited

Author: hibariya

app/views/adhoq/queries/_form.html.slim

@@ -14,7 +14,13 @@
 
   .form-group
     .form-control.query-editor
-      #query_field(data-current-tables-path="#{current_tables_path}" data-id="query_query" data-name="query[query]" data-placeholder="#{@query.persisted? ? 'Edit' : 'New'} query")
+      #query_field(
+        data-current-tables-path="#{current_tables_path}"
+        data-id="query_query"
+        data-name="query[query]"
+        data-placeholder="#{@query.persisted? ? 'Edit' : 'New'} query"
+        data-query="#{@query.query}"
+      )
 
   .modal.fade#nameAndDesc[role='dialog']
     .modal-dialog

query_editor/dist/queryEditor.bundle.js

@@ -15,7 +15,10 @@ export function launchEditor(element) {
     minimap: { enabled: false },
   });
 
-  editor.getModel().updateOptions({ tabSize: 2 });
+  const model = editor.getModel();
+
+  model.updateOptions({ tabSize: 2 });
+  model.setValue(element.dataset.query);
 
   const textarea = editor.domElement.getElementsByTagName('textarea')[0];
   textarea.setAttribute('placeholder', element.dataset.placeholder);