Merge branch 'master' of gitea.release11.com:R11/release11-tools into widlam/refactor/issue#201

Frontend/assets/scripts/frame.js

@@ -2,7 +2,7 @@ const tools = new Map();
 
 /**
  * Get address of Mock Services
- * 
+ *
  * @function
  * @name getMockHost
  * @kind function
@@ -30,7 +30,14 @@ function init() {
     tools.set("mock", "tools/mock.html");
 
     changeActiveTools('XML');
-    loadLastPage();
+    var toolUrl = window.location.search.substring(1);
+    if (toolUrl == "")
+        loadLastPage();
+    else if (tools.has(toolUrl))
+        changeTool(toolUrl);
+    else
+        loadLastPage();
+    
 }
 
 /**
@@ -81,6 +88,7 @@ function changeTool(tool) {
     const url = tools.get(tool);
     localStorage.setItem("lastPage", tool);
     document.getElementById("iframe").src = url;
+    document.location.search = tool;
 }
 
 /**

Frontend/assets/scripts/tools/mock/datatransfer.js

@@ -2,7 +2,7 @@ var clientUUID = '';
 var advancedDisplayed = false;
 var json = {};
 var jsonIndex = 0;
-var host = window.location.protocol + "//" + window.location.hostname + ":8097";
+var host = window.location.protocol + "//" + window.location.hostname + "/mock";
 
 const C_UUID = 'mock-uuid';
 const C_ADV = 'advanced-mode';

Frontend/assets/scripts/tools/mock/uianimation.js

@@ -78,7 +78,8 @@ function showHeadersHistory(record){
 }
 
 async function formatJSON(json) {
-    const address = window.location.protocol + "//" + window.location.hostname + ":" + 8081 + "/json/formatting";
+    const backend = "java";
+    const address = window.location.protocol + "//" + window.location.hostname + "/" + backend + "/json/formatting";
 
     var init = {
         body: json,
@@ -98,7 +99,8 @@ async function formatJSON(json) {
 }
 
 async function formatXML(xml) {
-    const address = window.location.protocol + "//" + window.location.hostname + ":" + 8082 + "/prettify";
+    const backend = "libxml";
+    const address = window.location.protocol + "//" + window.location.hostname + "/" + backend + "/prettify";
     var data = {
         data: xml,
         process: "",
@@ -140,7 +142,7 @@ function showRequestBody(element){
             });
             break;
         }
-        case "application/xml":{
+        case "application/xml": {
             formatXML(historyRequestBody).then(function(result) {
                 if (result.status == "OK") {
                     popupContent.innerText = result.result;

Frontend/assets/scripts/tools/scripts.js

@@ -76,7 +76,7 @@ function clearDataField() {
 */
 function fillDefaultXML(element) {
     if (element.classList.contains("active")) {
-        const serverAddress = window.location.protocol + "//" + window.location.hostname + ":8086";
+        const serverAddress = window.location.protocol + "//" + window.location.hostname;
         clearDefaultContent(document.getElementById("xmlArea"), "Insert XML here");
         fetch(serverAddress + "/assets/samples/sampleXml.xml")
         .then(response => response.text())
@@ -100,7 +100,7 @@ function fillDefaultXML(element) {
 * @returns {void}
 */
 function fillDefaultXSD(){
-    const serverAddress = window.location.protocol + "//" + window.location.hostname + ":8086";
+    const serverAddress = window.location.protocol + "//" + window.location.hostname;
     fetch(serverAddress + "/assets/samples/sampleXSD.xsd")
         .then( response => response.text() )
         .then( (XSDSchema) => {
@@ -126,7 +126,7 @@ function fillDefaultXSD(){
  * @returns {void}
  */
 function fillDefaultXSLT() {
-    const serverAddress = window.location.protocol + "//" + window.location.hostname + ":8086";
+    const serverAddress = window.location.protocol + "//" + window.location.hostname;
     fetch(serverAddress + "/assets/samples/XSLTTemplate.xslt")
         .then( response => response.text() )
         .then( (XSTLTemplate) => {
@@ -277,9 +277,9 @@ function performRequest(endpoint, checkXML, checkTransform) {
     var xmlData = document.getElementById(sourceId).innerText.trim();
     var transformData = document.getElementById(transformId).innerText.trim();
     
-    var port = 8081;
+    var backend = "java";
     if (getProcessor() == "libxml") {
-        port = 8082;
+        backend = "libxml";
     }
     
     var empty = false;
@@ -293,7 +293,7 @@ function performRequest(endpoint, checkXML, checkTransform) {
         empty = true;
     }
     if (!empty) {
-        restRequest(port, endpoint, xmlData, transformData).then(function (result) {
+        restRequest(backend, endpoint, xmlData, transformData).then(function (result) {
             document.getElementById("resultArea").innerText = result.result;
             highlightSyntax("resultArea");
             document.getElementById("procinfo").innerText = ' Computed using ' + result.processor;
@@ -333,7 +333,7 @@ function performFormatRequest(endpoint, checkXML, sourceId, targetId) {
     const sourceElement = document.getElementById(sourceId);
     const targetElement = document.getElementById(targetId);
     const infoElement = document.getElementById("formatinfo");
-    const port = 8082;
+    const backend = "libxml";
     var xmlData = sourceElement.innerText.trim();
     
     var empty = false;
@@ -344,7 +344,7 @@ function performFormatRequest(endpoint, checkXML, sourceId, targetId) {
     }
     
     if (!empty) {
-        restRequest(port, endpoint, xmlData, "").then(function (result) {
+        restRequest(backend, endpoint, xmlData, "").then(function (result) {
             if (result.status == "OK") {
                 targetElement.innerText = result.result.trim();
                 highlightSyntax(targetElement.id);
@@ -374,16 +374,15 @@ function performFormatRequest(endpoint, checkXML, sourceId, targetId) {
 * @function
 * @name restRequest
 * @kind function
-* @param {any} port of target service
+* @param {any} backend target backend
 * @param {any} endpoint of target service
 * @param {any} xmlData XML that will be sent
 * @param {any} transformData data used to transform given XML
 * @returns {Promise<any>}
 */
-async function restRequest(port, endpoint, xmlData, transformData) {
-    const escapeChar = "specialEscapeChar";
+async function restRequest(backend, endpoint, xmlData, transformData) {
     
-    const addr = window.location.protocol + "//" + window.location.hostname + ":" + port + "/" + endpoint;
+    const addr = window.location.protocol + "//" + window.location.hostname + "/" + backend + "/" + endpoint;
     
     if (defaultStrings.includes(xmlData)) {
         xmlData = "<empty/>";

Frontend/nginx.conf

@@ -12,8 +12,26 @@ server {
         add_header Cache-Control "private, no-store, no-cache, must-revalidate, proxy-revalidate, max-age=0";
     }
 
+    location /java/ {
+        proxy_pass http://xmltools-backend:8081/;
+        proxy_set_header Host $host;
+    }
+
+    location /libxml/ {
+        proxy_pass http://xmltools-libxml-backend/;
+        proxy_set_header Host $host;
+    }
+
+    location /mock/ {
+        proxy_pass http://xmltools-mocked-services:8097/;
+        proxy_set_header Host $host;
+        proxy_set_header Content-Type $http_content_type;
+    }
+
     #error_page  404              /404.html;
 
+
+
     # redirect server error pages to the static page /50x.html
     #
     error_page   500 502 503 504  /50x.html;

Frontend/tools/jsonFormatter.html

@@ -31,7 +31,7 @@
               <button class="action-button active" id="clearXMLButton" style="padding: 3px 10px;"
                       onclick="clearJsonData()">Clear</button>
               <button class="action-button active" id="defaultXMLButton" style="padding: 3px 10px;"
-                      onclick="insertDefaultJson()">Insert default XML</button>
+                      onclick="insertDefaultJson()">Insert default JSON</button>
             </div>
           </div>
           <pre>