Compare commits
3 Commits
9cb949b485
...
xalan_sing
| Author | SHA1 | Date | |
|---|---|---|---|
| 04220e3c98 | |||
| 2c8470b4e2 | |||
| 8d6d97c555 |
@@ -10,8 +10,6 @@ import org.apache.logging.log4j.Logger;
|
||||
import spark.Request;
|
||||
import spark.Response;
|
||||
|
||||
import java.io.StringWriter;
|
||||
|
||||
/**
|
||||
* Controller used to handle XML tools: XPath, XSD validation, XQuery and XSLT
|
||||
* @author Adam Bem
|
||||
@@ -50,14 +48,9 @@ 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);
|
||||
}
|
||||
@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) {
|
||||
XMLRequestBody requestBody;
|
||||
try {
|
||||
@@ -67,12 +60,7 @@ public class XmlController implements RestController {
|
||||
return;
|
||||
}
|
||||
|
||||
if (requestBody.getProcessor() == null ) {
|
||||
if(requestBody.getProcessorData() != null){
|
||||
processRequest(new XmlJob(response, requestBody, xmlJobType));
|
||||
return;
|
||||
}
|
||||
System.out.println("getProcessor=null");
|
||||
if (requestBody.getProcessor() == null) {
|
||||
invalidEngineSelectedResponse(response);
|
||||
return;
|
||||
}
|
||||
@@ -103,9 +91,10 @@ public class XmlController implements RestController {
|
||||
responseBody.setDuration(duration);
|
||||
|
||||
xmlJob.getResponse().status(200);
|
||||
/* this.logger.info("Request (" + xmlJob.getXmlJobType() + ", " +
|
||||
|
||||
this.logger.info("Request (" + xmlJob.getXmlJobType() + ", " +
|
||||
xmlJob.getEngine().getVersion() +
|
||||
") processed in " + duration + " ms.");*/
|
||||
") processed in " + duration + " ms.");
|
||||
|
||||
} catch (Exception ex) {
|
||||
responseBody = processingErrorResponse(ex, xmlJob);
|
||||
@@ -140,13 +129,6 @@ public class XmlController implements RestController {
|
||||
|
||||
String result = null;
|
||||
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:
|
||||
result = engine.processXSLT(requestBody.getData(), requestBody.getProcessorData());
|
||||
break;
|
||||
@@ -159,16 +141,7 @@ public class XmlController implements RestController {
|
||||
requestBody.getVersion());
|
||||
break;
|
||||
}
|
||||
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();
|
||||
return new XMLResponseBody(result, "OK", requestBody.getVersion());
|
||||
}
|
||||
|
||||
private XMLResponseBody processingErrorResponse(Exception ex, XmlJob xmlJob) {
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
@@ -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) {
|
||||
}
|
||||
|
||||
@@ -15,20 +15,19 @@ public class XMLRequestBody {
|
||||
private String processor;
|
||||
@SerializedName("version")
|
||||
private String version;
|
||||
@SerializedName("paramName")
|
||||
private String paramName;
|
||||
@SerializedName("paramValue")
|
||||
private String paramValue;
|
||||
|
||||
public String getData() {
|
||||
return data;
|
||||
}
|
||||
public String getProcessorData() {return processorData;}
|
||||
public String getParamName() {return paramName;}
|
||||
public String getParamValue() {return paramValue;}
|
||||
|
||||
public String getProcessorData() {
|
||||
return processorData;
|
||||
}
|
||||
|
||||
public String getProcessor() {
|
||||
return processor;
|
||||
}
|
||||
|
||||
public String getVersion() {
|
||||
return version;
|
||||
}
|
||||
|
||||
@@ -164,9 +164,4 @@ public class Saxon implements XmlEngine{
|
||||
public String getVersion() {
|
||||
return "Saxon " + new Processor(false).getSaxonProductVersion();
|
||||
}
|
||||
|
||||
@Override
|
||||
public String addParam(String data, String processorData) throws Exception {
|
||||
return null;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -124,11 +124,6 @@ public class Xalan implements XmlEngine{
|
||||
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
|
||||
* @param data xml document
|
||||
|
||||
@@ -9,7 +9,9 @@ public interface XmlEngine {
|
||||
XPathQueryResult processXPath(String data, String query, String version) 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();
|
||||
String addParam(String processorData, String paramName, String paramValue) throws Exception;
|
||||
|
||||
}
|
||||
|
||||
@@ -1,107 +0,0 @@
|
||||
<script setup lang="ts">
|
||||
import {ref} from 'vue'
|
||||
|
||||
const emit = defineEmits<{
|
||||
(event: 'update-value', value: string): void;
|
||||
}>();
|
||||
|
||||
const props = defineProps({
|
||||
xslt: {type: String, required: true}
|
||||
})
|
||||
|
||||
|
||||
const sendToParent = (xslt: string) => {
|
||||
emit('update-value', xslt);
|
||||
};
|
||||
const nameInput = ref('')
|
||||
const valueInput = ref('')
|
||||
|
||||
const options = ref<{ name: string }[]>([
|
||||
{ name: "Add Param" },
|
||||
{ name: "Set Param" },
|
||||
]);
|
||||
|
||||
const selectedOption = ref(options.value[0].name);
|
||||
|
||||
|
||||
const selectedFunction = () => {
|
||||
if(selectedOption.value === "Add Param") {
|
||||
sendRequest("addParam");
|
||||
}
|
||||
else {
|
||||
sendRequest("setParam")
|
||||
}
|
||||
};
|
||||
const sendRequest = (type:string) => {
|
||||
console.log(type)
|
||||
let request: Request = prepareRequest(type)
|
||||
fetchRequest(request).then((body) => {
|
||||
const result = (body as any).result;
|
||||
sendToParent(result);
|
||||
});
|
||||
}
|
||||
|
||||
function prepareRequest(type :string): Request {
|
||||
let request = new Request(prepareURL(), {
|
||||
body: prepareRequestBody(type),
|
||||
method: "POST"
|
||||
});
|
||||
return request
|
||||
}
|
||||
|
||||
function prepareURL(): string {
|
||||
//const engineEndpoint = engine.value == "libxml" ? "libxml" : "java";
|
||||
return document.location.protocol + "//" + document.location.hostname + "/" + "java" + "/xslt/param";
|
||||
//return "http://localhost:8081/xslt/param";
|
||||
}
|
||||
|
||||
function prepareRequestBody(type: string): string {
|
||||
let requestBody = JSON.stringify({
|
||||
"processorData": props.xslt,
|
||||
"paramName": nameInput.value,
|
||||
"paramValue": valueInput.value,
|
||||
"type": type
|
||||
});
|
||||
console.log(requestBody);
|
||||
return requestBody;
|
||||
}
|
||||
|
||||
async function fetchRequest(request: Request): Promise<JSON> {
|
||||
console.log(request)
|
||||
let responseBody = await fetch(request)
|
||||
return await responseBody.json()
|
||||
// .then(response => response.json())
|
||||
// .then((body) => body)
|
||||
//console.log(responseBody);
|
||||
//return responseBody
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<select
|
||||
v-model="selectedOption"
|
||||
class="px-3 rounded-full border border-slate-400 bg-white dark:text-slate-100 dark:bg-gray-600 w-1/3"
|
||||
>
|
||||
<option v-for="option in options" :value="option.name" :key="option.name">
|
||||
{{ option.name }}
|
||||
</option>
|
||||
</select>
|
||||
|
||||
<input
|
||||
id="NameTextInput"
|
||||
v-model="nameInput"
|
||||
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="ValueTextInput"
|
||||
v-model="valueInput"
|
||||
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="selectedFunction">{{selectedOption}}</button>
|
||||
</template>
|
||||
|
||||
@@ -2,14 +2,13 @@
|
||||
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: {type: String, required: true},
|
||||
data: {type: String},
|
||||
stylizedName: {type: String, required: true},
|
||||
data: {type: String},
|
||||
}
|
||||
)
|
||||
const emit = defineEmits(['update:modelValue'])
|
||||
@@ -18,72 +17,54 @@ const data = ref('')
|
||||
const inputFile = ref()
|
||||
|
||||
function sendValue() {
|
||||
emit('update:modelValue', data.value)
|
||||
emit('update:modelValue', data.value)
|
||||
}
|
||||
|
||||
|
||||
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 = (value: string) => {data.value = 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 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 @update-value="handleUpdateValue" :xslt="data"/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<CodeEditor @update:updated-code="updateData" v-model="data" :code="data" :config="{disabled:false, language:stylizedName}"></CodeEditor>
|
||||
</div>
|
||||
</template>
|
||||
@@ -7,11 +7,12 @@ const props = defineProps(
|
||||
{
|
||||
tool: {type: String, 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"]);
|
||||
const emit = defineEmits(["update", "update:engine"]);
|
||||
|
||||
const result = ref('');
|
||||
|
||||
@@ -109,21 +110,23 @@ 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!);
|
||||
return prepareRequestBodySingleXml(props.xml!);
|
||||
}
|
||||
|
||||
function prepareRequestBodySingleXml(data: string):string {
|
||||
@@ -188,6 +191,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");
|
||||
}
|
||||
@@ -202,6 +209,11 @@ function highlightField() {
|
||||
return "";
|
||||
}
|
||||
|
||||
function handleChange() {
|
||||
changeAvailableVersions();
|
||||
emitEngineChange();
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
<template>
|
||||
@@ -209,7 +221,7 @@ 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-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>
|
||||
</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">
|
||||
|
||||
@@ -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">
|
||||
|
||||
@@ -43,3 +43,7 @@
|
||||
.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
|
||||
}
|
||||
|
||||
.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,6 +11,8 @@ import { ref } from 'vue';
|
||||
const xml = ref(new Array<TabData>);
|
||||
const query = ref('');
|
||||
const version = ref('');
|
||||
const engine = ref('')
|
||||
const activeTabId = ref(0)
|
||||
|
||||
function updateVersion(newVersion: string) {
|
||||
version.value = newVersion;
|
||||
@@ -22,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>
|
||||
<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" @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>
|
||||
|
||||
Reference in New Issue
Block a user