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

Implemented XML Formatter and simplified structure of XML tools #229

Merged
bema merged 33 commits from ref/simplify_xml_tools into master 2023-06-21 14:32:02 +02:00
Conversation 3 Commits 33 Files Changed 28 +9 -4
3 changed files with 9 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit b33d20fc91 - Show all commits

2
Frontend/src/components/formatter/JsonButtonFormatterComponent.vue
View File

@@ -48,7 +48,7 @@ function sendProcessedData(data: JSON) {
</script> </script>
<template> <template>
<button class="tool-button" @click="process()">{{ props.isMinimizer ? "Minimize" : "Format"}}</button> <button class="tool-button" @click="process()">{{ props.isMinimizer ? "Minimize" : "Format" }}</button>
</template> </template>
<style scoped></style> <style scoped></style>

10
Frontend/src/components/formatter/XMLButtonFormatterComponent.vue
View File

@@ -1,7 +1,8 @@
<script setup lang="ts"> <script setup lang="ts">
const props = defineProps({ const props = defineProps({
xml: {type: String, required: true} xml: {type: String, required: true},
isMinimizer: {type: Boolean}
widlam commented 2023-06-21 12:30:02 +02:00
Review
Copy Link

isMinimizer boolean it's good option, when we have only two options, but in future when we'll need to add another option like for example "removeNamespaces" we need refactor larger piece of code. I suggest to make prop "formatType", with type String.

isMinimizer boolean it's good option, when we have only two options, but in future when we'll need to add another option like for example "removeNamespaces" we need refactor larger piece of code. I suggest to make prop "formatType", with type String.
}) })
const emit = defineEmits(["update:result"]) const emit = defineEmits(["update:result"])
@@ -22,7 +23,10 @@ function prepareRequest():Request {
} }
function prepareURL(): string { function prepareURL(): string {
return document.location.protocol + "//" + document.location.hostname + "/libxml/prettify"; var mode = "prettify";
if (props.isMinimizer)
mode = "minimize";
return document.location.protocol + "//" + document.location.hostname + "/libxml/" + mode;
} }
function prepareRequestBody():string { function prepareRequestBody():string {
@@ -48,7 +52,7 @@ function sendProcessedData(data: JSON) {
</script> </script>
<template> <template>
<button class="tool-button" @click="process()">Format</button> <button class="tool-button" @click="process()">{{ props.isMinimizer ? "Minimize" : "Format" }}</button>
</template> </template>
<style scoped></style> <style scoped></style>

1
Frontend/src/views/XmlFormatterView.vue
View File

@@ -27,6 +27,7 @@ function clear() {
<div class="space-x-2"> <div class="space-x-2">
<InsertTemplateComponent pretty-name="XML" @update:defaultData="(data: string) => setTextFieldValue(data)"></InsertTemplateComponent> <InsertTemplateComponent pretty-name="XML" @update:defaultData="(data: string) => setTextFieldValue(data)"></InsertTemplateComponent>
<button class="tool-button" @click="clear()">Clear</button> <button class="tool-button" @click="clear()">Clear</button>
<XMLButtonFormatterComponent is-minimizer :xml="xml" @update:result="(data: any) => format(data)"></XMLButtonFormatterComponent>
<XMLButtonFormatterComponent :xml="xml" @update:result="(data: any) => format(data)"></XMLButtonFormatterComponent> <XMLButtonFormatterComponent :xml="xml" @update:result="(data: any) => format(data)"></XMLButtonFormatterComponent>
</div> </div>
</div> </div>