R11/release11-tools
4
2
Fork 0
Code Issues 9 Pull Requests 4 Packages Projects Releases 6 Wiki Activity

xalan_single_files_frontend (#297)

Browse Source 
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>
This commit is contained in:
Wojciech Mizia
2025-02-05 17:01:23 +01:00
committed by Wojciech Mizia
parent 79959c5ff9
commit f3f88ad659
4 changed files with 37 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
Frontend/src/components/xml/XmlOutputFieldComponent.vue
View File

@@ -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">

12
Frontend/src/components/xml/XmlTabbedInputComponent.vue
View File

@@ -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">