Allow passing of protocols in Electron input box

balena-io-experimental · Sep 1, 2022 · 01a85a8 · 01a85a8
1 parent 48a61ce
commit 01a85a8
Showing 1 changed file with 10 additions and 1 deletion.
diff --git 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) {