From 2c85491ee011ca7f7ba655592eb292b2aa5733c7 Mon Sep 17 00:00:00 2001
From: Ivan <ivanbratovic4@gmail.com>
Date: Thu, 11 Nov 2021 10:52:22 +0100
Subject: [PATCH] Replace body and header placeholder functions with
 translations

---
 src/languages/en.js       |  2 ++
 src/pages/EditMonitor.vue | 18 ++----------------
 2 files changed, 4 insertions(+), 16 deletions(-)

diff --git a/src/languages/en.js b/src/languages/en.js
index 15c3cd0f..37c1dd69 100644
--- a/src/languages/en.js
+++ b/src/languages/en.js
@@ -307,4 +307,6 @@ export default {
     steamApiKeyDescription: "For monitoring a Steam Game Server you need a Steam Web-API key. You can register your API key here: ",
     "Current User": "Current User",
     recent: "Recent",
+    headersPlaceholder: "Example:\n\{\n    \"HeaderName\": \"HeaderValue\"\n}",
+    bodyPlaceholder: "Example:\n\{\n    \"key\": \"value\"\n}",
 };
diff --git a/src/pages/EditMonitor.vue b/src/pages/EditMonitor.vue
index 65c3dad6..332a9810 100644
--- a/src/pages/EditMonitor.vue
+++ b/src/pages/EditMonitor.vue
@@ -257,13 +257,13 @@
                                 <!-- Body -->
                                 <div class="my-3">
                                     <label for="body" class="form-label">{{ $t("Body") }}</label>
-                                    <textarea id="body" v-model="monitor.body" class="form-control" :placeholder="bodyPlaceholder"></textarea>
+                                    <textarea id="body" v-model="monitor.body" class="form-control" :placeholder="$t('bodyPlaceholder')"></textarea>
                                 </div>
 
                                 <!-- Headers -->
                                 <div class="my-3">
                                     <label for="headers" class="form-label">{{ $t("Headers") }}</label>
-                                    <textarea id="headers" v-model="monitor.headers" class="form-control" :placeholder="headersPlaceholder"></textarea>
+                                    <textarea id="headers" v-model="monitor.headers" class="form-control" :placeholder="$t('headersPlaceholder')"></textarea>
                                 </div>
                             </template>
                         </div>
@@ -339,20 +339,6 @@ export default {
             return this.$root.baseURL + "/api/push/" + this.monitor.pushToken + "?msg=OK&ping=";
         },
 
-        bodyPlaceholder() {
-            return `Example:
-{
-    "key": "value"
-}`;
-        },
-
-        headersPlaceholder() {
-            return `Example:
-{
-    "HeaderName": "HeaderValue"
-}`;
-        }
-
     },
     watch: {