From 843b71028368af56b655a4317a8a66b7d9acef82 Mon Sep 17 00:00:00 2001
From: Adam Bem <adam.bem@zoho.eu>
Date: Mon, 19 Jun 2023 10:41:44 +0200
Subject: [PATCH] Added clear button for formatter

---
 .../components/common/InsertTemplateComponent.vue    |  2 +-
 .../formatter/ToolbarFormatterComponent.vue          | 12 ------------
 Frontend/src/views/XmlFormatterView.vue              |  5 +++++
 3 files changed, 6 insertions(+), 13 deletions(-)
 delete mode 100644 Frontend/src/components/formatter/ToolbarFormatterComponent.vue

diff --git a/Frontend/src/components/common/InsertTemplateComponent.vue b/Frontend/src/components/common/InsertTemplateComponent.vue
index 7526d78..f2489e3 100644
--- a/Frontend/src/components/common/InsertTemplateComponent.vue
+++ b/Frontend/src/components/common/InsertTemplateComponent.vue
@@ -40,5 +40,5 @@ function setDefault() {
 </script>
 
 <template>
-    <button class="tool-button" @click="setDefault()">Insert default {{ prettyName }}</button>
+    <button class="tool-button" @click="setDefault()">Default {{ prettyName }}</button>
 </template>
\ No newline at end of file
diff --git a/Frontend/src/components/formatter/ToolbarFormatterComponent.vue b/Frontend/src/components/formatter/ToolbarFormatterComponent.vue
deleted file mode 100644
index 6c87c12..0000000
--- a/Frontend/src/components/formatter/ToolbarFormatterComponent.vue
+++ /dev/null
@@ -1,12 +0,0 @@
-<script setup lang="ts">
-
-
-</script>
-
-<template>
-  <div class="flex h-full"></div>
-
-    <textarea name="data" id="data" class="text-field"></textarea>
-</template>
-
-<style scoped></style>
diff --git a/Frontend/src/views/XmlFormatterView.vue b/Frontend/src/views/XmlFormatterView.vue
index bb13801..f1c2f13 100644
--- a/Frontend/src/views/XmlFormatterView.vue
+++ b/Frontend/src/views/XmlFormatterView.vue
@@ -14,6 +14,10 @@ function format(formattedXml: any) {
     xml.value = formattedXml.result;
 }
 
+function clear() {
+    xml.value = '';
+}
+
 </script>
 
 <template>
@@ -22,6 +26,7 @@ function format(formattedXml: any) {
             <span class="dark:text-slate-100">XML Formatter</span>
             <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 :xml="xml" @update:result="(data: any) => format(data)"></XMLButtonFormatterComponent>
             </div>
         </div>