From b33d20fc91e5c08c68a8c9e8d2777d9aa5da50cd Mon Sep 17 00:00:00 2001
From: Adam Bem <adam.bem@zoho.eu>
Date: Tue, 20 Jun 2023 13:15:23 +0200
Subject: [PATCH] Added minimizing to XML Formatter

---
 .../formatter/JsonButtonFormatterComponent.vue         |  2 +-
 .../formatter/XMLButtonFormatterComponent.vue          | 10 +++++++---
 Frontend/src/views/XmlFormatterView.vue                |  1 +
 3 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/Frontend/src/components/formatter/JsonButtonFormatterComponent.vue b/Frontend/src/components/formatter/JsonButtonFormatterComponent.vue
index c340ed0..ab0a6c2 100644
--- a/Frontend/src/components/formatter/JsonButtonFormatterComponent.vue
+++ b/Frontend/src/components/formatter/JsonButtonFormatterComponent.vue
@@ -48,7 +48,7 @@ function sendProcessedData(data: JSON) {
 </script>
 
 <template>
-    <button class="tool-button" @click="process()">{{ props.isMinimizer ? "Minimize" : "Format"}}</button>
+    <button class="tool-button" @click="process()">{{ props.isMinimizer ? "Minimize" : "Format" }}</button>
 </template>
 
 <style scoped></style>
diff --git a/Frontend/src/components/formatter/XMLButtonFormatterComponent.vue b/Frontend/src/components/formatter/XMLButtonFormatterComponent.vue
index 8725e75..21a79cc 100644
--- a/Frontend/src/components/formatter/XMLButtonFormatterComponent.vue
+++ b/Frontend/src/components/formatter/XMLButtonFormatterComponent.vue
@@ -1,7 +1,8 @@
 <script setup lang="ts">
 
 const props = defineProps({
-    xml: {type: String, required: true}
+    xml: {type: String, required: true},
+    isMinimizer: {type: Boolean}
 })
 
 const emit = defineEmits(["update:result"])
@@ -22,7 +23,10 @@ function prepareRequest():Request {
 }
 
 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 {
@@ -48,7 +52,7 @@ function sendProcessedData(data: JSON) {
 </script>
 
 <template>
-    <button class="tool-button" @click="process()">Format</button>
+    <button class="tool-button" @click="process()">{{ props.isMinimizer ? "Minimize" : "Format" }}</button>
 </template>
 
 <style scoped></style>
diff --git a/Frontend/src/views/XmlFormatterView.vue b/Frontend/src/views/XmlFormatterView.vue
index f1c2f13..7d1d6ca 100644
--- a/Frontend/src/views/XmlFormatterView.vue
+++ b/Frontend/src/views/XmlFormatterView.vue
@@ -27,6 +27,7 @@ function clear() {
             <div class="space-x-2">
                 <InsertTemplateComponent pretty-name="XML" @update:defaultData="(data: string) => setTextFieldValue(data)"></InsertTemplateComponent>
                 <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>
             </div>
         </div>