From 01a85a86bf5f95d9e97864d0d0432a749a857842 Mon Sep 17 00:00:00 2001
From: maggie0002 <64841595+maggie0002@users.noreply.github.com>
Date: Thu, 1 Sep 2022 09:56:55 +0200
Subject: [PATCH] Allow passing of protocols in Electron input box

---
 ui/src/layouts/AppPortal.vue | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/ui/src/layouts/AppPortal.vue b/ui/src/layouts/AppPortal.vue
index f1605304..d5c98012 100644
--- a/ui/src/layouts/AppPortal.vue
+++ b/ui/src/layouts/AppPortal.vue
@@ -123,6 +123,7 @@
       <q-input
         ref="validateHostInput"
         v-model="reqHostname"
+        type="url"
         clearable
         :rules="[
           (value: string) =>
@@ -243,6 +244,13 @@ export default defineComponent({
       }
     })
 
+    function addHttp(url: string) {
+      if (!/^(?:f|ht)tps?:\/\//.test(url)) {
+        url = `http://${url}`
+      }
+      return url
+    }
+
     // Electron toolbar controls
     function closeTab(index: number) {
       currentTab.value = 'welcome'
@@ -279,7 +287,8 @@ export default defineComponent({
     }
 
     function setAxios(currentTabSetting: string) {
-      axiosBaseUrl.setUrl(`http://${currentTabSetting}`)
+      currentTabSetting = addHttp(currentTabSetting)
+      axiosBaseUrl.setUrl(currentTabSetting)
     }
 
     function setHostname(reqHost: string) {