Client: SSO: show settings for paid
This commit is contained in:
parent
4d059d3067
commit
333e8ffbe9
@ -45,6 +45,7 @@ const SubmitResetButtons = (props) => {
|
|||||||
hasChanges,
|
hasChanges,
|
||||||
isLoadingXml,
|
isLoadingXml,
|
||||||
enableSso,
|
enableSso,
|
||||||
|
isSSOAvailable,
|
||||||
} = props;
|
} = props;
|
||||||
|
|
||||||
return (
|
return (
|
||||||
@ -62,7 +63,9 @@ const SubmitResetButtons = (props) => {
|
|||||||
saveButtonDisabled={
|
saveButtonDisabled={
|
||||||
!enableSso || hasErrors || !hasChanges || isLoadingXml
|
!enableSso || hasErrors || !hasChanges || isLoadingXml
|
||||||
}
|
}
|
||||||
cancelEnable={!(isSubmitLoading || isLoadingXml)}
|
disableRestoreToDefault={
|
||||||
|
isSubmitLoading || isLoadingXml || !isSSOAvailable
|
||||||
|
}
|
||||||
additionalClassSaveButton="save-button"
|
additionalClassSaveButton="save-button"
|
||||||
additionalClassCancelButton="restore-button"
|
additionalClassCancelButton="restore-button"
|
||||||
/>
|
/>
|
||||||
@ -71,7 +74,7 @@ const SubmitResetButtons = (props) => {
|
|||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
export default inject(({ ssoStore }) => {
|
export default inject(({ ssoStore, currentQuotaStore }) => {
|
||||||
const {
|
const {
|
||||||
saveSsoSettings,
|
saveSsoSettings,
|
||||||
isSsoEnabled,
|
isSsoEnabled,
|
||||||
@ -84,6 +87,7 @@ export default inject(({ ssoStore }) => {
|
|||||||
isLoadingXml,
|
isLoadingXml,
|
||||||
enableSso,
|
enableSso,
|
||||||
} = ssoStore;
|
} = ssoStore;
|
||||||
|
const { isSSOAvailable } = currentQuotaStore;
|
||||||
|
|
||||||
return {
|
return {
|
||||||
saveSsoSettings,
|
saveSsoSettings,
|
||||||
@ -96,5 +100,6 @@ export default inject(({ ssoStore }) => {
|
|||||||
hasChanges,
|
hasChanges,
|
||||||
isLoadingXml,
|
isLoadingXml,
|
||||||
enableSso,
|
enableSso,
|
||||||
|
isSSOAvailable,
|
||||||
};
|
};
|
||||||
})(observer(SubmitResetButtons));
|
})(observer(SubmitResetButtons));
|
||||||
|
@ -69,7 +69,6 @@ const SingleSignOn = (props) => {
|
|||||||
<StyledSsoPage
|
<StyledSsoPage
|
||||||
hideSettings={serviceProviderSettings}
|
hideSettings={serviceProviderSettings}
|
||||||
hideMetadata={spMetadata}
|
hideMetadata={spMetadata}
|
||||||
isSettingPaid={isSSOAvailable}
|
|
||||||
>
|
>
|
||||||
<Text className="intro-text settings_unavailable" noSelect>
|
<Text className="intro-text settings_unavailable" noSelect>
|
||||||
{t("SsoIntro")}
|
{t("SsoIntro")}
|
||||||
@ -88,7 +87,7 @@ const SingleSignOn = (props) => {
|
|||||||
})}
|
})}
|
||||||
label={SERVICE_PROVIDER_SETTINGS}
|
label={SERVICE_PROVIDER_SETTINGS}
|
||||||
value={serviceProviderSettings}
|
value={serviceProviderSettings}
|
||||||
isDisabled={!isSSOAvailable}
|
//isDisabled={!isSSOAvailable}
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<SPSettings />
|
<SPSettings />
|
||||||
@ -101,7 +100,7 @@ const SingleSignOn = (props) => {
|
|||||||
})}
|
})}
|
||||||
label={SP_METADATA}
|
label={SP_METADATA}
|
||||||
value={spMetadata}
|
value={spMetadata}
|
||||||
isDisabled={!isSSOAvailable}
|
//isDisabled={!isSSOAvailable}
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<Box className="sp-metadata">
|
<Box className="sp-metadata">
|
||||||
|
@ -25,7 +25,6 @@
|
|||||||
// International. See the License terms at http://creativecommons.org/licenses/by-sa/4.0/legalcode
|
// International. See the License terms at http://creativecommons.org/licenses/by-sa/4.0/legalcode
|
||||||
|
|
||||||
import styled, { css } from "styled-components";
|
import styled, { css } from "styled-components";
|
||||||
import { UnavailableStyles } from "../../../../utils/commonSettingsStyles";
|
|
||||||
|
|
||||||
const StyledSsoPage = styled.div`
|
const StyledSsoPage = styled.div`
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
@ -147,8 +146,6 @@ const StyledSsoPage = styled.div`
|
|||||||
`}
|
`}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
${(props) => !props.isSettingPaid && UnavailableStyles}
|
|
||||||
`;
|
`;
|
||||||
|
|
||||||
export default StyledSsoPage;
|
export default StyledSsoPage;
|
||||||
|
@ -52,22 +52,13 @@ const StyledWrapper = styled.div`
|
|||||||
|
|
||||||
const HideButton = (props) => {
|
const HideButton = (props) => {
|
||||||
const { t } = useTranslation("SingleSignOn");
|
const { t } = useTranslation("SingleSignOn");
|
||||||
const {
|
const { text, label, isAdditionalParameters, value, setHideLabel, id } =
|
||||||
text,
|
props;
|
||||||
label,
|
|
||||||
isAdditionalParameters,
|
|
||||||
value,
|
|
||||||
setHideLabel,
|
|
||||||
isDisabled,
|
|
||||||
id,
|
|
||||||
} = props;
|
|
||||||
|
|
||||||
const onClick = () => {
|
const onClick = () => {
|
||||||
setHideLabel(label);
|
setHideLabel(label);
|
||||||
};
|
};
|
||||||
|
|
||||||
const onClickProp = isDisabled ? {} : { onClick: onClick };
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<StyledWrapper isAdditionalParameters={isAdditionalParameters}>
|
<StyledWrapper isAdditionalParameters={isAdditionalParameters}>
|
||||||
{!isAdditionalParameters && (
|
{!isAdditionalParameters && (
|
||||||
@ -86,7 +77,7 @@ const HideButton = (props) => {
|
|||||||
id={id}
|
id={id}
|
||||||
className="hide-button settings_unavailable"
|
className="hide-button settings_unavailable"
|
||||||
isHovered
|
isHovered
|
||||||
{...onClickProp}
|
onClick={onClick}
|
||||||
type="action"
|
type="action"
|
||||||
>
|
>
|
||||||
{value
|
{value
|
||||||
|
@ -32,6 +32,7 @@ import { Text } from "@docspace/shared/components/text";
|
|||||||
import { ToggleButton } from "@docspace/shared/components/toggle-button";
|
import { ToggleButton } from "@docspace/shared/components/toggle-button";
|
||||||
import { Badge } from "@docspace/shared/components/badge";
|
import { Badge } from "@docspace/shared/components/badge";
|
||||||
import { mobile } from "@docspace/shared/utils";
|
import { mobile } from "@docspace/shared/utils";
|
||||||
|
import { UnavailableStyles } from "../../../../utils/commonSettingsStyles";
|
||||||
|
|
||||||
const StyledWrapper = styled.div`
|
const StyledWrapper = styled.div`
|
||||||
display: flex;
|
display: flex;
|
||||||
@ -69,6 +70,8 @@ const StyledWrapper = styled.div`
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
${(props) => !props.isSSOAvailable && UnavailableStyles}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
const ToggleSSO = ({ enableSso, ssoToggle, isSSOAvailable }) => {
|
const ToggleSSO = ({ enableSso, ssoToggle, isSSOAvailable }) => {
|
||||||
@ -76,7 +79,7 @@ const ToggleSSO = ({ enableSso, ssoToggle, isSSOAvailable }) => {
|
|||||||
|
|
||||||
const theme = useTheme();
|
const theme = useTheme();
|
||||||
return (
|
return (
|
||||||
<StyledWrapper>
|
<StyledWrapper isSSOAvailable={isSSOAvailable}>
|
||||||
<ToggleButton
|
<ToggleButton
|
||||||
className="enable-sso toggle"
|
className="enable-sso toggle"
|
||||||
isChecked={enableSso}
|
isChecked={enableSso}
|
||||||
|
Loading…
Reference in New Issue
Block a user