From efbadd0737d3664c4023ff35708cac54ea4786e8 Mon Sep 17 00:00:00 2001
From: Denis Freund <info@denis-freund.de>
Date: Tue, 28 Sep 2021 13:38:46 +0200
Subject: [PATCH] only allow ip address for hostname when monitor type is steam

---
 src/pages/EditMonitor.vue | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/pages/EditMonitor.vue b/src/pages/EditMonitor.vue
index 0a68a34a9..e5c793260 100644
--- a/src/pages/EditMonitor.vue
+++ b/src/pages/EditMonitor.vue
@@ -50,12 +50,18 @@
                                 </div>
                             </div>
 
-                            <!-- TCP Port / Ping / DNS only -->
-                            <div v-if="monitor.type === 'port' || monitor.type === 'ping' || monitor.type === 'dns' || monitor.type === 'steam' " class="my-3">
+                            <!-- Hostname Port / Ping / DNS only -->
+                            <div v-if="monitor.type === 'port' || monitor.type === 'ping' || monitor.type === 'dns'" class="my-3">
                                 <label for="hostname" class="form-label">{{ $t("Hostname") }}</label>
                                 <input id="hostname" v-model="monitor.hostname" type="text" class="form-control" :pattern="`${ipRegexPattern}|${hostnameRegexPattern}`" required>
                             </div>
 
+                            <!-- Hostname Steam only -->
+                            <div v-if="monitor.type === 'steam' " class="my-3">
+                                <label for="ipAddress" class="form-label">{{ $t("IP Address") }}</label>
+                                <input id="ipAddress" v-model="monitor.hostname" type="text" class="form-control" :pattern="`${ipRegexPattern}`" required>
+                            </div>
+
                             <!-- For TCP Port Type -->
                             <div v-if="monitor.type === 'port'" class="my-3">
                                 <label for="port" class="form-label">{{ $t("Port") }}</label>