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

Added selector fields

Browse Source
This commit is contained in:
Adam Bem
2023-10-30 09:27:53 +01:00
parent 3d3c8cb9d1
commit 0b22ac3c89
1 changed files with 6 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
Frontend/src/components/xml/XmlInputFieldComponent.vue
View File

@@ -39,13 +39,18 @@ function canBeFormatted() {
props.stylizedName.toLowerCase() == 'xslt'; props.stylizedName.toLowerCase() == 'xslt';
} }
function readFile(file : any) {
console.log(file.target.files[0]);
}
</script> </script>
<template> <template>
<div class="flex flex-col w-full h-1/2 lg:h-1/2 flex-none pr-4 pb-2"> <div class="flex flex-col w-full h-1/2 lg:h-1/2 flex-none pr-4 pb-2">
<div class="flex place-content-between w-full items-center"> <div class="flex place-content-between w-full items-center">
<span class="dark:text-white">{{ stylizedName }}</span> <span class="dark:text-white mr-2">{{ stylizedName }}</span>
<div class="flex space-x-2 pb-2"> <div class="flex space-x-2 pb-2">
<input id="fileLoader" ref="inputFile" class="file-selector w-4" type="file" @change="readFile" />
<InsertTemplateComponent :stylized-name="props.stylizedName" @update:default-data="(data: string) => updateData(data)"></InsertTemplateComponent> <InsertTemplateComponent :stylized-name="props.stylizedName" @update:default-data="(data: string) => updateData(data)"></InsertTemplateComponent>
<XMLButtonFormatterComponent v-if="canBeFormatted()" :xml="data" @update:result="(data:any) => updateData(data.result)"></XMLButtonFormatterComponent> <XMLButtonFormatterComponent v-if="canBeFormatted()" :xml="data" @update:result="(data:any) => updateData(data.result)"></XMLButtonFormatterComponent>
<button class="tool-button" @click="clear">Clear</button> <button class="tool-button" @click="clear">Clear</button>