From 79b9a54334ede216bfff35a11ecf944e2c37166b Mon Sep 17 00:00:00 2001
From: Adam Bem <adam.bem@zoho.eu>
Date: Tue, 6 Jun 2023 13:52:39 +0200
Subject: [PATCH] Connected frontend and backend

---
 Frontend/assets/scripts/tools/scripts.js | 18 ++++++++++++++++++
 Frontend/tools/xquery.html               |  2 +-
 2 files changed, 19 insertions(+), 1 deletion(-)

diff --git a/Frontend/assets/scripts/tools/scripts.js b/Frontend/assets/scripts/tools/scripts.js
index 729ee8e..911aaad 100644
--- a/Frontend/assets/scripts/tools/scripts.js
+++ b/Frontend/assets/scripts/tools/scripts.js
@@ -135,6 +135,24 @@ function fillDefaultXSLT() {
         } )   
 }
 
+/**
+ * The `fillDefaultXQuery()` function fetches a default XQuery from the server and sets the value of the element with id "transformArea" to the fetched template.
+ * 
+ * @function
+ * @name fillDefaultXQuery
+ * @kind function
+ * @returns {void}
+ */
+function fillDefaultXQuery() {
+    const serverAddress = window.location.protocol + "//" + window.location.hostname;
+    fetch(serverAddress + "/assets/samples/sampleXQuery.xquery")
+        .then( response => response.text() )
+        .then( (XQueryTemplate) => {
+            document.getElementById('transformArea').innerText = XQueryTemplate;
+            highlightSyntax("transformArea");
+        } )   
+}
+
 /**
 * It sets default content for the element an changes it's color to grey
 * 
diff --git a/Frontend/tools/xquery.html b/Frontend/tools/xquery.html
index fd0a56a..8a4ee1d 100644
--- a/Frontend/tools/xquery.html
+++ b/Frontend/tools/xquery.html
@@ -55,7 +55,7 @@
                 <div class="display-space-between">
                     <label for="transformArea"><b>Insert your XQuery:</b></label>
                     <div>
-                        <button class="action-button active" id="defaultQueryButton" style="padding: 3px 10px;">Insert default query</button>
+                        <button class="action-button active" id="defaultQueryButton" style="padding: 3px 10px;" onclick="fillDefaultXQuery();">Insert default XQuery</button>
                     </div>
                 </div>
                 <pre><code class="language-xml bordered-field textarea-300" id="transformArea" contenteditable="True"></code></pre>