Add settings in desktop version

loophole · Apr 15, 2022 · 0d4cbef · 0d4cbef
1 parent 5797d0f
commit 0d4cbef
Show file tree

Hide file tree

Showing 4 changed files with 51 additions and 0 deletions.
diff --git a/ui/desktop/src/interfaces/RemoteEndpointSpecs.ts b/ui/desktop/src/interfaces/RemoteEndpointSpecs.ts
@@ -9,4 +9,5 @@ export default interface RemoteEndpointSpecs {
   basicAuthUsername?: string;
   basicAuthPassword?: string;
   disableProxyErrorPage: boolean;
+  disableOldCiphers: boolean;
 }
diff --git a/ui/desktop/src/pages/Directory.tsx b/ui/desktop/src/pages/Directory.tsx
@@ -30,6 +30,7 @@ const DirectoryPage = () => {
   const [usingBasicAuth, setUsingBasicAuth] = useState(false);
   const [basicAuthUsername, setBasicAuthUsername] = useState("");
   const [basicAuthPassword, setBasicAuthPassword] = useState("");
+  const [disableOldCiphers, setDisableOldCiphers] = useState(false);
 
   const areInputsValid = (): boolean => {
     if (!isLocalPathValid(path)) return false;
@@ -51,6 +52,7 @@ const DirectoryPage = () => {
       },
       remote: {
         disableProxyErrorPage: false,
+        disableOldCiphers: false,
         tunnelId: uuidv4(),
       },
     };
@@ -62,6 +64,8 @@ const DirectoryPage = () => {
       options.remote.basicAuthPassword = basicAuthPassword;
     }
 
+    options.remote.disableOldCiphers = disableOldCiphers;
+
     const message: Message<ExposeDirectoryMessage> = {
       type: MessageTypeRequestTunnelStartDirectory,
       payload: options,
@@ -104,6 +108,19 @@ const DirectoryPage = () => {
                 passwordValue={basicAuthPassword}
                 passwordChangeCallback={setBasicAuthPassword}
               />
+              <div className="field">
+                <div className="control">
+                  <label className="checkbox">
+                    <input
+                      type="checkbox"
+                      onChange={(e) => {
+                        setDisableOldCiphers(!disableOldCiphers);
+                      }}
+                    />{" "}
+                    I want to disable old TLS ciphers (older than TLS 1.2)
+                  </label>
+                </div>
+              </div>
             </div>
             <div className="column is-12">
               <div className="field is-grouped is-pulled-right">

diff --git a/ui/desktop/src/pages/HTTP.tsx b/ui/desktop/src/pages/HTTP.tsx
@@ -33,6 +33,7 @@ const HTTP = () => {
   const [basicAuthUsername, setBasicAuthUsername] = useState("");
   const [basicAuthPassword, setBasicAuthPassword] = useState("");
   const [disableProxyErrorPage, setDisableProxyErrorPage] = useState(false);
+  const [disableOldCiphers, setDisableOldCiphers] = useState(false);
   const [usingUrlPath, setUsingUrlPath] = useState(false);
   const [urlPath, setUrlPath] = useState("")
 
@@ -61,6 +62,7 @@ const HTTP = () => {
       },
       remote: {
         disableProxyErrorPage: false,
+        disableOldCiphers: false,
         tunnelId: uuidv4(),
       },
     };
@@ -76,6 +78,7 @@ const HTTP = () => {
     }
 
     options.remote.disableProxyErrorPage = disableProxyErrorPage;
+    options.remote.disableOldCiphers = disableOldCiphers;
 
     const message: Message<ExposeHttpPortMessage> = {
       type: MessageTypeRequestTunnelStartHTTP,
@@ -140,6 +143,19 @@ const HTTP = () => {
                   </label>
                 </div>
               </div>
+              <div className="field">
+                <div className="control">
+                  <label className="checkbox">
+                    <input
+                      type="checkbox"
+                      onChange={(e) => {
+                        setDisableOldCiphers(!disableOldCiphers);
+                      }}
+                    />{" "}
+                    I want to disable old TLS ciphers (older than TLS 1.2)
+                  </label>
+                </div>
+              </div>
             </div>
             <div className="column is-12">
               <div className="field is-grouped is-pulled-right">

diff --git a/ui/desktop/src/pages/WebDav.tsx b/ui/desktop/src/pages/WebDav.tsx
@@ -30,6 +30,7 @@ const WebDav = () => {
   const [usingBasicAuth, setUsingBasicAuth] = useState(false);
   const [basicAuthUsername, setBasicAuthUsername] = useState("");
   const [basicAuthPassword, setBasicAuthPassword] = useState("");
+  const [disableOldCiphers, setDisableOldCiphers] = useState(false);
 
   const areInputsValid = (): boolean => {
     if (!isLocalPathValid(path)) return false;
@@ -51,6 +52,7 @@ const WebDav = () => {
       },
       remote: {
         disableProxyErrorPage: false,
+        disableOldCiphers: false,
         tunnelId: uuidv4(),
       },
     };
@@ -62,6 +64,8 @@ const WebDav = () => {
       options.remote.basicAuthPassword = basicAuthPassword;
     }
 
+    options.remote.disableOldCiphers = disableOldCiphers;
+
     const message: Message<ExposeDirectoryMessage> = {
       type: MessageTypeRequestTunnelStartWebDav,
       payload: options,
@@ -105,6 +109,19 @@ const WebDav = () => {
                 passwordValue={basicAuthPassword}
                 passwordChangeCallback={setBasicAuthPassword}
               />
+              <div className="field">
+                <div className="control">
+                  <label className="checkbox">
+                    <input
+                      type="checkbox"
+                      onChange={(e) => {
+                        setDisableOldCiphers(!disableOldCiphers);
+                      }}
+                    />{" "}
+                    I want to disable old TLS ciphers (older than TLS 1.2)
+                  </label>
+                </div>
+              </div>
             </div>
             <div className="column is-12">
               <div className="field is-grouped is-pulled-right">