-
+
diff --git a/frontend/src/page/admin/auth/authentication.jsx b/frontend/src/page/admin/auth/authentication.jsx
new file mode 100644
index 0000000000..cd2c065949
--- /dev/null
+++ b/frontend/src/page/admin/auth/authentication.jsx
@@ -0,0 +1,56 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import AdminMenu from '../admin-menu';
+import { Alert } from '@material-ui/lab';
+import GoogleAuth from './google-auth-container';
+import SamlAuth from './saml-auth-container';
+import TabNav from '../../../component/common/TabNav/TabNav';
+import PageContent from '../../../component/common/PageContent/PageContent';
+import ConditionallyRender from '../../../component/common/ConditionallyRender/ConditionallyRender';
+
+function AdminAuthPage({ authenticationType, history }) {
+ const tabs = [
+ {
+ label: 'SAML 2.0',
+ component:
,
+ },
+ {
+ label: 'Google',
+ component:
,
+ },
+ ];
+
+ return (
+
+
+
+
+ }
+ />
+
+ You are running the open-source version of Unleash. You have to use the Enterprise edition
+ in order configure Single Sign-on.
+ }
+ />
+ You have decided to use custom authentication type. You have to use the Enterprise edition
+ in order configure Single Sign-on from the user interface.
+ }
+ />
+
+
+ );
+}
+
+AdminAuthPage.propTypes = {
+ match: PropTypes.object.isRequired,
+ history: PropTypes.object.isRequired,
+ authenticationType: PropTypes.string,
+};
+
+export default AdminAuthPage;
diff --git a/frontend/src/page/admin/auth/google-auth-container.js b/frontend/src/page/admin/auth/google-auth-container.js
index 6557d9c059..e5cc107d77 100644
--- a/frontend/src/page/admin/auth/google-auth-container.js
+++ b/frontend/src/page/admin/auth/google-auth-container.js
@@ -5,6 +5,7 @@ import { hasPermission } from '../../../permissions';
const mapStateToProps = state => ({
config: state.authAdmin.get('google'),
+ unleashUrl: state.uiConfig.toJS().unleashUrl,
hasPermission: permission => hasPermission(state.user.get('profile'), permission),
});
diff --git a/frontend/src/page/admin/auth/google-auth.jsx b/frontend/src/page/admin/auth/google-auth.jsx
index b960ac73fa..8d5c3770ee 100644
--- a/frontend/src/page/admin/auth/google-auth.jsx
+++ b/frontend/src/page/admin/auth/google-auth.jsx
@@ -1,6 +1,7 @@
import React, { useState, useEffect } from 'react';
import PropTypes from 'prop-types';
-import { Button, Grid, Switch, TextField, Typography } from '@material-ui/core';
+import { Button, Grid, Switch, TextField } from '@material-ui/core';
+import { Alert } from '@material-ui/lab';
import PageContent from '../../../component/common/PageContent/PageContent';
const initialState = {
@@ -9,7 +10,7 @@ const initialState = {
unleashHostname: location.hostname,
};
-function GoogleAuth({ config, getGoogleConfig, updateGoogleConfig, hasPermission }) {
+function GoogleAuth({ config, getGoogleConfig, updateGoogleConfig, hasPermission, unleashUrl }) {
const [data, setData] = useState(initialState);
const [info, setInfo] = useState();
@@ -58,14 +59,14 @@ function GoogleAuth({ config, getGoogleConfig, updateGoogleConfig, hasPermission
-
+
Please read the{' '}
documentation
{' '}
to learn how to integrate with Google OAuth 2.0.
- Callback URL: https://[unleash.hostname.com]/auth/google/callback
-
+ Callback URL: {unleashUrl}/auth/google/callback
+