From 61c3ff423af81f5812b3df45d3e7cd4bc011ce2f Mon Sep 17 00:00:00 2001
From: Jan Prochazka <jan.prochazka@sprinx.cz>
Date: Wed, 28 Aug 2024 10:16:42 +0200
Subject: [PATCH] SSH key file option available on web platforms #876

---
 .../settings/ConnectionSshTunnelFields.svelte | 26 +++++++++++++------
 1 file changed, 18 insertions(+), 8 deletions(-)

diff --git a/packages/web/src/settings/ConnectionSshTunnelFields.svelte b/packages/web/src/settings/ConnectionSshTunnelFields.svelte
index 5e1ddd46b..804d83c6c 100644
--- a/packages/web/src/settings/ConnectionSshTunnelFields.svelte
+++ b/packages/web/src/settings/ConnectionSshTunnelFields.svelte
@@ -60,7 +60,7 @@
   options={[
     { value: 'userPassword', label: 'Username & password' },
     { value: 'agent', label: 'SSH agent' },
-    electron && { value: 'keyFile', label: 'Key file' },
+    { value: 'keyFile', label: 'Key file' },
   ]}
 />
 
@@ -92,13 +92,23 @@
 {#if $values.sshMode == 'keyFile'}
   <div class="row">
     <div class="col-6 mr-1">
-      <FormElectronFileSelector
-        label="Private key file"
-        name="sshKeyfile"
-        disabled={isConnected || !useSshTunnel}
-        templateProps={{ noMargin: true }}
-        defaultFileName={$platformInfo?.defaultKeyfile}
-      />
+      {#if electron}
+        <FormElectronFileSelector
+          label="Private key file"
+          name="sshKeyfile"
+          disabled={isConnected || !useSshTunnel}
+          templateProps={{ noMargin: true }}
+          defaultFileName={$platformInfo?.defaultKeyfile}
+        />
+      {:else}
+        <FormTextField
+          label="Private key file (path on server)"
+          name="sshKeyfile"
+          disabled={isConnected || !useSshTunnel}
+          templateProps={{ noMargin: true }}
+          placeholder={$platformInfo?.defaultKeyfile}
+        />
+      {/if}
     </div>
     <div class="col-6">
       <FormPasswordField