fix port number

change card colour
visual update
2025-05-15 13:35:04 +02:00 · 2025-05-15 13:14:31 +02:00 · 2025-05-15 12:49:25 +02:00 · 2025-02-11 17:48:46 +01:00 · 2025-02-11 17:46:24 +01:00 · 2025-02-05 17:01:23 +01:00
34 changed files with 319 additions and 411 deletions
--- a/Backend-libXML/Parser.py
+++ b/Backend-libXML/Parser.py
@@ -79,9 +79,11 @@ def xpath(source: str, xpath: str) -> str:
    else:
        result_string = ""
        for e in result:
-            result_string += etree.tostring(e, pretty_print=True).decode() + "\n"
-        return result_string, "node"
-
+            if isinstance(e, etree._Element):
+                result_string += etree.tostring(e, pretty_print=True).decode() + "\n"
+            else:
+                result_string += str(e) + "\n"
+    return result_string, "node"


 def xsd(source: str, xsd: str) -> bool:
--- a/Backend/tools-services/pom.xml
+++ b/Backend/tools-services/pom.xml
@@ -84,14 +84,8 @@
    <dependency>
      <groupId>xalan</groupId>
      <artifactId>xalan</artifactId>
-      <version>2.7.3</version>
+      <version>2.7.2</version>
    </dependency>
-    <dependency>
-      <groupId>xerces</groupId>
-      <artifactId>xercesImpl</artifactId>
-      <version>2.12.2</version>
-    </dependency>
-

    <!-- Logging -->
    <dependency>
--- a/Backend/tools-services/src/main/java/com/r11/tools/controller/MultipleXMLController.java
+++ b/Backend/tools-services/src/main/java/com/r11/tools/controller/MultipleXMLController.java
@@ -68,7 +68,7 @@ public class MultipleXMLController implements RestController {
    private XMLResponseBody processData(MultipleXmlJob xmlJob) throws Exception {
        XmlEngine engine = xmlJob.getEngine();
        XMLMultipleFilesBody requestBody = xmlJob.getRequestBody();
-        String result = engine.processXSLT(requestBody.getParams(), requestBody.getData(), requestBody.getProcessorData());
+        String result = engine.processXSLT(requestBody.getData(), requestBody.getProcessorData());
        return new XMLResponseBody(result, "OK", requestBody.getVersion());
    }

--- a/Backend/tools-services/src/main/java/com/r11/tools/controller/XmlController.java
+++ b/Backend/tools-services/src/main/java/com/r11/tools/controller/XmlController.java
@@ -1,26 +1,17 @@
 package com.r11.tools.controller;

 import com.google.gson.Gson;
-import com.r11.tools.controller.internal.GlobalControllerManifest;
-import com.r11.tools.controller.internal.HandlerType;
-import com.r11.tools.controller.internal.RestController;
-import com.r11.tools.controller.internal.ScopedControllerManifest;
-import com.r11.tools.controller.internal.XmlJob;
-import com.r11.tools.controller.internal.XmlJobType;
+import com.r11.tools.controller.internal.*;
 import com.r11.tools.model.XMLRequestBody;
 import com.r11.tools.model.XMLResponseBody;
 import com.r11.tools.model.XPathQueryResult;
-import com.r11.tools.model.XmlTools;
 import com.r11.tools.xml.XmlEngine;
 import org.apache.logging.log4j.Logger;
 import spark.Request;
 import spark.Response;

-import java.util.Objects;
-
 /**
 * Controller used to handle XML tools: XPath, XSD validation, XQuery and XSLT
- *
 * @author Adam Bem
 */
@GlobalControllerManifest
@@ -31,15 +22,12 @@ public class XmlController implements RestController {

    private final XmlEngine saxon;
    private final XmlEngine xalan;
-    private final XmlTools tools;

    public XmlController(Gson gson, Logger logger, XmlEngine saxon, XmlEngine xalan) {
        this.gson = gson;
        this.logger = logger;
        this.saxon = saxon;
        this.xalan = xalan;
-        this.tools = new XmlTools();
-
    }

    @ScopedControllerManifest(method = HandlerType.POST, path = "/xpath")
@@ -60,7 +48,6 @@ public class XmlController implements RestController {

    @ScopedControllerManifest(method = HandlerType.POST, path = "/xslt")
    public void acceptRequestXslt(Request request, Response response) {
-        System.out.println("received xslt");
        acceptRequest(request, response, XmlJobType.XSLT);
    }

@@ -104,6 +91,7 @@ public class XmlController implements RestController {
            responseBody.setDuration(duration);

            xmlJob.getResponse().status(200);
+
            this.logger.info("Request (" + xmlJob.getXmlJobType() + ", " +
                    xmlJob.getEngine().getVersion() +
                    ") processed in " + duration + " ms.");
@@ -142,7 +130,7 @@ public class XmlController implements RestController {
        String result = null;
        switch (xmlJob.getXmlJobType()) {
            case XSLT:
-                result = engine.processXSLT(requestBody.getParams(),requestBody.getData(), requestBody.getProcessorData());
+                result = engine.processXSLT(requestBody.getData(), requestBody.getProcessorData());
                break;
            case XSD:
                result = engine.validate(requestBody.getData(), requestBody.getProcessorData()).trim();
@@ -153,10 +141,9 @@ public class XmlController implements RestController {
                        requestBody.getVersion());
                break;
        }
-        return new XMLResponseBody(result, "OK", requestBody.getProcessorData());
+        return new XMLResponseBody(result, "OK", requestBody.getVersion());
    }

-
    private XMLResponseBody processingErrorResponse(Exception ex, XmlJob xmlJob) {
        XmlEngine engine = xmlJob.getEngine();
        XmlJobType xmlJobType = xmlJob.getXmlJobType();
--- a/Backend/tools-services/src/main/java/com/r11/tools/controller/internal/XmlJob.java
+++ b/Backend/tools-services/src/main/java/com/r11/tools/controller/internal/XmlJob.java
@@ -7,7 +7,7 @@ import spark.Response;
 public class XmlJob {
    private final Response response;
    private final XMLRequestBody requestBody;
-    private XmlEngine engine;
+    private final XmlEngine engine;
    private final XmlJobType xmlJobType;

    public XmlJob(Response response, XMLRequestBody requestBody, XmlEngine engine, XmlJobType xmlJobType) {
@@ -16,11 +16,7 @@ public class XmlJob {
        this.engine = engine;
        this.xmlJobType = xmlJobType;
    }
-    public XmlJob(Response response, XMLRequestBody requestBody, XmlJobType xmlJobType) {
-        this.response = response;
-        this.requestBody = requestBody;
-        this.xmlJobType = xmlJobType;
-    }
+
    public Response getResponse() {
        return response;
    }
--- a/Backend/tools-services/src/main/java/com/r11/tools/controller/internal/XmlJobType.java
+++ b/Backend/tools-services/src/main/java/com/r11/tools/controller/internal/XmlJobType.java
@@ -1,7 +1,7 @@
 package com.r11.tools.controller.internal;

 public enum XmlJobType {
-    XPath("XPath"), XSD("XSD"), XQuery("XQuery"), XSLT("XSLT"), XSLT_PARAM("XSLT_PARAM");
+    XPath("XPath"), XSD("XSD"), XQuery("XQuery"), XSLT("XSLT");

    XmlJobType(String type) {
    }
--- a/Backend/tools-services/src/main/java/com/r11/tools/model/Param.java
+++ b/Backend/tools-services/src/main/java/com/r11/tools/model/Param.java
@@ -1,20 +0,0 @@
-package com.r11.tools.model;
-
-import com.google.gson.annotations.SerializedName;
-
-
-public class Param {
-    @SerializedName("key")
-    private String key;
-    @SerializedName("value")
-    private String value;
-
-    public String getKey() {
-        return key;
-    }
-
-    public String getValue() {
-        return value;
-    }
-}
-
--- a/Backend/tools-services/src/main/java/com/r11/tools/model/XMLMultipleFilesBody.java
+++ b/Backend/tools-services/src/main/java/com/r11/tools/model/XMLMultipleFilesBody.java
@@ -2,8 +2,6 @@ package com.r11.tools.model;

 import com.google.gson.annotations.SerializedName;

-import java.util.List;
-
 public class XMLMultipleFilesBody {

    @SerializedName("data")
@@ -14,8 +12,6 @@ public class XMLMultipleFilesBody {
    private String processor;
    @SerializedName("version")
    private String version;
-    @SerializedName("params")
-    private List<Param> params;


    public String getProcessorData() {
@@ -33,9 +29,4 @@ public class XMLMultipleFilesBody {
    public XMLMultipleFilesData[] getData() {
        return data;
    }
-
-    public List<Param> getParams() {
-        return params;
-    }
-
 }
--- a/Backend/tools-services/src/main/java/com/r11/tools/model/XMLRequestBody.java
+++ b/Backend/tools-services/src/main/java/com/r11/tools/model/XMLRequestBody.java
@@ -2,8 +2,6 @@ package com.r11.tools.model;

 import com.google.gson.annotations.SerializedName;

-import java.util.List;
-
 /**
 * POJO class used to contain body of XML related requests
 * @author Adam Bem
@@ -17,22 +15,20 @@ public class XMLRequestBody {
    private String processor;
    @SerializedName("version")
    private String version;
-    @SerializedName("params")
-    private List<Param> params;

    public String getData() {
        return data;
    }
-    public String getProcessorData() {return processorData;}
+
+    public String getProcessorData() {
+        return processorData;
+    }
+
    public String getProcessor() {
        return processor;
    }
+
    public String getVersion() {
        return version;
    }
-    public List<Param> getParams() {
-        return params;
-    }
-
-
 }
--- a/Backend/tools-services/src/main/java/com/r11/tools/model/XMLResponseBody.java
+++ b/Backend/tools-services/src/main/java/com/r11/tools/model/XMLResponseBody.java
@@ -10,10 +10,6 @@ public class XMLResponseBody {
    // Optional
    private String type;

-    public XMLResponseBody(String status){
-        this.status = status;
-    }
-
    public XMLResponseBody(String result, String status, String processor) {
        this.result = result;
        this.status = status;
--- a/Backend/tools-services/src/main/java/com/r11/tools/model/XmlTools.java
+++ b/Backend/tools-services/src/main/java/com/r11/tools/model/XmlTools.java
@@ -1,64 +0,0 @@
-package com.r11.tools.model;
-
-import org.w3c.dom.Document;
-import org.w3c.dom.Element;
-import org.xml.sax.SAXException;
-
-import javax.xml.parsers.DocumentBuilder;
-import javax.xml.parsers.DocumentBuilderFactory;
-import javax.xml.parsers.ParserConfigurationException;
-import javax.xml.transform.Transformer;
-import javax.xml.transform.TransformerException;
-import javax.xml.transform.TransformerFactory;
-import javax.xml.transform.dom.DOMSource;
-import javax.xml.transform.stream.StreamResult;
-import java.io.ByteArrayInputStream;
-import java.io.ByteArrayOutputStream;
-import java.io.IOException;
-import java.io.InputStream;
-import java.nio.charset.StandardCharsets;
-import java.util.HashMap;
-import java.util.List;
-import java.util.Map;
-
-public class XmlTools {
-    private final Map<String, String> createdParameters = new HashMap<>();
-    private void createNewNode(String paramName, String paramValue, Document doc) {
-        String parameter = "xsl:param";
-        Element param = doc.createElement(parameter);
-        String nameAttribute = "name";
-        param.setAttribute(nameAttribute, paramName);
-        String valueAttribute = "select";
-        param.setAttribute(valueAttribute, "'" + paramValue + "'");
-        doc.getDocumentElement().appendChild(param);
-    }
-    public String addParams(List<Param> params,String processorData) {
-        params.forEach(param ->
-                createdParameters.put(param.getKey(), param.getValue())
-        );
-        try {
-            return docToString(addNode(processorData));
-
-        } catch (ParserConfigurationException | SAXException | IOException | TransformerException e) {
-            throw new RuntimeException(e);
-        }finally {
-            createdParameters.clear();
-        }
-    }
-    private Document addNode(String processorData) throws ParserConfigurationException, SAXException, IOException {
-        DocumentBuilder builder = DocumentBuilderFactory.newInstance().newDocumentBuilder();
-        InputStream stream = new ByteArrayInputStream(processorData.getBytes(StandardCharsets.UTF_8));
-        Document doc = builder.parse(stream);
-        createdParameters.forEach((paramName, paramValue) -> createNewNode(paramName, paramValue, doc));
-        return doc;
-    }
-    private String docToString(Document doc) throws TransformerException {
-        TransformerFactory transformerFactory = TransformerFactory.newInstance();
-        Transformer transformer = transformerFactory.newTransformer();
-        DOMSource source = new DOMSource(doc);
-        ByteArrayOutputStream outputStream = new ByteArrayOutputStream();
-        StreamResult result = new StreamResult(outputStream);
-        transformer.transform(source, result);
-        return outputStream.toString();
-    }
-}
--- a/Backend/tools-services/src/main/java/com/r11/tools/xml/Saxon.java
+++ b/Backend/tools-services/src/main/java/com/r11/tools/xml/Saxon.java
@@ -1,10 +1,7 @@
 package com.r11.tools.xml;

-import com.r11.tools.model.Param;
 import com.r11.tools.model.XMLMultipleFilesData;
-import com.r11.tools.model.XMLRequestBody;
 import com.r11.tools.model.XPathQueryResult;
-import com.r11.tools.model.XmlTools;
 import net.sf.saxon.s9api.*;

 import javax.xml.transform.stream.StreamSource;
@@ -13,7 +10,6 @@ import java.nio.file.Files;
 import java.nio.file.Path;
 import java.nio.file.Paths;
 import java.util.Comparator;
-import java.util.List;
 import java.util.UUID;

 /**
@@ -30,13 +26,10 @@ public class Saxon implements XmlEngine{
     * @throws SaxonApiException thrown on stylesheet or transformation error
     * @throws IOException thrown when file does not exist, or cannot be read.
     */
-    XmlTools tools = new XmlTools();
-    public String processXSLT(List<Param> params, XMLMultipleFilesData[] data, String transform) throws SaxonApiException, IOException{
+    public String processXSLT(XMLMultipleFilesData[] data, String transform) throws SaxonApiException, IOException{
        Processor processor = new Processor(false);
        XsltCompiler compiler = processor.newXsltCompiler();

-        transform = tools.addParams(params,transform);
-
        String filesPath = "/tmp/"+UUID.randomUUID()+"/";
        try{
            createXMLFilesFromData(data, filesPath);
@@ -85,18 +78,14 @@ public class Saxon implements XmlEngine{

    /**
     * Transforms string containing xml document via xslt
-     *
-     * @param params
-     * @param data      xml to be transformed
+     * @param data xml to be transformed
     * @param transform xslt
     * @return transformed xml
     * @throws SaxonApiException thrown on stylesheet or transformation errors
     */
-    public String processXSLT(List<Param> params, String data, String transform) throws SaxonApiException {
+    public String processXSLT(String data, String transform) throws SaxonApiException {
        Processor processor = new Processor(false);
        XsltCompiler compiler = processor.newXsltCompiler();
-        transform = tools.addParams(params,transform);
-        System.out.println(transform);
        XsltExecutable stylesheet = compiler.compile(new StreamSource(new StringReader(transform)));
        StringWriter sw = new StringWriter();
        Serializer out = processor.newSerializer(sw);
--- a/Backend/tools-services/src/main/java/com/r11/tools/xml/Xalan.java
+++ b/Backend/tools-services/src/main/java/com/r11/tools/xml/Xalan.java
@@ -1,10 +1,7 @@
 package com.r11.tools.xml;

-import com.r11.tools.model.Param;
 import com.r11.tools.model.XMLMultipleFilesData;
-import com.r11.tools.model.XMLRequestBody;
 import com.r11.tools.model.XPathQueryResult;
-import com.r11.tools.model.XmlTools;
 import org.apache.xpath.XPathAPI;
 import org.w3c.dom.Document;
 import org.w3c.dom.Node;
@@ -25,7 +22,6 @@ import java.io.ByteArrayOutputStream;
 import java.io.OutputStreamWriter;
 import java.io.StringReader;
 import java.io.StringWriter;
-import java.util.List;

 /**
 * Handler for Xalan engine
@@ -35,20 +31,16 @@ public class Xalan implements XmlEngine{

    /**
     * Transforms string containing xml document via xslt
-     *
-     * @param params
-     * @param data      xml to be transformed
+     * @param data xml to be transformed
     * @param transform xslt
     * @return transformed xml
     * @throws Exception thrown on stylesheet or transformation errors
     */
-    public String processXSLT(List<Param> params, String data, String transform) throws Exception {
+    public String processXSLT(String data, String transform) throws Exception {
        DocumentBuilderFactory factory = DocumentBuilderFactory.newInstance();
        DocumentBuilder builder = factory.newDocumentBuilder();
        Document document = builder.parse(new InputSource(new StringReader(data)));

-        XmlTools tools = new XmlTools();
-        transform = tools.addParams(params,transform);
        StreamSource stylesource = new StreamSource(new StringReader(transform));
        Transformer transformer = TransformerFactory.newInstance().newTransformer(stylesource);
        transformer.setOutputProperty(OutputKeys.ENCODING, "UTF-8");
@@ -69,8 +61,15 @@ public class Xalan implements XmlEngine{
        return nodeType == Node.CDATA_SECTION_NODE || nodeType == Node.TEXT_NODE;
    }

+    private boolean isAttributeNode(Node n) {
+        if (n == null)
+            return false;
+        short nodeType = n.getNodeType();
+        return nodeType == Node.CDATA_SECTION_NODE || nodeType == Node.ATTRIBUTE_NODE;
+    }
+
    @Override
-    public String processXSLT(List<Param> params, XMLMultipleFilesData[] data, String transform) throws Exception {
+    public String processXSLT(XMLMultipleFilesData[] data, String transform) throws Exception {
        throw new UnsupportedOperationException("Xalan does not support multiple files XSLT processing");
    }

@@ -109,7 +108,10 @@ public class Xalan implements XmlEngine{
                    for (Node nn = n.getNextSibling(); isTextNode(nn); nn = nn.getNextSibling()) {
                        resultString.append(nn.getNodeValue());
                    }
-                } else {
+                } else if (isAttributeNode(n)) {
+                    resultString.append(n.getNodeValue());
+                }
+                else {
                    ByteArrayOutputStream outputStream = new ByteArrayOutputStream();
                    serializer.transform(new DOMSource(n), new StreamResult(new OutputStreamWriter(outputStream)));
                    resultString.append(outputStream);
--- a/Backend/tools-services/src/main/java/com/r11/tools/xml/XmlEngine.java
+++ b/Backend/tools-services/src/main/java/com/r11/tools/xml/XmlEngine.java
@@ -1,17 +1,17 @@
 package com.r11.tools.xml;

-import com.r11.tools.model.Param;
 import com.r11.tools.model.XMLMultipleFilesData;
 import com.r11.tools.model.XPathQueryResult;

-import java.util.List;
-
 public interface XmlEngine {

-    String processXSLT(List<Param> params, XMLMultipleFilesData[] data, String transform) throws Exception;
+    String processXSLT(XMLMultipleFilesData[] data, String transform) throws Exception;
    XPathQueryResult processXPath(String data, String query, String version) throws Exception;
-    String processXSLT(List<Param> params, String data, String transform) throws Exception;
+    String processXSLT(String data, String transform) throws Exception;
    String validate(String data, String xsd) throws Exception;
+
    String executeXQuery(String data, String xquery, String version) throws Exception;
+
    public String getVersion();
+
 }
--- a/Frontend/package-lock.json
+++ b/Frontend/package-lock.json
@@ -13,6 +13,7 @@
        "@codemirror/lang-xml": "^6.0.2",
        "@codemirror/theme-one-dark": "^6.1.2",
        "codemirror": "^6.0.1",
+        "material-icons": "^1.13.14",
        "thememirror": "^2.0.1",
        "vue": "^3.3.4",
        "vue-codemirror": "^6.1.1",
@@ -3071,6 +3072,11 @@
        "node": ">=12"
      }
    },
+    "node_modules/material-icons": {
+      "version": "1.13.14",
+      "resolved": "https://registry.npmjs.org/material-icons/-/material-icons-1.13.14.tgz",
+      "integrity": "sha512-kZOfc7xCC0rAT8Q3DQixYAeT+tBqZnxkseQtp2bxBxz7q5pMAC+wmit7vJn1g/l7wRU+HEPq23gER4iPjGs5Cg=="
+    },
    "node_modules/memorystream": {
      "version": "0.3.1",
      "resolved": "https://registry.npmjs.org/memorystream/-/memorystream-0.3.1.tgz",
@@ -6909,6 +6915,11 @@
        "@jridgewell/sourcemap-codec": "^1.4.13"
      }
    },
+    "material-icons": {
+      "version": "1.13.14",
+      "resolved": "https://registry.npmjs.org/material-icons/-/material-icons-1.13.14.tgz",
+      "integrity": "sha512-kZOfc7xCC0rAT8Q3DQixYAeT+tBqZnxkseQtp2bxBxz7q5pMAC+wmit7vJn1g/l7wRU+HEPq23gER4iPjGs5Cg=="
+    },
    "memorystream": {
      "version": "0.3.1",
      "resolved": "https://registry.npmjs.org/memorystream/-/memorystream-0.3.1.tgz",
--- a/Frontend/package.json
+++ b/Frontend/package.json
@@ -17,6 +17,7 @@
    "@codemirror/lang-xml": "^6.0.2",
    "@codemirror/theme-one-dark": "^6.1.2",
    "codemirror": "^6.0.1",
+    "material-icons": "^1.13.14",
    "thememirror": "^2.0.1",
    "vue": "^3.3.4",
    "vue-codemirror": "^6.1.1",
--- a/Frontend/src/App.vue
+++ b/Frontend/src/App.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { RouterView } from 'vue-router';
+import 'material-icons/iconfont/material-icons.css';
 import SidebarComponent from '@components/sidebar/SidebarComponent.vue';
 import {onMounted, provide, ref } from 'vue';

@@ -45,13 +46,12 @@ function getTheme(){
 </script>

 <template>
-  <div id="layout" class="font-sans flex h-screen bg-gradient-to-br from-sky-200 to-indigo-200 dark:from-sky-950 dark:to-indigo-950">
+  <div id="layout" class="font-sans flex h-screen bg-[#f5f7fa] dark:bg-gray-700 dark:from-sky-950 dark:to-indigo-950">
    <SidebarComponent @theme:changed="setTheme" />
-    <div class="relative p-4 w-full m-4 ml-0 bg-blue-50 dark:bg-gray-700 rounded-2xl overflow-hidden shadow-lg">
+    <div class="relative p-4 w-full m-4 ml-0 bg-[#f5f7fa] dark:bg-gray-700 rounded-2xl overflow-hidden ">
      <RouterView></RouterView>
    </div>
  </div>
-  
 </template>

 <style scoped></style>
--- a/Frontend/src/components/XsltParamComponent.vue
+++ b/Frontend/src/components/XsltParamComponent.vue
@@ -1,72 +0,0 @@
-<script setup lang="ts">
-import {ref} from 'vue'
-
-const emit = defineEmits<{
-  (event: 'update-value', options: { name: string }[]): void;
-}>();
-
-const options = ref<{ name: string }[]>([
-  { name: "Add Param" }
-]);
-
-const sendToParent = () => {
-  options.value.forEach((value) => {console.log("KID" + value + options.value.indexOf(value))})
-  emit('update-value', options.value);
-};
-const nameInput = ref('')
-const valueInput = ref('')
-const selectedOption = ref(options.value[0].name)
-
-const isNumeric = (string : string) => /^[+-]?\d+(\.\d+)?$/.test(string)
-
-const selectedFunction = () => {
-  const action = selectOption(selectedOption.value);
-  const name = nameInput.value.trim();
-  const value = valueInput.value.trim();
-
-  if (action === "Add Param" && name && value && !isNumeric(name)) {
-    options.value.push({ name: `${name} = ${value}` });
-    nameInput.value = valueInput.value = "";
-  }
-
-  if (action === "Remove Param") {
-    options.value = options.value.filter(option => option.name !== selectedOption.value);
-    selectedOption.value = options.value.length ? options.value[0].name : "";
-    nameInput.value = valueInput.value = "";
-  }
-  sendToParent();
-};
-function selectOption(option: string): string {
-  return option == "Add Param" ? "Add Param" : "Remove Param"
-}
-</script>
-
-<template>
-  <input
-      v-if="selectedOption==='Add Param'"
-      id="NameTextInput"
-      v-model="nameInput"
-      class="text-input h-full px-3 rounded-full border border-slate-400 bg-white dark:text-slate-100 dark:bg-gray-600 w-48"
-      type="text"
-      placeholder="Name"
-  />
-  <input
-      v-if="selectedOption==='Add Param'"
-      id="ValueTextInput"
-      v-model="valueInput"
-      class="text-input h-full px-3 rounded-full border border-slate-400 bg-white dark:text-slate-100 dark:bg-gray-600 w-48"
-      type="text"
-      placeholder="Value"
-  />
-  <select
-      v-model="selectedOption"
-      class="flex h-full px-3 rounded-full border border-slate-400 bg-white dark:text-slate-100 dark:bg-gray-600 w-48"
-  >
-    <option v-for="option in options" :value="option.name" :key="option.name">
-      {{ option.name }}
-    </option>
-  </select>
-  <button class="tool-button w-24" @click="selectedFunction">{{ selectOption(selectedOption) }}</button>
-
-</template>
-
--- a/Frontend/src/components/common/CodeEditorComponent.vue
+++ b/Frontend/src/components/common/CodeEditorComponent.vue
@@ -2,7 +2,8 @@
 import { onBeforeUpdate, inject } from 'vue'
 import { Codemirror } from 'vue-codemirror'
 import { oneDark } from '@codemirror/theme-one-dark'
-import { espresso } from 'thememirror';
+import { createTheme} from 'thememirror';
+import {tags as t} from '@lezer/highlight';
 import {xml} from '@codemirror/lang-xml'
 import {json} from '@codemirror/lang-json'
 import {html} from '@codemirror/lang-html'
@@ -18,6 +19,47 @@ const props= defineProps({
    },
 })

+const lightTheme = createTheme({
+	variant: 'light',
+	settings: {
+		background: '#FFFFFF',
+		foreground: '#000000',
+		caret: '#000000',
+		selection: '#80C7FF',
+		gutterBackground: '#FFFFFF',
+		gutterForeground: '#00000070',
+		lineHighlight: '#C1E2F840',
+	},
+	styles: [
+		{
+			tag: t.comment,
+			color: '#AAAAAA',
+		},
+		{
+			tag: [t.keyword, t.operator, t.typeName, t.tagName, t.propertyName],
+			color: '#2F6F9F',
+			fontWeight: 'bold',
+		},
+		{
+			tag: [t.attributeName, t.definition(t.propertyName)],
+			color: '#4F9FD0',
+		},
+		{
+			tag: [t.className, t.string, t.special(t.brace)],
+			color: '#CF4F5F',
+		},
+		{
+			tag: t.number,
+			color: '#CF4F5F',
+			fontWeight: 'bold',
+		},
+		{
+			tag: t.variableName,
+			fontWeight: 'bold',
+		},
+	],
+});
+
 const emit = defineEmits(
  [
    'update:updatedCode'
@@ -37,7 +79,7 @@ function selectTheme() {
  if (isDarkModeSet())
    return oneDark;
  else
-    return espresso;
+    return lightTheme;
 }

 function isDarkModeSet(){
@@ -83,4 +125,4 @@ function parseLanguage(name: String){
      />
    
  </div>
-</template>
+</template>
--- a/Frontend/src/components/landing/LandingComponent.vue
+++ b/Frontend/src/components/landing/LandingComponent.vue
@@ -1,42 +1,79 @@
 <script setup lang="ts">
-
 </script>

 <template>
-  <div class="dark:text-slate-100">
-    <h1 class="text-3xl mb-4">Welcome to Release11 Tools</h1>
-    <h2 class="text-xl">Our tool set is split to three main categories:</h2>
-    <ul class="list-decimal ml-5">
-      <li><strong>XML</strong> - containing various tools that allow to validate and transform any XML</li>
-      <li><strong>Formatter</strong> - containing tools for formatting text files in various formats</li>
-      <li><strong>REST</strong> - consist of Mock that allows to create mocked REST endpoint</li>
-      <li><strong>Encoder</strong> - consist of encoders for Base64 and URL</li>
-    </ul>
-    <br/>
+  <div class="dark:text-slate-100 bg-[#f5f7fa] flex w-fit flex-col items-center ">

-    <h2 class="text-xl mt-2">XML - Tools:</h2>
-    <ul class="list-decimal ml-5">
-      <li><strong>XPath</strong> - This is tool that allows to parse XPath on selected XML</li>
-      <li><strong>XQuery</strong> - Allows to execute XQuery on provided XML file.</li>
-      <li><strong>XSD</strong> - Allows to validate XML against provided XSD schema.</li>
-      <li><strong>XSLT</strong> - Allows to transform XML using XSLT transform.</li>
-    </ul>
-    
-    <h2 class="text-xl mt-2">Formatter - Tools:</h2>
-    <p>These are tools that allow to format or minimize files in bespoken formats.</p>
-    
-    <h2 class="text-xl mt-2">REST - Tools:</h2>
-    <p>This is tools that allow to created mocked REST Service that can be used to test REST clients.</p>
-    
-    <h2 class="text-xl mt-2">Encoder - Tools:</h2>
-    <ul class="list-decimal ml-5">
-      <li><strong>Base64</strong> - This is tool allowing to encode text to base64 and decode base64 to text or image.</li>
-      <li><strong>URL</strong> - This tool allow to encode string in the way that is used by browser when you put it in address bar.</li>
-    </ul>
-    
+    <div class="flex my-4 px-4 py-4 w-full rounded-lg shadow-lg flex-col bg-white items-center">
+      <h1 class="text-3xl">Welcome to Release11 Tools</h1>
+
+    </div>
+    <div class="flex my-4 px-4 py-4  w-full rounded-lg shadow-lg flex-col bg-white ">
+      <div class="flex items-center gap-2">
+        <i class="material-icons text-2xl text-[#2A93B0]">construction</i>
+        <h2 class="text-xl">Our tool set is split to three main categories:</h2>
+      </div>
+      <ul class="list-decimal ml-5">
+        <li>
+          <strong>XML</strong> - containing various tools that allow to validate and transform any
+          XML
+        </li>
+        <li>
+          <strong>Formatter</strong> - containing tools for formatting text files in various formats
+        </li>
+        <li><strong>REST</strong> - consist of Mock that allows to create mocked REST endpoint</li>
+        <li><strong>Encoder</strong> - consist of encoders for Base64 and URL</li>
+      </ul>
+    </div>
+    <br />
+    <div class="flex my-4 px-4 py-4 w-full rounded-lg shadow-lg flex-col bg-white ">
+      <div class="flex items-center gap-2">
+        <i class="material-icons text-2xl text-[#2A93B0]">code</i>
+        <h2 class="text-xl ">XML - Tools:</h2>
+
+      </div>
+
+      <ul class="list-decimal ml-5">
+        <li><strong>XPath</strong> - This is tool that allows to parse XPath on selected XML</li>
+        <li><strong>XQuery</strong> - Allows to execute XQuery on provided XML file.</li>
+        <li><strong>XSD</strong> - Allows to validate XML against provided XSD schema.</li>
+        <li><strong>XSLT</strong> - Allows to transform XML using XSLT transform.</li>
+      </ul>
+    </div>
+    <div class="flex my-4 px-4 py-4 w-full rounded-lg shadow-lg flex-col bg-white ">
+      <div class="flex items-center gap-2">
+        <i class="material-icons text-2xl text-[#2A93B0]">format_align_left</i>
+        <h2 class="text-xl ">Formatter - Tools:</h2>
+      </div>
+      <p>These are tools that allow to format or minimize files in bespoken formats.</p>
+    </div>
+    <div class="flex my-4 px-4 py-4 w-full rounded-lg shadow-lg flex-col bg-white ">
+      <div class="flex items-center gap-2">
+        <i class="material-icons text-2xl text-[#2A93B0]">lan</i>
+        <h2 class="text-xl ">REST - Tools:</h2>
+      </div>
+      <p>
+        This is tools that allow to created mocked REST Service that can be used to test REST
+        clients.
+      </p>
+    </div>
+    <div class="flex my-4 px-4 py-4 w-full rounded-lg shadow-lg flex-col bg-white ">
+      <div class="flex items-center gap-2">
+        <i class="material-icons  text-2xl text-[#2A93B0]  ">cached</i>
+        <h2 class="text-xl ">Encoder - Tools:</h2>
+      </div>
+      <ul class="list-decimal ml-5">
+        <li>
+          <strong>Base64</strong> - This is tool allowing to encode text to base64 and decode base64
+          to text or image.
+        </li>
+        <li>
+          <strong>URL</strong> - This tool allow to encode string in the way that is used by browser
+          when you put it in address bar.
+        </li>
+      </ul>
+    </div>
  </div>
-  
 </template>

 <style scoped></style>
-
--- a/Frontend/src/components/man/ManTooltipComponent.vue
+++ b/Frontend/src/components/man/ManTooltipComponent.vue
@@ -15,11 +15,16 @@ function toggleTooltips() {
 </script>

 <template>
-    <div :class="areTooltipsHidden ? 'w-fit' : 'w-5/12'" class="hidden xl:flex items-stretch p-2 flex-row rounded-xl shadow-lg bg-gradient-to-r from-blue-400 to-blue-300 dark:from-sky-600 dark:to-sky-800 ">
-        <button :class="{'mr-2' : !areTooltipsHidden }" class="text-xl w-6 dark:text-slate-100" @click="toggleTooltips()">
+  <div
+      :class="[
+      areTooltipsHidden ? 'w-fit' : 'w-5/12',
+      'hidden xl:flex items-stretch p-2 flex-row rounded-lg shadow-lg',
+      'bg-[#bbe3ef] dark:bg-[#2A93B0]'
+    ]"
+  >       <button :class="{'mr-2' : !areTooltipsHidden }" class="text-xl w-6 bg-[#bbe3ef] dark:bg-[#2A93B0]" @click="toggleTooltips()">
            T<br/>o<br/>o<br/>l<br/>t<br/>i<br/>p<br/>s
        </button>
-        <div id="content" :class="{'hidden' : areTooltipsHidden}" class="w-full flex flex-col gap-4 p-2 overflow-auto rounded-xl dark:text-white bg-indigo-50 dark:bg-gray-700" >
+        <div id="content" :class="{'hidden' : areTooltipsHidden}" class="w-full flex flex-col gap-4 p-2 overflow-auto rounded-lg dark:text-white bg-white dark:bg-gray-700" >
            <slot></slot>
        </div>
    </div>
--- a/Frontend/src/components/sidebar/SidebarMenuElementComponent.vue
+++ b/Frontend/src/components/sidebar/SidebarMenuElementComponent.vue
@@ -17,11 +17,11 @@ const props = defineProps(


 <template>
-    <div class="w-full mb-4 p-2 rounded-xl shadow-lg bg-gradient-to-r from-blue-400 to-blue-300 dark:from-sky-700 dark:to-sky-900">
-        <button @click="switchHiddenElement()" type="button" :class="[isActive ? 'rounded-lg' : 'rounded-lg']" class="w-full p-1 text-lg font-normal text-gray-900 transition duration-75 hover:bg-blue-100 dark:text-gray-100  dark:hover:bg-slate-600">
+    <div class="w-full mb-4 p-2 rounded-xl shadow-lg bg-white dark:bg-gray-600 dark:from-sky-700 dark:to-sky-900">
+        <button @click="switchHiddenElement()" type="button" :class="[isActive ? 'rounded-lg' : 'rounded-lg']" class="w-full p-1 text-lg font-normal text-gray-900 transition duration-75 hover:bg-[#2A93B0] dark:text-gray-100  dark:hover:bg-slate-600">
            <span class="flex-1 whitespace-nowrap">{{props.categoryName}}</span>
        </button>
-        <div class="flex flex-col w-full mt-2 py-2 bg-indigo-50 dark:bg-slate-800 rounded-xl font-light overflow-hidden" :class="[isActive ? 'active' : 'hidden']">
+        <div class="flex flex-col w-full mt-2 py-2 bg-white dark:bg-gray-600 rounded-xl font-light overflow-hidden" :class="[isActive ? 'active' : 'hidden']">
            <slot></slot>
        </div>
    </div>
--- a/Frontend/src/components/sidebar/SidebarToolLinkComponent.vue
+++ b/Frontend/src/components/sidebar/SidebarToolLinkComponent.vue
@@ -11,7 +11,7 @@ const props = defineProps(

 <template>
    <RouterLink
-        class="w-full text-center py-2 px-4 text-gray-800 transition duration-75 hover:bg-blue-100 dark:text-white dark:hover:bg-slate-600"
+        class="w-full text-center py-2 px-4 text-gray-800 transition duration-75 hover:bg-[#bbe3ef] dark:bg-gray-600 dark:text-white dark:hover:bg-[#2A93B0]"
        :to="props.pathTo">{{ props.elementContent }}</RouterLink>
 </template>

--- a/Frontend/src/components/xml/XmlInputFieldComponent.vue
+++ b/Frontend/src/components/xml/XmlInputFieldComponent.vue
@@ -2,95 +2,69 @@
 import InsertTemplateComponent from '@components/common/InsertTemplateComponent.vue'
 import XMLButtonFormatterComponent from '@components/formatter/XMLButtonFormatterComponent.vue'
 import CodeEditor from '@/components/common/CodeEditorComponent.vue'
-import XsltParamComponent from '@/components/XsltParamComponent.vue'

-import {ref} from 'vue'
+import { ref } from 'vue'

-const props = defineProps<{
-  stylizedName: string;
-  data?: string;
-  params?: { name: string }[];
-}>();
-
-const emit = defineEmits(['update:modelValue','update:params'])
+const props = defineProps(
+    {
+        stylizedName: {type: String, required: true},
+        data: {type: String},
+    }
+)
+const emit = defineEmits(['update:modelValue'])

 const data = ref('')
 const inputFile = ref()
-const params = ref<{ name: string }[]>([]);

 function sendValue() {
-  emit('update:modelValue', data.value)
+    emit('update:modelValue', data.value)
 }

-function updateParams(newParams: { name: string }[]) {
-  emit('update:params', newParams);
-}
-
-
 function updateData(newData: string, clearFileSelector: boolean = true) {
-  data.value = newData
-  if (clearFileSelector)
-    inputFile.value.value = '';
-  sendValue()
+    data.value = newData
+    if (clearFileSelector)
+        inputFile.value.value = '';
+    sendValue()
 }

 function clear() {
-  updateData('')
+    updateData('')
 }

 function canBeFormatted() {
-  return props.stylizedName.toLowerCase() == 'xml' ||
-      props.stylizedName.toLowerCase() == 'xsd' ||
-      props.stylizedName.toLowerCase() == 'xslt'
+    return props.stylizedName.toLowerCase() == 'xml' || 
+           props.stylizedName.toLowerCase() == 'xsd' || 
+           props.stylizedName.toLowerCase() == 'xslt'
 }

-function addParameters() {
-  return props.stylizedName?.toLowerCase() == "xslt"
+function readFile(file : any) {
+    
+    const reader = new FileReader()
+    reader.onloadend = () => {
+        let result = reader.result?.toString()
+        if (typeof result == "string")
+            updateData(result, false);
+            
+    }
+    reader.readAsText(file.target.files[0])
 }

-function readFile(file: any) {
-
-  const reader = new FileReader()
-  reader.onloadend = () => {
-    let result = reader.result?.toString()
-    if (typeof result == "string")
-      updateData(result, false)
-
-  }
-  reader.readAsText(file.target.files[0])
-}
-
-const handleUpdateValue = (options: { name: string }[]) => {
-  console.log("from parent" +options.length)
-  params.value = options
-  updateParams(params.value)
-};
-
 </script>

 <template>
-  <div class="flex flex-col w-full h-1/2 lg:h-1/2 flex-none xl:pr-2 2xl:pr-4 pb-2">
-    <div class="flex justify-between mb-2"></div>
-
-    <div class="flex place-content-between w-full items-center">
-
-      <span class="dark:text-white mr-2">{{ stylizedName }}</span>
-
-      <div class="flex items-stretch w-64">
-        <input id="fileLoader" ref="inputFile" class="file-selector" type="file" accept=".xml,.xql,.xquery,.xslt,text/xml,text/plain" @change="readFile"/>
-      </div>
-
-      <div class="flex space-x-2 pb-2 overflow-x-auto">
-        <InsertTemplateComponent :stylized-name="props.stylizedName" @update:default-data="updateData"></InsertTemplateComponent>
-        <XMLButtonFormatterComponent v-if="canBeFormatted()" :xml="data" @update:result="(data:any) => updateData(data.result)"></XMLButtonFormatterComponent>
-        <button class="tool-button" @click="clear">Clear</button>
-      </div>
+    <div class="flex flex-col w-full h-1/2 lg:h-1/2 flex-none xl:pr-2 2xl:pr-4 pb-2">
+        <div class="flex place-content-between w-full items-center">
+            <span class="dark:text-white mr-2">{{ stylizedName }}</span>
+            <div class="flex space-x-2 pb-2 overflow-x-auto">
+                <div class="flex items-stretch w-64">
+                    <input id="fileLoader" ref="inputFile" class="file-selector" type="file" accept=".xml,.xql,.xquery,.xslt,text/xml,text/plain" @change="readFile" />
+                </div>
+                
+                <InsertTemplateComponent :stylized-name="props.stylizedName" @update:default-data="updateData"></InsertTemplateComponent>
+                <XMLButtonFormatterComponent v-if="canBeFormatted()" :xml="data" @update:result="(data:any) => updateData(data.result)"></XMLButtonFormatterComponent>
+                <button class="tool-button" @click="clear">Clear</button>
+            </div>
+        </div>
+        <CodeEditor @update:updated-code="updateData" v-model="data" :code="data" :config="{disabled:false, language:stylizedName}"></CodeEditor>
    </div>
-
-    <div class="flex justify-end gap-2 place-content-between w-full items-center">
-        <XsltParamComponent v-if="addParameters()" @update-value="handleUpdateValue" :xslt="data"/>
-    </div>
-
-    <CodeEditor @update:updated-code="updateData" v-model="data" :code="data" :config="{disabled:false, language:stylizedName}"></CodeEditor>
-  </div>
 </template>
--- a/Frontend/src/components/xml/XmlOutputFieldComponent.vue
+++ b/Frontend/src/components/xml/XmlOutputFieldComponent.vue
@@ -1,23 +1,24 @@
 <script setup lang="ts">
-import {onMounted, ref} from 'vue';
-import {type TabData} from '../common/TabData'
+import { onMounted, ref } from 'vue';
+import { type TabData } from '../common/TabData'
 import CodeEditor from '@/components/common/CodeEditorComponent.vue';

-const props = defineProps<{
-  tool: string;
-  xml: string | TabData[];
-  query: string;
-  params?: { name: string }[];
-}>();
+const props = defineProps(
+    {
+        tool: {type: String, required: true},
+        xml: {type: [String, Array<TabData>], required: true},
+        query: {type: String, required: true},
+        activeTabId: {type: Number, required: false}
+    }
+)

-const emit = defineEmits(["update"]);
+const emit = defineEmits(["update", "update:engine"]);

 const result = ref('');

 let enginesForCurrentTool = ref(["saxon", "xalan", "libxml"]);
-const formattedParams = ref();
-

+const allVersionsOfXpath = ["2.0", "3.0", "3.1"];
 const allVersions = ["1.0", "2.0", "3.0", "3.1"];
 let versionsForCurrentEngine = ref([""]);

@@ -73,7 +74,7 @@ function changeAvailableVersionsOfXPath() {
    if(engine.value == "xalan" || engine.value == "libxml")
        versionsForCurrentEngine.value = ["1.0"];
    else if (engine.value == "saxon")
-        versionsForCurrentEngine.value = allVersions;
+        versionsForCurrentEngine.value = allVersionsOfXpath;
 }

 function selectDefaultEngine() {
@@ -87,9 +88,7 @@ function selectDefaultVersion() {
 }

 function process() {
-  props.params?.forEach((param) => {console.log(param.name)})
-
-  let request:Request = prepareRequest();
+    let request:Request = prepareRequest();
    fetchRequest(request).then((data) => {
        updateOutputField(data);
    })
@@ -102,7 +101,6 @@ function updateOutputField(data: any) {
 }

 function prepareRequest():Request {
-    formattedParams.value = formatParams()
    let request = new Request(prepareURL(), {
        body: selectRequestBodyType(),
        method: "POST"
@@ -113,51 +111,42 @@ function prepareRequest():Request {

 function prepareURL(): string {
    const engineEndpoint = engine.value == "libxml" ? "libxml" : "java";
-   
+
    let tool = props.tool;
-    if (Array.isArray(props.xml) && props.xml.length > 1)
+    if (Array.isArray(props.xml) && props.xml.length > 1 && engine.value == "saxon")
        tool = "multiple/xslt";

    return document.location.protocol + "//" + document.location.hostname + "/" + engineEndpoint + "/" + tool;
 }

 function selectRequestBodyType() : string {
-    if (Array.isArray(props.xml) && props.xml.length > 1)
-        return prepareRequestBodyMultiXml();
+    if (Array.isArray(props.xml) && (engine.value == "xalan" || engine.value == "libxml"))
+      return prepareRequestBodySingleXml(props.xml.at(props.activeTabId!)!.data)
+    else if (Array.isArray(props.xml) && props.xml.length > 1)
+      return prepareRequestBodyMultiXml();
    else if (Array.isArray(props.xml))
-        return prepareRequestBodySingleXml(props.xml.at(0)!.data);
+      return prepareRequestBodySingleXml(props.xml.at(0)!.data);
    else
-        return prepareRequestBodySingleXml(props.xml!);
-}
-function formatParams() {
-  return props.params?.slice(1).map(param => {
-    const [key, value] = param.name.split(" = ");
-    return { key, value };
-  }) ?? [];
+      return prepareRequestBodySingleXml(props.xml!);
 }

 function prepareRequestBodySingleXml(data: string):string {
-
-  let requestBody = JSON.stringify({
-        "params": formattedParams.value,
+    let requestBody = JSON.stringify({
        "data": data,
        "processorData": props.query,
        "processor": engine.value,
        "version": version.value
    });
-    console.log(requestBody);
    return requestBody;
 }

 function prepareRequestBodyMultiXml():string {
-
-  if (!Array.isArray(props.xml))
+    if (!Array.isArray(props.xml))
        return "";

    let xmlFilesArray = convertDataArray(props.xml);

    let requestBody = JSON.stringify({
-        "params": formattedParams.value,
        "data": xmlFilesArray,
        "processorData": props.query,
        "processor": engine.value,
@@ -203,6 +192,10 @@ function emitVersionChange() {
    emit("update", version.value);
 }

+function emitEngineChange() {
+  emit("update:engine", engine.value);
+}
+
 function isVersionSelectionAvailable() {
    return !(versionsForCurrentEngine.value.length == 1 && versionsForCurrentEngine.value.at(0) == "N/A");
 }
@@ -217,6 +210,11 @@ function highlightField() {
    return "";
 }

+function handleChange() {
+  changeAvailableVersions();
+  emitEngineChange();
+}
+
 </script>

 <template>
@@ -224,10 +222,10 @@ function highlightField() {
        <div class="flex place-content-between w-full items-center pb-2">
            <span class="dark:text-white">Result:</span>
            <div class="flex space-x-2 overflow-x-auto">
-                <select v-model="engine" name="engine" @change="changeAvailableVersions()" class="px-3 rounded-full border border-slate-400 bg-white dark:text-slate-100 dark:bg-gray-600">
+                <select v-model="engine" name="engine" @change="handleChange()" class="px-3 rounded-lg border border-slate-400 bg-white dark:text-slate-100 dark:bg-gray-600">
                    <option v-for="engine in enginesForCurrentTool" :value="engine">{{ engine }}</option>
                </select>
-                <select v-model="version" v-if="isVersionSelectionAvailable()" name="version" @change="emitVersionChange()" class="px-3 rounded-full border border-slate-400 bg-white dark:text-slate-100 dark:bg-gray-600">
+                <select v-model="version" v-if="isVersionSelectionAvailable()" name="version" @change="emitVersionChange()" class="px-3 rounded-lg border border-slate-400 bg-white dark:text-slate-100 dark:bg-gray-600">
                    <option v-for="version in versionsForCurrentEngine" :value="version">{{ version }}</option>
                </select>
                <button class="tool-button" @click="clear">Clear</button>    
--- a/Frontend/src/components/xml/XmlTabbedInputComponent.vue
+++ b/Frontend/src/components/xml/XmlTabbedInputComponent.vue
@@ -10,11 +10,11 @@ const props = defineProps(
    {
        stylizedName: {type: String, required: true},
        data: {type: Array<TabData>},
-        tabCountLimit: {type: Number, required: false, validator: (value) => typeof value == "number" && value > 0}
+        tabCountLimit: {type: Number, required: false, validator: (value) => typeof value == "number" && value > 0},
+        engine: {type: String, required: true}
    }
 )
-const emit = defineEmits(['update:modelValue'])
-
+const emit = defineEmits(['update:modelValue', 'update:activeTabId'])
 const newTabId = ref(0);
 const activeTabId = ref(0);
 const data = ref('')
@@ -30,6 +30,9 @@ tabs.value.push({
 function sendValue() {
    emit('update:modelValue', tabs.value);
 }
+function emitActiveTab() {
+  emit('update:activeTabId', activeTabId.value);
+}

 function updateData(newData: string) {
    data.value = newData;
@@ -73,6 +76,7 @@ function changeActiveTab(id : number) {
    
    tabs.value.at(index)!.data = data.value;
    activeTabId.value = id;
+    emitActiveTab();
    data.value = tabs.value.at(newIndex)!.data;

    sendValue();
@@ -128,7 +132,7 @@ function findIndexWithID(id : number) : number {
    <div class="flex flex-col w-full h-1/2 lg:h-1/2 flex-none xl:pr-2 2xl:pr-4 pb-2">
        <div class="flex justify-between mb-2">
            <div class="flex gap-2 overflow-x-auto">
-                <TabComponent @click:activate="changeActiveTab" @click:remove="removeTab" v-for="tab in tabs" :id="tab.id" :isActive="tab.id == activeTabId">{{ tab.name }}</TabComponent>
+                <TabComponent @click:activate="changeActiveTab" @click:remove="removeTab" v-for="tab in tabs" :id="tab.id" :isActive="tab.id == activeTabId" :class="[tab.id !== activeTabId && (props.engine === 'xalan' ? 'disabled-tab' : '' || props.engine === 'libxml' ? 'disabled-tab' : '')]">{{ tab.name }}</TabComponent>
            </div>
            <div class="flex gap-2">
                <div class="flex items-stretch w-64">
--- a/Frontend/src/components/xml/tooltips/TooltipCategoryComponent.vue
+++ b/Frontend/src/components/xml/tooltips/TooltipCategoryComponent.vue
@@ -13,9 +13,9 @@ function toggleTooltips() {
 </script>

 <template>
-    <div class="flex p-2 flex-col rounded-xl shadow-lg bg-gradient-to-r from-gray-300 to-slate-300 dark:from-slate-500 dark:to-slate-600">
+    <div class="flex p-2 flex-col rounded-lg shadow-lg bg-white dark:bg-gray-700 dark:from-slate-500 dark:to-slate-600">
        <button :class="{ 'mb-2' : !isCategoryHidden }" class="dark:text-slate-100 hover:font-bold" @click="toggleTooltips()">{{ props.name }}</button>
-        <div id="content" :class="{'hidden' : isCategoryHidden}" class="flex flex-col gap-4 w-full h-fit p-2 rounded-xl dark:text-white bg-indigo-50 dark:bg-slate-800" >
+        <div id="content" :class="{'hidden' : isCategoryHidden}" class="flex flex-col gap-4 w-full h-fit p-2 rounded-lg dark:text-white bg-white dark:bg-gray-700" >
            <slot></slot>
        </div>
    </div>
--- a/Frontend/src/components/xml/tooltips/TooltipComponent.vue
+++ b/Frontend/src/components/xml/tooltips/TooltipComponent.vue
@@ -58,11 +58,11 @@ function toggleTooltips() {
 </script>

 <template>
-    <div :class="areTooltipsHidden ? 'w-fit' : 'w-[26rem]'" class="hidden xl:flex shrink-0 items-stretch p-2 flex-row rounded-xl shadow-lg bg-gradient-to-r from-blue-400 to-blue-300 dark:from-sky-600 dark:to-sky-800 ">
+    <div :class="areTooltipsHidden ? 'w-fit' : 'w-[26rem]'" class="hidden xl:flex shrink-0 items-stretch p-2 flex-row rounded-lg shadow-lg bg-[#bbe3ef] dark:bg-[#2A93B0] dark:from-sky-600 dark:to-sky-800 ">
        <button :class="{'mr-2' : !areTooltipsHidden }" class="text-xl w-6 dark:text-slate-100" @click="toggleTooltips()">
            T<br/>o<br/>o<br/>l<br/>t<br/>i<br/>p<br/>s
        </button>
-        <div id="content" :class="{'hidden' : areTooltipsHidden}" class="w-full flex flex-col gap-4 p-2 overflow-auto rounded-xl dark:text-white bg-indigo-50 dark:bg-gray-700" >
+        <div id="content" :class="{'hidden' : areTooltipsHidden}" class="w-full flex flex-col gap-4 p-2 overflow-auto rounded-lg dark:text-white bg-[#bbe3ef] dark:bg-gray-700" >
            <TooltipDiffsComponent :tool-name="toolType" :tool-version="props.version"></TooltipDiffsComponent>
            <div class="w-full h-2"> </div>
            <tooltipCategoryComponent v-for="category in selectTooltip()" :key="category.name" :name="category.name">
--- a/Frontend/src/components/xml/tooltips/TooltipEntryComponent.vue
+++ b/Frontend/src/components/xml/tooltips/TooltipEntryComponent.vue
@@ -48,7 +48,7 @@ function interpretXPathIndicators( elementType:string ):string {
 <template>
    <div class="flex p-1 flex-col rounded-xl border border-slate-400 dark:border-slate-400">
        <button :class="{ 'mb-2' : !isEntryHidden }" class="dark:text-slate-100 hover:font-bold" @click="toggleTooltips()">{{ props.entryData.name }}</button>
-        <div id="content" :class="{'hidden' : isEntryHidden}" class="w-full p-2 rounded-xl dark:text-white bg-indigo-50 dark:bg-slate-800" >
+        <div id="content" :class="{'hidden' : isEntryHidden}" class="w-full p-2 rounded-xl dark:text-white bg-white dark:bg-gray-700" >
            <h4 class="text-xl mb-2 font-bold text-justify">Description</h4>
            <span class="text-justify">
                <p>
--- a/Frontend/src/style.css
+++ b/Frontend/src/style.css
@@ -17,7 +17,7 @@
 }

 .tool-button {
-    @apply hover:brightness-110 py-2 px-3 h-fit min-w-fit rounded-full bg-gradient-to-r from-blue-400 to-sky-300  dark:text-white dark:from-sky-600 dark:to-sky-800 hover:bg-blue-400
+    @apply hover:brightness-110 py-2 px-3 h-fit min-w-fit rounded-lg bg-white border border-[#2A93B0] dark:bg-[#2A93B0] dark:text-white dark:from-sky-600 dark:to-sky-800 hover:bg-[#2A93B0]
 }

 .text-field {
@@ -25,7 +25,7 @@
 }

 .file-selector {
-    @apply block file:border-none file:font-sans file:text-base file:hover:brightness-110 file:py-2 file:px-3 file:h-full file:w-fit file:rounded-full file:bg-gradient-to-r file:from-blue-400 file:to-sky-300  file:dark:text-white file:dark:from-sky-600 file:dark:to-sky-800 file:hover:bg-blue-400 w-fit rounded-full text-sm text-gray-900 border border-gray-300 cursor-pointer bg-gray-50 dark:text-gray-400 focus:outline-none dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400
+    @apply block file:border-none file:font-sans file:text-base file:hover:brightness-110 file:py-2 file:px-3 file:h-full file:w-fit file:rounded-lg file:bg-white file:from-blue-400 file:to-sky-300  file:dark:text-white file:dark:bg-[#2A93B0] file:dark:from-sky-600 file:dark:to-sky-800 file:hover:bg-[#2A93B0] w-fit rounded-lg text-sm text-gray-900 border border-[#2A93B0] cursor-pointer bg-gray-50 dark:text-gray-400 focus:outline-none dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400
 }

 .text-field-error {
@@ -41,5 +41,9 @@
 }

 .tab-active {
-    @apply py-2 px-3 h-fit text-slate-700 border-t border-l border-r border-slate-400 rounded-t-2xl bg-gradient-to-r from-blue-400 to-sky-300  dark:text-white dark:from-sky-600 dark:to-sky-800 hover:bg-blue-400
+    @apply py-2 px-3 h-fit text-slate-700 border-t border-l border-r border-slate-400 rounded-t-2xl bg-[#bbe3ef] dark:bg-[#2A93B0] dark:text-white dark:from-sky-600 dark:to-sky-800
+}
+
+.disabled-tab {
+    @apply py-2 px-3 h-fit text-slate-400 border-t border-l border-r border-slate-300 rounded-t-2xl bg-gradient-to-r from-gray-200 to-gray-300 dark:from-gray-700 dark:to-gray-800 pointer-events-none opacity-50;
 }
--- a/Frontend/src/views/LandingView.vue
+++ b/Frontend/src/views/LandingView.vue
@@ -10,6 +10,9 @@ export default {


 <template>
+  <div class="flex rounded-lg items-center bg-[#f5f7fa]  justify-center ">
    <LandingComponent></LandingComponent>
+  </div>
+
 </template>

--- a/Frontend/src/views/XSLTView.vue
+++ b/Frontend/src/views/XSLTView.vue
@@ -11,7 +11,8 @@ import { ref } from 'vue';
 const xml = ref(new Array<TabData>);
 const query = ref('');
 const version = ref('');
-const params =  ref<{ name: string }[]>([]);
+const engine = ref('')
+const activeTabId = ref(0)

 function updateVersion(newVersion: string) {
    version.value = newVersion;
@@ -23,10 +24,10 @@ function updateVersion(newVersion: string) {
    <div id="layout" class="flex flex-row w-full h-full">
        <div class="flex flex-col 2xl:flex-row w-full xl:w-7/12 grow overflow-hide pr-2">
            <div class="flex flex-col w-full 2xl:w-1/2 h-2/3 2xl:h-full flex-none items-center">
-                <xmlTabbedInputComponent stylized-name="XML" :tab-count-limit="3" v-model="xml"></xmlTabbedInputComponent>
-                <xmlInputFieldComponent stylized-name="XSLT" :data="query" v-model:params="params" v-model="query"></xmlInputFieldComponent>
+                <xmlTabbedInputComponent stylized-name="XML" v-model:activeTabId="activeTabId" :engine="engine" :tab-count-limit="3" v-model="xml"></xmlTabbedInputComponent>
+                <xmlInputFieldComponent stylized-name="XSLT" :data="query" v-model="query"></xmlInputFieldComponent>
            </div>
-            <xmlOutputFieldComponent tool="xslt" :xml="xml" :query="query" :params="params" @update="updateVersion"></xmlOutputFieldComponent>
+            <xmlOutputFieldComponent tool="xslt" :xml="xml" :active-tab-id="activeTabId" v-model:engine="engine" :query="query" @update="updateVersion"></xmlOutputFieldComponent>
        </div>
        <TooltipComponent tool-type="xslt" :version="version"></TooltipComponent>
    </div>
--- a/issue_template/bug.md
+++ b/issue_template/bug.md
@@ -0,0 +1,21 @@
+---
+
+name: "Bug template"    
+about: "This template is for reporting bugs"  
+title: "Bug"    
+
+---
+
+## Description
+*A clear and concise description of the issue.*
+
+### Selected Fields
+- **Engine:** [Specify the engine used]
+- **Version:** [Specify the version]
+- **Tool:** [Specify the currently used tool]
+
+### Data: 
+*Paste used xml/xslt/json etc...*
+
+## Additional Context
+*Any other information that might help with this issue.*
--- a/issue_template/feature.md
+++ b/issue_template/feature.md
@@ -0,0 +1,10 @@
+---
+
+name: "Feature request template"    
+about: "This template is for requesting features"    
+title: "Feature request" 
+
+---
+
+## Feature Request 
+*Describe the feature you’d like to see and why it’s useful.*
Author	SHA1	Message	Date
szewczyw	f66a5fcf84	fix port number	2025-05-15 13:35:04 +02:00
szewczyw	3cc014310e	change card colour	2025-05-15 13:14:31 +02:00
szewczyw	edab2fa900	visual update	2025-05-15 12:49:25 +02:00
Wojciech Mizia	5bc89fc514	xalan_libxml_issue#283 (#299 ) Reviewed-on: #299 Reviewed-by: Wojciech Szewczyk <szewczyw@noreply.example.com>	2025-02-11 17:48:46 +01:00
Wojciech Mizia	fa620baa9c	xpath_version_change (#300 ) Reviewed-on: #300 Reviewed-by: Wojciech Szewczyk <szewczyw@noreply.example.com> Co-authored-by: Wojciech Mizia <miziawojciech@gmail.com> Co-committed-by: Wojciech Mizia <miziawojciech@gmail.com>	2025-02-11 17:46:24 +01:00
Wojciech Mizia	f3f88ad659	xalan_single_files_frontend (#297 ) Reviewed-on: #297 Reviewed-by: Wojciech Szewczyk <szewczyw@noreply.example.com> Co-authored-by: Wojciech Mizia <miziawojciech@gmail.com> Co-committed-by: Wojciech Mizia <miziawojciech@gmail.com>	2025-02-05 17:01:23 +01:00
Wojciech Mizia	79959c5ff9	issue_tracker (#296 ) Co-authored-by: Wojciech Szewczyk <szewczyw@noreply.example.com> Reviewed-on: #296 Co-authored-by: Wojciech Mizia <miziawojciech@gmail.com> Co-committed-by: Wojciech Mizia <miziawojciech@gmail.com>	2025-02-05 14:28:20 +01:00
szewczyw	469b5a584f	mark_text_doesnt_work (#291 ) Updated existing theme so that line highlighting is transparent, had to add new theme because ovewriting exisiting value was impossible. Reviewed-on: #291 Reviewed-by: Adam Bem <bema@noreply.example.com> Co-authored-by: szewczyw <wojtekszewczyk2000@gmail.com> Co-committed-by: szewczyw <wojtekszewczyk2000@gmail.com>	2025-02-05 14:20:09 +01:00