From e670b5f4cf08ce88cd44e8e813306919afc0b100 Mon Sep 17 00:00:00 2001
From: Stefan Ottosson <stefan@ottosson.io>
Date: Thu, 23 May 2024 17:49:18 +0200
Subject: [PATCH] fix: hide body options for monitor type push

---
 src/pages/EditMonitor.vue | 87 ++++++++++++++++++++-------------------
 1 file changed, 45 insertions(+), 42 deletions(-)

diff --git a/src/pages/EditMonitor.vue b/src/pages/EditMonitor.vue
index f4d2ee25b..2e8e596e6 100644
--- a/src/pages/EditMonitor.vue
+++ b/src/pages/EditMonitor.vue
@@ -733,52 +733,55 @@
                                     </select>
                                 </div>
 
-                                <!-- Encoding -->
-                                <div class="my-3">
-                                    <label for="httpBodyEncoding" class="form-label">{{ $t("Body Encoding") }}</label>
-                                    <select id="httpBodyEncoding" v-model="monitor.httpBodyEncoding" class="form-select">
-                                        <option value="json">JSON</option>
-                                        <option value="form">x-www-form-urlencoded</option>
-                                        <option value="xml">XML</option>
-                                    </select>
-                                </div>
+                                <template v-if="monitor.type !== 'push'">
+                                    <!-- Encoding -->
+                                    <div class="my-3">
+                                        <label for="httpBodyEncoding" class="form-label">{{ $t("Body Encoding") }}</label>
+                                        <select id="httpBodyEncoding" v-model="monitor.httpBodyEncoding" class="form-select">
+                                            <option value="json">JSON</option>
+                                            <option value="form">x-www-form-urlencoded</option>
+                                            <option value="xml">XML</option>
+                                        </select>
+                                    </div>
 
-                                <!-- 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>
-                                </div>
+                                    <!-- 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>
+                                    </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>
-                                </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>
+                                    </div>
 
-                                <!-- HTTP Auth -->
-                                <h4 class="mt-5 mb-2">{{ $t("Authentication") }}</h4>
+                                    <!-- HTTP Auth -->
+                                    <h4 class="mt-5 mb-2">{{ $t("Authentication") }}</h4>
+
+                                    <!-- Method -->
+                                    <div class="my-3">
+                                        <label for="method" class="form-label">{{ $t("Method") }}</label>
+                                        <select id="method" v-model="monitor.authMethod" class="form-select">
+                                            <option :value="null">
+                                                {{ $t("None") }}
+                                            </option>
+                                            <option value="basic">
+                                                {{ $t("HTTP Basic Auth") }}
+                                            </option>
+                                            <option value="oauth2-cc">
+                                                {{ $t("OAuth2: Client Credentials") }}
+                                            </option>
+                                            <option value="ntlm">
+                                                NTLM
+                                            </option>
+                                            <option value="mtls">
+                                                mTLS
+                                            </option>
+                                        </select>
+                                    </div>
+                                </template>
 
-                                <!-- Method -->
-                                <div class="my-3">
-                                    <label for="method" class="form-label">{{ $t("Method") }}</label>
-                                    <select id="method" v-model="monitor.authMethod" class="form-select">
-                                        <option :value="null">
-                                            {{ $t("None") }}
-                                        </option>
-                                        <option value="basic">
-                                            {{ $t("HTTP Basic Auth") }}
-                                        </option>
-                                        <option value="oauth2-cc">
-                                            {{ $t("OAuth2: Client Credentials") }}
-                                        </option>
-                                        <option value="ntlm">
-                                            NTLM
-                                        </option>
-                                        <option value="mtls">
-                                            mTLS
-                                        </option>
-                                    </select>
-                                </div>
                                 <template v-if="monitor.authMethod && monitor.authMethod !== null ">
                                     <template v-if="monitor.authMethod === 'mtls' ">
                                         <div class="my-3">