diff --git a/synapse_topology/view/webui/js/actions/constants.js b/synapse_topology/view/webui/js/actions/constants.js
index 8aa0f742a6..73204a607a 100644
--- a/synapse_topology/view/webui/js/actions/constants.js
+++ b/synapse_topology/view/webui/js/actions/constants.js
@@ -16,5 +16,6 @@ export const REVERSE_PROXY_TYPES = {
export const TLS_TYPES = {
ACME: "ACME",
TLS: "TLS",
+ REVERSE_PROXY: "REVERSE_PROXY",
NONE: "NONE",
}
\ No newline at end of file
diff --git a/synapse_topology/view/webui/js/components/TLS.jsx b/synapse_topology/view/webui/js/components/TLS.jsx
index 629f85ec76..2e2da3fd37 100644
--- a/synapse_topology/view/webui/js/components/TLS.jsx
+++ b/synapse_topology/view/webui/js/components/TLS.jsx
@@ -1,5 +1,7 @@
import React from 'react';
+import style from '../../less/main.less';
+
import ButtonDisplay from './ButtonDisplay';
import ContentWrapper from '../containers/ContentWrapper';
@@ -29,12 +31,26 @@ export default ({ onClickACME, onClickTLS, onClickNoTLS }) =>
Provide your own
+
+ If you have your own TLS certs for the domain name you can specify a path
+ to them or you can upload them for synapse to use.
+
- ReverseProxy / optout
+ ReverseProxy
+
+ Using a ReverseProxy is considered a very good idea.
+
+
+ Don't use TLS
+
+
+ Please don't do this.
+
-
+
+
\ No newline at end of file
diff --git a/synapse_topology/view/webui/js/containers/TLS.js b/synapse_topology/view/webui/js/containers/TLS.js
index 56a695707b..58efa98897 100644
--- a/synapse_topology/view/webui/js/containers/TLS.js
+++ b/synapse_topology/view/webui/js/containers/TLS.js
@@ -20,9 +20,13 @@ const mapDispathToProps = (dispatch) => ({
dispatch(set_tls(TLS_TYPES.TLS));
},
onClickNoTLS: () => {
- dispatch(advance_ui());
+ dispatch(advance_ui(TLS_TYPES.NONE));
dispatch(set_tls(TLS_TYPES.NONE));
},
+ onClickReverseProxy: () => {
+ dispatch(advance_ui(TLS_TYPES.REVERSE_PROXY)),
+ dispatch(set_tls(TLS_TYPES.REVERSE_PROXY))
+ },
});
export default connect(
diff --git a/synapse_topology/view/webui/js/reducers/reducer-base-config-ui.js b/synapse_topology/view/webui/js/reducers/reducer-base-config-ui.js
index f063d4701f..606e5ad75a 100644
--- a/synapse_topology/view/webui/js/reducers/reducer-base-config-ui.js
+++ b/synapse_topology/view/webui/js/reducers/reducer-base-config-ui.js
@@ -49,8 +49,6 @@ export default (state, action) => {
return DELEGATION_OPTIONS_UI;
}
case DELEGATION_SERVER_NAME_UI:
- return REVERSE_PROXY_UI;
- case REVERSE_PROXY_UI:
return TLS_UI;
case TLS_UI:
switch (action.option) {
@@ -60,7 +58,11 @@ export default (state, action) => {
return TLS_CERTPATH_UI;
case TLS_TYPES.NONE:
return PORT_SELECTION_UI;
+ case TLS_TYPES.REVERSE_PROXY:
+ return REVERSE_PROXY_UI;
}
+ case REVERSE_PROXY_UI:
+ return PORT_SELECTION_UI;
case TLS_CERTPATH_UI:
return PORT_SELECTION_UI;
case WELL_KNOWN_UI:
diff --git a/synapse_topology/view/webui/js/reducers/state.js b/synapse_topology/view/webui/js/reducers/state.js
index 7f66a8a2f5..e4d1af1d51 100644
--- a/synapse_topology/view/webui/js/reducers/state.js
+++ b/synapse_topology/view/webui/js/reducers/state.js
@@ -11,7 +11,7 @@ const state = {
delegation_type: "local|well_known|DNS_SRV",
delegation_server_name: "name",
reverse_proxy: "nginx|caddy|apache|haproxy|other|none",
- tls: "acme|tls|none",
+ tls: "acme|tls|none|reverseproxy",
testing_cert_paths: true,
uploading_certs: true,
cert_path_invalid: true,