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,