Allow passing of protocols in Electron input box

balena-io-experimental · Sep 1, 2022 · 287c234 · 287c234
1 parent 48a61ce
commit 287c234
Showing 1 changed file with 9 additions and 0 deletions.
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,6 +287,7 @@ export default defineComponent({
     }
 
     function setAxios(currentTabSetting: string) {
+      currentTabSetting = addHttp(currentTabSetting)
       axiosBaseUrl.setUrl(`http://${currentTabSetting}`)
     }