66 lines
1.4 KiB
Vue
66 lines
1.4 KiB
Vue
<script setup lang="ts">
|
|
const props = defineProps(
|
|
{
|
|
formatType: {
|
|
type:String,
|
|
required:true
|
|
},
|
|
code: {
|
|
type:String,
|
|
required:true
|
|
},
|
|
isError: {
|
|
type:Boolean,
|
|
required:false
|
|
},
|
|
}
|
|
)
|
|
|
|
const emit = defineEmits([
|
|
'update:result',
|
|
'update:error'
|
|
])
|
|
|
|
function chooseType(formatType: String){
|
|
if (formatType == "HTML -> XML"){
|
|
return "convert";
|
|
}
|
|
return formatType.toLowerCase();
|
|
}
|
|
|
|
function getTypeInfo(){
|
|
if( props.code.startsWith("<!DOCTYPE") ){
|
|
return "html"
|
|
}else{
|
|
return "xml"
|
|
}
|
|
}
|
|
|
|
function createBody(){
|
|
return JSON.stringify({
|
|
"data": props.code,
|
|
"processorData": getTypeInfo(),
|
|
"processor": "libxml",
|
|
"version": "1.0"
|
|
});
|
|
}
|
|
|
|
const fetchLink = document.location.protocol + "//" + document.location.hostname + "/libxml/html/" + chooseType(props.formatType);
|
|
|
|
function processResponse(formattedCode : any){
|
|
var result = formattedCode.result;
|
|
emit("update:error", formattedCode.status == "ERR")
|
|
return result
|
|
}
|
|
|
|
function process(){
|
|
fetch(fetchLink, {body:createBody(), method: "POST"})
|
|
.then( response => response.json() )
|
|
.then( formattedCode => emit('update:result', processResponse(formattedCode) ) )
|
|
}
|
|
|
|
</script>
|
|
|
|
<template>
|
|
<button class="tool-button" @click="process()">{{ formatType }}</button>
|
|
</template> |