Compare commits
	
		
			6 Commits
		
	
	
		
			xalan_libx
			...
			6a70c3c9c9
		
	
	| Author | SHA1 | Date | |
|---|---|---|---|
| 6a70c3c9c9 | |||
| a0d759f58b | |||
| 9f64b83844 | |||
| 0d469db020 | |||
| 38b3942bde | |||
| e834229cae | 
@@ -79,11 +79,9 @@ def xpath(source: str, xpath: str) -> str:
 | 
				
			|||||||
    else:
 | 
					    else:
 | 
				
			||||||
        result_string = ""
 | 
					        result_string = ""
 | 
				
			||||||
        for e in result:
 | 
					        for e in result:
 | 
				
			||||||
            if isinstance(e, etree._Element):
 | 
					            result_string += etree.tostring(e, pretty_print=True).decode() + "\n"
 | 
				
			||||||
                result_string += etree.tostring(e, pretty_print=True).decode() + "\n"
 | 
					        return result_string, "node"
 | 
				
			||||||
            else:
 | 
					
 | 
				
			||||||
                result_string += str(e) + "\n"
 | 
					 | 
				
			||||||
    return result_string, "node"
 | 
					 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					
 | 
				
			||||||
def xsd(source: str, xsd: str) -> bool:
 | 
					def xsd(source: str, xsd: str) -> bool:
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -10,6 +10,8 @@ import org.apache.logging.log4j.Logger;
 | 
				
			|||||||
import spark.Request;
 | 
					import spark.Request;
 | 
				
			||||||
import spark.Response;
 | 
					import spark.Response;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					import java.io.StringWriter;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
/**
 | 
					/**
 | 
				
			||||||
 * Controller used to handle XML tools: XPath, XSD validation, XQuery and XSLT
 | 
					 * Controller used to handle XML tools: XPath, XSD validation, XQuery and XSLT
 | 
				
			||||||
 * @author Adam Bem
 | 
					 * @author Adam Bem
 | 
				
			||||||
@@ -48,9 +50,14 @@ public class XmlController implements RestController {
 | 
				
			|||||||
 | 
					
 | 
				
			||||||
    @ScopedControllerManifest(method = HandlerType.POST, path = "/xslt")
 | 
					    @ScopedControllerManifest(method = HandlerType.POST, path = "/xslt")
 | 
				
			||||||
    public void acceptRequestXslt(Request request, Response response) {
 | 
					    public void acceptRequestXslt(Request request, Response response) {
 | 
				
			||||||
 | 
					        System.out.println("received xslt");
 | 
				
			||||||
        acceptRequest(request, response, XmlJobType.XSLT);
 | 
					        acceptRequest(request, response, XmlJobType.XSLT);
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
 | 
					    @ScopedControllerManifest(method = HandlerType.POST, path = "/xslt/param")
 | 
				
			||||||
 | 
					    public void acceptRequestXsltAddParam(Request request, Response response) {
 | 
				
			||||||
 | 
					        System.out.println("received param");
 | 
				
			||||||
 | 
					        acceptRequest(request, response, XmlJobType.XSLT_PARAM);
 | 
				
			||||||
 | 
					    }
 | 
				
			||||||
    private void acceptRequest(Request request, Response response, XmlJobType xmlJobType) {
 | 
					    private void acceptRequest(Request request, Response response, XmlJobType xmlJobType) {
 | 
				
			||||||
        XMLRequestBody requestBody;
 | 
					        XMLRequestBody requestBody;
 | 
				
			||||||
        try {
 | 
					        try {
 | 
				
			||||||
@@ -60,7 +67,12 @@ public class XmlController implements RestController {
 | 
				
			|||||||
            return;
 | 
					            return;
 | 
				
			||||||
        }
 | 
					        }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
        if (requestBody.getProcessor() == null) {
 | 
					        if (requestBody.getProcessor() == null ) {
 | 
				
			||||||
 | 
					            if(requestBody.getProcessorData() != null){
 | 
				
			||||||
 | 
					                processRequest(new XmlJob(response, requestBody, xmlJobType));
 | 
				
			||||||
 | 
					                return;
 | 
				
			||||||
 | 
					            }
 | 
				
			||||||
 | 
					            System.out.println("getProcessor=null");
 | 
				
			||||||
            invalidEngineSelectedResponse(response);
 | 
					            invalidEngineSelectedResponse(response);
 | 
				
			||||||
            return;
 | 
					            return;
 | 
				
			||||||
        }
 | 
					        }
 | 
				
			||||||
@@ -91,10 +103,9 @@ public class XmlController implements RestController {
 | 
				
			|||||||
            responseBody.setDuration(duration);
 | 
					            responseBody.setDuration(duration);
 | 
				
			||||||
 | 
					
 | 
				
			||||||
            xmlJob.getResponse().status(200);
 | 
					            xmlJob.getResponse().status(200);
 | 
				
			||||||
 | 
					           /* this.logger.info("Request (" + xmlJob.getXmlJobType() + ", " +
 | 
				
			||||||
            this.logger.info("Request (" + xmlJob.getXmlJobType() + ", " +
 | 
					 | 
				
			||||||
                    xmlJob.getEngine().getVersion() +
 | 
					                    xmlJob.getEngine().getVersion() +
 | 
				
			||||||
                    ") processed in " + duration + " ms.");
 | 
					                    ") processed in " + duration + " ms.");*/
 | 
				
			||||||
 | 
					
 | 
				
			||||||
        } catch (Exception ex) {
 | 
					        } catch (Exception ex) {
 | 
				
			||||||
            responseBody = processingErrorResponse(ex, xmlJob);
 | 
					            responseBody = processingErrorResponse(ex, xmlJob);
 | 
				
			||||||
@@ -129,6 +140,13 @@ public class XmlController implements RestController {
 | 
				
			|||||||
 | 
					
 | 
				
			||||||
        String result = null;
 | 
					        String result = null;
 | 
				
			||||||
        switch (xmlJob.getXmlJobType()) {
 | 
					        switch (xmlJob.getXmlJobType()) {
 | 
				
			||||||
 | 
					            case XSLT_PARAM:
 | 
				
			||||||
 | 
					                System.out.println("xstl_param");
 | 
				
			||||||
 | 
					                System.out.println(requestBody.getProcessorData());
 | 
				
			||||||
 | 
					                System.out.println(requestBody.getParamName());
 | 
				
			||||||
 | 
					                System.out.println(requestBody.getParamValue());
 | 
				
			||||||
 | 
					                result = addParam(requestBody.getProcessorData(), requestBody.getParamName(), requestBody.getParamValue());
 | 
				
			||||||
 | 
					                break;
 | 
				
			||||||
            case XSLT:
 | 
					            case XSLT:
 | 
				
			||||||
                result = engine.processXSLT(requestBody.getData(), requestBody.getProcessorData());
 | 
					                result = engine.processXSLT(requestBody.getData(), requestBody.getProcessorData());
 | 
				
			||||||
                break;
 | 
					                break;
 | 
				
			||||||
@@ -141,7 +159,16 @@ public class XmlController implements RestController {
 | 
				
			|||||||
                        requestBody.getVersion());
 | 
					                        requestBody.getVersion());
 | 
				
			||||||
                break;
 | 
					                break;
 | 
				
			||||||
        }
 | 
					        }
 | 
				
			||||||
        return new XMLResponseBody(result, "OK", requestBody.getVersion());
 | 
					        System.out.println("can we get here?");
 | 
				
			||||||
 | 
					        return new XMLResponseBody(result, "OK", requestBody.getProcessorData());
 | 
				
			||||||
 | 
					    }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    private String addParam(String processorData, String paramName, String paramValue) {
 | 
				
			||||||
 | 
					        System.out.println("addParamSaxon");
 | 
				
			||||||
 | 
					        processorData= processorData.replace("<xsl:template match=\"/\">", "<xsl:param name=\""+paramName+"\" select=\"'"+paramValue+"'\"/>\n\t\t<xsl:template match=\"/\">");
 | 
				
			||||||
 | 
					        StringWriter sw = new StringWriter();
 | 
				
			||||||
 | 
					        sw.write(processorData);
 | 
				
			||||||
 | 
					        return sw.toString();
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    private XMLResponseBody processingErrorResponse(Exception ex, XmlJob xmlJob) {
 | 
					    private XMLResponseBody processingErrorResponse(Exception ex, XmlJob xmlJob) {
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -7,7 +7,7 @@ import spark.Response;
 | 
				
			|||||||
public class XmlJob {
 | 
					public class XmlJob {
 | 
				
			||||||
    private final Response response;
 | 
					    private final Response response;
 | 
				
			||||||
    private final XMLRequestBody requestBody;
 | 
					    private final XMLRequestBody requestBody;
 | 
				
			||||||
    private final XmlEngine engine;
 | 
					    private XmlEngine engine;
 | 
				
			||||||
    private final XmlJobType xmlJobType;
 | 
					    private final XmlJobType xmlJobType;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    public XmlJob(Response response, XMLRequestBody requestBody, XmlEngine engine, XmlJobType xmlJobType) {
 | 
					    public XmlJob(Response response, XMLRequestBody requestBody, XmlEngine engine, XmlJobType xmlJobType) {
 | 
				
			||||||
@@ -16,7 +16,11 @@ public class XmlJob {
 | 
				
			|||||||
        this.engine = engine;
 | 
					        this.engine = engine;
 | 
				
			||||||
        this.xmlJobType = xmlJobType;
 | 
					        this.xmlJobType = xmlJobType;
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
 | 
					    public XmlJob(Response response, XMLRequestBody requestBody, XmlJobType xmlJobType) {
 | 
				
			||||||
 | 
					        this.response = response;
 | 
				
			||||||
 | 
					        this.requestBody = requestBody;
 | 
				
			||||||
 | 
					        this.xmlJobType = xmlJobType;
 | 
				
			||||||
 | 
					    }
 | 
				
			||||||
    public Response getResponse() {
 | 
					    public Response getResponse() {
 | 
				
			||||||
        return response;
 | 
					        return response;
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -1,7 +1,7 @@
 | 
				
			|||||||
package com.r11.tools.controller.internal;
 | 
					package com.r11.tools.controller.internal;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
public enum XmlJobType {
 | 
					public enum XmlJobType {
 | 
				
			||||||
    XPath("XPath"), XSD("XSD"), XQuery("XQuery"), XSLT("XSLT");
 | 
					    XPath("XPath"), XSD("XSD"), XQuery("XQuery"), XSLT("XSLT"), XSLT_PARAM("XSLT_PARAM");
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    XmlJobType(String type) {
 | 
					    XmlJobType(String type) {
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -15,19 +15,20 @@ public class XMLRequestBody {
 | 
				
			|||||||
    private String processor;
 | 
					    private String processor;
 | 
				
			||||||
    @SerializedName("version")
 | 
					    @SerializedName("version")
 | 
				
			||||||
    private String version;
 | 
					    private String version;
 | 
				
			||||||
 | 
					    @SerializedName("paramName")
 | 
				
			||||||
 | 
					    private String paramName;
 | 
				
			||||||
 | 
					    @SerializedName("paramValue")
 | 
				
			||||||
 | 
					    private String paramValue;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    public String getData() {
 | 
					    public String getData() {
 | 
				
			||||||
        return data;
 | 
					        return data;
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
 | 
					    public String getProcessorData() {return processorData;}
 | 
				
			||||||
    public String getProcessorData() {
 | 
					    public String getParamName() {return paramName;}
 | 
				
			||||||
        return processorData;
 | 
					    public String getParamValue() {return paramValue;}
 | 
				
			||||||
    }
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
    public String getProcessor() {
 | 
					    public String getProcessor() {
 | 
				
			||||||
        return processor;
 | 
					        return processor;
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
 | 
					 | 
				
			||||||
    public String getVersion() {
 | 
					    public String getVersion() {
 | 
				
			||||||
        return version;
 | 
					        return version;
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -164,4 +164,9 @@ public class Saxon implements XmlEngine{
 | 
				
			|||||||
    public String getVersion() {
 | 
					    public String getVersion() {
 | 
				
			||||||
        return "Saxon " + new Processor(false).getSaxonProductVersion();
 | 
					        return "Saxon " + new Processor(false).getSaxonProductVersion();
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    @Override
 | 
				
			||||||
 | 
					    public String addParam(String data, String processorData) throws Exception {
 | 
				
			||||||
 | 
					        return null;
 | 
				
			||||||
 | 
					    }
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -61,13 +61,6 @@ public class Xalan implements XmlEngine{
 | 
				
			|||||||
        return nodeType == Node.CDATA_SECTION_NODE || nodeType == Node.TEXT_NODE;
 | 
					        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
 | 
					    @Override
 | 
				
			||||||
    public String processXSLT(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");
 | 
					        throw new UnsupportedOperationException("Xalan does not support multiple files XSLT processing");
 | 
				
			||||||
@@ -108,10 +101,7 @@ public class Xalan implements XmlEngine{
 | 
				
			|||||||
                    for (Node nn = n.getNextSibling(); isTextNode(nn); nn = nn.getNextSibling()) {
 | 
					                    for (Node nn = n.getNextSibling(); isTextNode(nn); nn = nn.getNextSibling()) {
 | 
				
			||||||
                        resultString.append(nn.getNodeValue());
 | 
					                        resultString.append(nn.getNodeValue());
 | 
				
			||||||
                    }
 | 
					                    }
 | 
				
			||||||
                } else if (isAttributeNode(n)) {
 | 
					                } else {
 | 
				
			||||||
                    resultString.append(n.getNodeValue());
 | 
					 | 
				
			||||||
                }
 | 
					 | 
				
			||||||
                else {
 | 
					 | 
				
			||||||
                    ByteArrayOutputStream outputStream = new ByteArrayOutputStream();
 | 
					                    ByteArrayOutputStream outputStream = new ByteArrayOutputStream();
 | 
				
			||||||
                    serializer.transform(new DOMSource(n), new StreamResult(new OutputStreamWriter(outputStream)));
 | 
					                    serializer.transform(new DOMSource(n), new StreamResult(new OutputStreamWriter(outputStream)));
 | 
				
			||||||
                    resultString.append(outputStream);
 | 
					                    resultString.append(outputStream);
 | 
				
			||||||
@@ -134,6 +124,11 @@ public class Xalan implements XmlEngine{
 | 
				
			|||||||
        return org.apache.xalan.Version.getVersion();
 | 
					        return org.apache.xalan.Version.getVersion();
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    @Override
 | 
				
			||||||
 | 
					    public String addParam(String data, String processorData) throws Exception {
 | 
				
			||||||
 | 
					        return null;
 | 
				
			||||||
 | 
					    }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    /**
 | 
					    /**
 | 
				
			||||||
     * Validates string representation of the xml document against xsd schema
 | 
					     * Validates string representation of the xml document against xsd schema
 | 
				
			||||||
     * @param data xml document
 | 
					     * @param data xml document
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -9,9 +9,7 @@ public interface XmlEngine {
 | 
				
			|||||||
    XPathQueryResult processXPath(String data, String query, String version) throws Exception;
 | 
					    XPathQueryResult processXPath(String data, String query, String version) throws Exception;
 | 
				
			||||||
    String processXSLT(String data, String transform) throws Exception;
 | 
					    String processXSLT(String data, String transform) throws Exception;
 | 
				
			||||||
    String validate(String data, String xsd) throws Exception;
 | 
					    String validate(String data, String xsd) throws Exception;
 | 
				
			||||||
 | 
					 | 
				
			||||||
    String executeXQuery(String data, String xquery, String version) throws Exception;
 | 
					    String executeXQuery(String data, String xquery, String version) throws Exception;
 | 
				
			||||||
 | 
					 | 
				
			||||||
    public String getVersion();
 | 
					    public String getVersion();
 | 
				
			||||||
 | 
					    String addParam(String processorData, String paramName, String paramValue) throws Exception;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 
 | 
				
			|||||||
							
								
								
									
										33
									
								
								Frontend/src/components/XsltParamComponent.vue
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										33
									
								
								Frontend/src/components/XsltParamComponent.vue
									
									
									
									
									
										Normal file
									
								
							@@ -0,0 +1,33 @@
 | 
				
			|||||||
 | 
					<script setup lang="ts">
 | 
				
			||||||
 | 
					import {defineComponent, ref} from 'vue'
 | 
				
			||||||
 | 
					const selected = ref('A')
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					let options = ref([
 | 
				
			||||||
 | 
					  { text: 'One', value: 'A' },
 | 
				
			||||||
 | 
					  { text: 'Two', value: 'B' },
 | 
				
			||||||
 | 
					  { text: 'Three', value: 'C' }
 | 
				
			||||||
 | 
					])
 | 
				
			||||||
 | 
					</script>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					<template>
 | 
				
			||||||
 | 
					  <select v-model="selected" class="px-3 rounded-full border border-slate-400 bg-white dark:text-slate-100 dark:bg-gray-600 w-2/3" >
 | 
				
			||||||
 | 
					    <option v-for="option in options" :value="option.value">
 | 
				
			||||||
 | 
					      {{ option.text }}
 | 
				
			||||||
 | 
					    </option>
 | 
				
			||||||
 | 
					  </select>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  <input
 | 
				
			||||||
 | 
					      id="textInput1"
 | 
				
			||||||
 | 
					      class="text-input px-3 rounded-full border border-slate-400 bg-white dark:text-slate-100 dark:bg-gray-600 w-1/3"
 | 
				
			||||||
 | 
					      type="text"
 | 
				
			||||||
 | 
					      placeholder="Name"
 | 
				
			||||||
 | 
					  />
 | 
				
			||||||
 | 
					  <input
 | 
				
			||||||
 | 
					      id="textInput2"
 | 
				
			||||||
 | 
					      class="text-input px-3 rounded-full border border-slate-400 bg-white dark:text-slate-100 dark:bg-gray-600 w-1/3"
 | 
				
			||||||
 | 
					      type="text"
 | 
				
			||||||
 | 
					      placeholder="Value"
 | 
				
			||||||
 | 
					  />
 | 
				
			||||||
 | 
					  <button class="tool-button" @click="clear">Add Variable</button>
 | 
				
			||||||
 | 
					</template>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
@@ -2,8 +2,7 @@
 | 
				
			|||||||
import { onBeforeUpdate, inject } from 'vue'
 | 
					import { onBeforeUpdate, inject } from 'vue'
 | 
				
			||||||
import { Codemirror } from 'vue-codemirror'
 | 
					import { Codemirror } from 'vue-codemirror'
 | 
				
			||||||
import { oneDark } from '@codemirror/theme-one-dark'
 | 
					import { oneDark } from '@codemirror/theme-one-dark'
 | 
				
			||||||
import { createTheme} from 'thememirror';
 | 
					import { espresso } from 'thememirror';
 | 
				
			||||||
import {tags as t} from '@lezer/highlight';
 | 
					 | 
				
			||||||
import {xml} from '@codemirror/lang-xml'
 | 
					import {xml} from '@codemirror/lang-xml'
 | 
				
			||||||
import {json} from '@codemirror/lang-json'
 | 
					import {json} from '@codemirror/lang-json'
 | 
				
			||||||
import {html} from '@codemirror/lang-html'
 | 
					import {html} from '@codemirror/lang-html'
 | 
				
			||||||
@@ -19,47 +18,6 @@ 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(
 | 
					const emit = defineEmits(
 | 
				
			||||||
  [
 | 
					  [
 | 
				
			||||||
    'update:updatedCode'
 | 
					    'update:updatedCode'
 | 
				
			||||||
@@ -79,7 +37,7 @@ function selectTheme() {
 | 
				
			|||||||
  if (isDarkModeSet())
 | 
					  if (isDarkModeSet())
 | 
				
			||||||
    return oneDark;
 | 
					    return oneDark;
 | 
				
			||||||
  else
 | 
					  else
 | 
				
			||||||
    return lightTheme;
 | 
					    return espresso;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
function isDarkModeSet(){
 | 
					function isDarkModeSet(){
 | 
				
			||||||
@@ -125,4 +83,4 @@ function parseLanguage(name: String){
 | 
				
			|||||||
      />
 | 
					      />
 | 
				
			||||||
    
 | 
					    
 | 
				
			||||||
  </div>
 | 
					  </div>
 | 
				
			||||||
</template>
 | 
					</template>
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -2,13 +2,14 @@
 | 
				
			|||||||
import InsertTemplateComponent from '@components/common/InsertTemplateComponent.vue'
 | 
					import InsertTemplateComponent from '@components/common/InsertTemplateComponent.vue'
 | 
				
			||||||
import XMLButtonFormatterComponent from '@components/formatter/XMLButtonFormatterComponent.vue'
 | 
					import XMLButtonFormatterComponent from '@components/formatter/XMLButtonFormatterComponent.vue'
 | 
				
			||||||
import CodeEditor from '@/components/common/CodeEditorComponent.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(
 | 
					const props = defineProps(
 | 
				
			||||||
    {
 | 
					    {
 | 
				
			||||||
        stylizedName: {type: String, required: true},
 | 
					      stylizedName: {type: String, required: true},
 | 
				
			||||||
        data: {type: String},
 | 
					      data: {type: String},
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
)
 | 
					)
 | 
				
			||||||
const emit = defineEmits(['update:modelValue'])
 | 
					const emit = defineEmits(['update:modelValue'])
 | 
				
			||||||
@@ -17,54 +18,72 @@ const data = ref('')
 | 
				
			|||||||
const inputFile = ref()
 | 
					const inputFile = ref()
 | 
				
			||||||
 | 
					
 | 
				
			||||||
function sendValue() {
 | 
					function sendValue() {
 | 
				
			||||||
    emit('update:modelValue', data.value)
 | 
					  emit('update:modelValue', data.value)
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					
 | 
				
			||||||
function updateData(newData: string, clearFileSelector: boolean = true) {
 | 
					function updateData(newData: string, clearFileSelector: boolean = true) {
 | 
				
			||||||
    data.value = newData
 | 
					  data.value = newData
 | 
				
			||||||
    if (clearFileSelector)
 | 
					  if (clearFileSelector)
 | 
				
			||||||
        inputFile.value.value = '';
 | 
					    inputFile.value.value = '';
 | 
				
			||||||
    sendValue()
 | 
					  sendValue()
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
function clear() {
 | 
					function clear() {
 | 
				
			||||||
    updateData('')
 | 
					  updateData('')
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
function canBeFormatted() {
 | 
					function canBeFormatted() {
 | 
				
			||||||
    return props.stylizedName.toLowerCase() == 'xml' || 
 | 
					  return props.stylizedName.toLowerCase() == 'xml' ||
 | 
				
			||||||
           props.stylizedName.toLowerCase() == 'xsd' || 
 | 
					      props.stylizedName.toLowerCase() == 'xsd' ||
 | 
				
			||||||
           props.stylizedName.toLowerCase() == 'xslt'
 | 
					      props.stylizedName.toLowerCase() == 'xslt'
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
function readFile(file : any) {
 | 
					function addParameters() {
 | 
				
			||||||
    
 | 
					  return props.stylizedName?.toLowerCase() == "xslt"
 | 
				
			||||||
    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])
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					
 | 
				
			||||||
</script>
 | 
					</script>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
<template>
 | 
					<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 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">
 | 
					    <div class="flex justify-between mb-2"></div>
 | 
				
			||||||
            <span class="dark:text-white mr-2">{{ stylizedName }}</span>
 | 
					
 | 
				
			||||||
            <div class="flex space-x-2 pb-2 overflow-x-auto">
 | 
					    <div class="flex place-content-between w-full items-center">
 | 
				
			||||||
                <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" />
 | 
					      <span class="dark:text-white mr-2">{{ stylizedName }}</span>
 | 
				
			||||||
                </div>
 | 
					
 | 
				
			||||||
                
 | 
					      <div class="flex items-stretch w-64">
 | 
				
			||||||
                <InsertTemplateComponent :stylized-name="props.stylizedName" @update:default-data="updateData"></InsertTemplateComponent>
 | 
					        <input id="fileLoader" ref="inputFile" class="file-selector" type="file" accept=".xml,.xql,.xquery,.xslt,text/xml,text/plain" @change="readFile"/>
 | 
				
			||||||
                <XMLButtonFormatterComponent v-if="canBeFormatted()" :xml="data" @update:result="(data:any) => updateData(data.result)"></XMLButtonFormatterComponent>
 | 
					      </div>
 | 
				
			||||||
                <button class="tool-button" @click="clear">Clear</button>
 | 
					
 | 
				
			||||||
            </div>
 | 
					      <div class="flex space-x-2 pb-2 overflow-x-auto">
 | 
				
			||||||
        </div>
 | 
					        <InsertTemplateComponent :stylized-name="props.stylizedName" @update:default-data="updateData"></InsertTemplateComponent>
 | 
				
			||||||
        <CodeEditor @update:updated-code="updateData" v-model="data" :code="data" :config="{disabled:false, language:stylizedName}"></CodeEditor>
 | 
					        <XMLButtonFormatterComponent v-if="canBeFormatted()" :xml="data" @update:result="(data:any) => updateData(data.result)"></XMLButtonFormatterComponent>
 | 
				
			||||||
 | 
					        <button class="tool-button" @click="clear">Clear</button>
 | 
				
			||||||
 | 
					      </div>
 | 
				
			||||||
    </div>
 | 
					    </div>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    <div class="flex place-content-between w-full items-center">
 | 
				
			||||||
 | 
					      <div v-if="addParameters()" class="flex justify-end space-x-2 pb-2 overflow-x-auto ml-auto">
 | 
				
			||||||
 | 
					        <XsltParamComponent :stylizedName="stylizedName"/>
 | 
				
			||||||
 | 
					      </div>
 | 
				
			||||||
 | 
					    </div>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    <CodeEditor @update:updated-code="updateData" v-model="data" :code="data" :config="{disabled:false, language:stylizedName}"></CodeEditor>
 | 
				
			||||||
 | 
					  </div>
 | 
				
			||||||
</template>
 | 
					</template>
 | 
				
			||||||
@@ -7,18 +7,16 @@ const props = defineProps(
 | 
				
			|||||||
    {
 | 
					    {
 | 
				
			||||||
        tool: {type: String, required: true},
 | 
					        tool: {type: String, required: true},
 | 
				
			||||||
        xml: {type: [String, Array<TabData>], required: true},
 | 
					        xml: {type: [String, Array<TabData>], required: true},
 | 
				
			||||||
        query: {type: String, required: true},
 | 
					        query: {type: String, required: true}
 | 
				
			||||||
        activeTabId: {type: Number, required: false}
 | 
					 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
)
 | 
					)
 | 
				
			||||||
 | 
					
 | 
				
			||||||
const emit = defineEmits(["update", "update:engine"]);
 | 
					const emit = defineEmits(["update"]);
 | 
				
			||||||
 | 
					
 | 
				
			||||||
const result = ref('');
 | 
					const result = ref('');
 | 
				
			||||||
 | 
					
 | 
				
			||||||
let enginesForCurrentTool = ref(["saxon", "xalan", "libxml"]);
 | 
					let enginesForCurrentTool = ref(["saxon", "xalan", "libxml"]);
 | 
				
			||||||
 | 
					
 | 
				
			||||||
const allVersionsOfXpath = ["2.0", "3.0", "3.1"];
 | 
					 | 
				
			||||||
const allVersions = ["1.0", "2.0", "3.0", "3.1"];
 | 
					const allVersions = ["1.0", "2.0", "3.0", "3.1"];
 | 
				
			||||||
let versionsForCurrentEngine = ref([""]);
 | 
					let versionsForCurrentEngine = ref([""]);
 | 
				
			||||||
 | 
					
 | 
				
			||||||
@@ -74,7 +72,7 @@ function changeAvailableVersionsOfXPath() {
 | 
				
			|||||||
    if(engine.value == "xalan" || engine.value == "libxml")
 | 
					    if(engine.value == "xalan" || engine.value == "libxml")
 | 
				
			||||||
        versionsForCurrentEngine.value = ["1.0"];
 | 
					        versionsForCurrentEngine.value = ["1.0"];
 | 
				
			||||||
    else if (engine.value == "saxon")
 | 
					    else if (engine.value == "saxon")
 | 
				
			||||||
        versionsForCurrentEngine.value = allVersionsOfXpath;
 | 
					        versionsForCurrentEngine.value = allVersions;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
function selectDefaultEngine() {
 | 
					function selectDefaultEngine() {
 | 
				
			||||||
@@ -111,23 +109,21 @@ function prepareRequest():Request {
 | 
				
			|||||||
 | 
					
 | 
				
			||||||
function prepareURL(): string {
 | 
					function prepareURL(): string {
 | 
				
			||||||
    const engineEndpoint = engine.value == "libxml" ? "libxml" : "java";
 | 
					    const engineEndpoint = engine.value == "libxml" ? "libxml" : "java";
 | 
				
			||||||
 | 
					   
 | 
				
			||||||
    let tool = props.tool;
 | 
					    let tool = props.tool;
 | 
				
			||||||
    if (Array.isArray(props.xml) && props.xml.length > 1 && engine.value == "saxon")
 | 
					    if (Array.isArray(props.xml) && props.xml.length > 1)
 | 
				
			||||||
        tool = "multiple/xslt";
 | 
					        tool = "multiple/xslt";
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    return document.location.protocol + "//" + document.location.hostname + "/" + engineEndpoint + "/" + tool;
 | 
					    return document.location.protocol + "//" + document.location.hostname + "/" + engineEndpoint + "/" + tool;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
function selectRequestBodyType() : string {
 | 
					function selectRequestBodyType() : string {
 | 
				
			||||||
    if (Array.isArray(props.xml) && (engine.value == "xalan" || engine.value == "libxml"))
 | 
					    if (Array.isArray(props.xml) && props.xml.length > 1)
 | 
				
			||||||
      return prepareRequestBodySingleXml(props.xml.at(props.activeTabId!)!.data)
 | 
					        return prepareRequestBodyMultiXml();
 | 
				
			||||||
    else if (Array.isArray(props.xml) && props.xml.length > 1)
 | 
					 | 
				
			||||||
      return prepareRequestBodyMultiXml();
 | 
					 | 
				
			||||||
    else if (Array.isArray(props.xml))
 | 
					    else if (Array.isArray(props.xml))
 | 
				
			||||||
      return prepareRequestBodySingleXml(props.xml.at(0)!.data);
 | 
					        return prepareRequestBodySingleXml(props.xml.at(0)!.data);
 | 
				
			||||||
    else
 | 
					    else
 | 
				
			||||||
      return prepareRequestBodySingleXml(props.xml!);
 | 
					        return prepareRequestBodySingleXml(props.xml!);
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
function prepareRequestBodySingleXml(data: string):string {
 | 
					function prepareRequestBodySingleXml(data: string):string {
 | 
				
			||||||
@@ -192,10 +188,6 @@ function emitVersionChange() {
 | 
				
			|||||||
    emit("update", version.value);
 | 
					    emit("update", version.value);
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
function emitEngineChange() {
 | 
					 | 
				
			||||||
  emit("update:engine", engine.value);
 | 
					 | 
				
			||||||
}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
function isVersionSelectionAvailable() {
 | 
					function isVersionSelectionAvailable() {
 | 
				
			||||||
    return !(versionsForCurrentEngine.value.length == 1 && versionsForCurrentEngine.value.at(0) == "N/A");
 | 
					    return !(versionsForCurrentEngine.value.length == 1 && versionsForCurrentEngine.value.at(0) == "N/A");
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
@@ -210,11 +202,6 @@ function highlightField() {
 | 
				
			|||||||
    return "";
 | 
					    return "";
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
function handleChange() {
 | 
					 | 
				
			||||||
  changeAvailableVersions();
 | 
					 | 
				
			||||||
  emitEngineChange();
 | 
					 | 
				
			||||||
}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
</script>
 | 
					</script>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
<template>
 | 
					<template>
 | 
				
			||||||
@@ -222,7 +209,7 @@ function handleChange() {
 | 
				
			|||||||
        <div class="flex place-content-between w-full items-center pb-2">
 | 
					        <div class="flex place-content-between w-full items-center pb-2">
 | 
				
			||||||
            <span class="dark:text-white">Result:</span>
 | 
					            <span class="dark:text-white">Result:</span>
 | 
				
			||||||
            <div class="flex space-x-2 overflow-x-auto">
 | 
					            <div class="flex space-x-2 overflow-x-auto">
 | 
				
			||||||
                <select v-model="engine" name="engine" @change="handleChange()" 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="changeAvailableVersions()" class="px-3 rounded-full border border-slate-400 bg-white dark:text-slate-100 dark:bg-gray-600">
 | 
				
			||||||
                    <option v-for="engine in enginesForCurrentTool" :value="engine">{{ engine }}</option>
 | 
					                    <option v-for="engine in enginesForCurrentTool" :value="engine">{{ engine }}</option>
 | 
				
			||||||
                </select>
 | 
					                </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-full border border-slate-400 bg-white dark:text-slate-100 dark:bg-gray-600">
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -10,11 +10,11 @@ const props = defineProps(
 | 
				
			|||||||
    {
 | 
					    {
 | 
				
			||||||
        stylizedName: {type: String, required: true},
 | 
					        stylizedName: {type: String, required: true},
 | 
				
			||||||
        data: {type: Array<TabData>},
 | 
					        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', 'update:activeTabId'])
 | 
					const emit = defineEmits(['update:modelValue'])
 | 
				
			||||||
 | 
					
 | 
				
			||||||
const newTabId = ref(0);
 | 
					const newTabId = ref(0);
 | 
				
			||||||
const activeTabId = ref(0);
 | 
					const activeTabId = ref(0);
 | 
				
			||||||
const data = ref('')
 | 
					const data = ref('')
 | 
				
			||||||
@@ -30,9 +30,6 @@ tabs.value.push({
 | 
				
			|||||||
function sendValue() {
 | 
					function sendValue() {
 | 
				
			||||||
    emit('update:modelValue', tabs.value);
 | 
					    emit('update:modelValue', tabs.value);
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
function emitActiveTab() {
 | 
					 | 
				
			||||||
  emit('update:activeTabId', activeTabId.value);
 | 
					 | 
				
			||||||
}
 | 
					 | 
				
			||||||
 | 
					
 | 
				
			||||||
function updateData(newData: string) {
 | 
					function updateData(newData: string) {
 | 
				
			||||||
    data.value = newData;
 | 
					    data.value = newData;
 | 
				
			||||||
@@ -76,7 +73,6 @@ function changeActiveTab(id : number) {
 | 
				
			|||||||
    
 | 
					    
 | 
				
			||||||
    tabs.value.at(index)!.data = data.value;
 | 
					    tabs.value.at(index)!.data = data.value;
 | 
				
			||||||
    activeTabId.value = id;
 | 
					    activeTabId.value = id;
 | 
				
			||||||
    emitActiveTab();
 | 
					 | 
				
			||||||
    data.value = tabs.value.at(newIndex)!.data;
 | 
					    data.value = tabs.value.at(newIndex)!.data;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    sendValue();
 | 
					    sendValue();
 | 
				
			||||||
@@ -132,7 +128,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 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 justify-between mb-2">
 | 
				
			||||||
            <div class="flex gap-2 overflow-x-auto">
 | 
					            <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" :class="[tab.id !== activeTabId && (props.engine === 'xalan' ? 'disabled-tab' : '' || props.engine === 'libxml' ? 'disabled-tab' : '')]">{{ tab.name }}</TabComponent>
 | 
					                <TabComponent @click:activate="changeActiveTab" @click:remove="removeTab" v-for="tab in tabs" :id="tab.id" :isActive="tab.id == activeTabId">{{ tab.name }}</TabComponent>
 | 
				
			||||||
            </div>
 | 
					            </div>
 | 
				
			||||||
            <div class="flex gap-2">
 | 
					            <div class="flex gap-2">
 | 
				
			||||||
                <div class="flex items-stretch w-64">
 | 
					                <div class="flex items-stretch w-64">
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -43,7 +43,3 @@
 | 
				
			|||||||
.tab-active {
 | 
					.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-gradient-to-r from-blue-400 to-sky-300  dark:text-white dark:from-sky-600 dark:to-sky-800 hover:bg-blue-400
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					 | 
				
			||||||
.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;
 | 
					 | 
				
			||||||
}
 | 
					 | 
				
			||||||
 
 | 
				
			|||||||
@@ -11,8 +11,6 @@ import { ref } from 'vue';
 | 
				
			|||||||
const xml = ref(new Array<TabData>);
 | 
					const xml = ref(new Array<TabData>);
 | 
				
			||||||
const query = ref('');
 | 
					const query = ref('');
 | 
				
			||||||
const version = ref('');
 | 
					const version = ref('');
 | 
				
			||||||
const engine = ref('')
 | 
					 | 
				
			||||||
const activeTabId = ref(0)
 | 
					 | 
				
			||||||
 | 
					
 | 
				
			||||||
function updateVersion(newVersion: string) {
 | 
					function updateVersion(newVersion: string) {
 | 
				
			||||||
    version.value = newVersion;
 | 
					    version.value = newVersion;
 | 
				
			||||||
@@ -24,10 +22,10 @@ function updateVersion(newVersion: string) {
 | 
				
			|||||||
    <div id="layout" class="flex flex-row w-full h-full">
 | 
					    <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 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">
 | 
					            <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" v-model:activeTabId="activeTabId" :engine="engine" :tab-count-limit="3" v-model="xml"></xmlTabbedInputComponent>
 | 
					                <xmlTabbedInputComponent stylized-name="XML" :tab-count-limit="3" v-model="xml"></xmlTabbedInputComponent>
 | 
				
			||||||
                <xmlInputFieldComponent stylized-name="XSLT" :data="query" v-model="query"></xmlInputFieldComponent>
 | 
					                <xmlInputFieldComponent stylized-name="XSLT" :data="query" v-model="query"></xmlInputFieldComponent>
 | 
				
			||||||
            </div>
 | 
					            </div>
 | 
				
			||||||
            <xmlOutputFieldComponent tool="xslt" :xml="xml" :active-tab-id="activeTabId" v-model:engine="engine" :query="query" @update="updateVersion"></xmlOutputFieldComponent>
 | 
					            <xmlOutputFieldComponent tool="xslt" :xml="xml" :query="query" @update="updateVersion"></xmlOutputFieldComponent>
 | 
				
			||||||
        </div>
 | 
					        </div>
 | 
				
			||||||
        <TooltipComponent tool-type="xslt" :version="version"></TooltipComponent>
 | 
					        <TooltipComponent tool-type="xslt" :version="version"></TooltipComponent>
 | 
				
			||||||
    </div>
 | 
					    </div>
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -1,21 +0,0 @@
 | 
				
			|||||||
---
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
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.*
 | 
					 | 
				
			||||||
@@ -1,10 +0,0 @@
 | 
				
			|||||||
---
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
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.*
 | 
					 | 
				
			||||||
		Reference in New Issue
	
	Block a user