File uploading and fixes #261
@@ -59,7 +59,10 @@ function readFile(file : any) {
 | 
			
		||||
        <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-scroll">
 | 
			
		||||
                <input id="fileLoader" ref="inputFile" class="file-selector" type="file" accept=".xml,.xql,.xquery,.xslt,text/xml,text/plain" @change="readFile" />
 | 
			
		||||
                <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="(data: string) => updateData(data)"></InsertTemplateComponent>
 | 
			
		||||
                <XMLButtonFormatterComponent v-if="canBeFormatted()" :xml="data" @update:result="(data:any) => updateData(data.result)"></XMLButtonFormatterComponent>
 | 
			
		||||
                <button class="tool-button" @click="clear">Clear</button>
 | 
			
		||||
 
 | 
			
		||||
@@ -25,5 +25,5 @@
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.file-selector {
 | 
			
		||||
    @apply block file:border-none file:hover:brightness-110 file:py-2 file:px-4 file:h-full file:w-32 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-72 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-4 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
 | 
			
		||||
}
 | 
			
		||||
		Reference in New Issue
	
	Block a user