Web: Studio: SSO: Added page for mobile devices

This commit is contained in:
Dmitry Kulak 2022-02-22 14:41:47 +03:00
parent 75071501cd
commit d8b1366e42
4 changed files with 22 additions and 1 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

View File

@ -15,6 +15,8 @@
"EmptyFieldErrorMessage": "Поле не заполнено",
"Encryption": "шифрование",
"FirstName": "Имя",
"ForbiddenPageDescription": "Для внесения изменений в данный раздел, перейдите в десктопную версию.",
"ForbiddenPageHeader": "Раздел недоступен.",
"GenerateCertificate": "Сгенерировать новый самоподписанный сертификат ",
"Hide": "Скрыть",
"HideAdditionalParameters": "Скрыть дополнительные параметры",
@ -40,7 +42,7 @@
"SPSingleLogoutURL": "URL-адрес единого выхода поставщика сервиса (поддерживаются привязки Redirect и POST):",
"SPSingleLogoutURLTooltip": "URL-адрес, используемый для единого выхода на стороне поставщика учетных записей",
"ServiceProviderSettings": "Настройки поставщика сервиса",
"Show": "Показать",
"Show": "Раскрыть",
"ShowAdditionalParameters": "Показать дополнительные параметры",
"SignOnEndpointUrl": "URL-адрес конечной точки единого входа IdP:",
"SignOnEndpointUrlTooltip": "URL-адрес, используемый для единого входа на стороне поставщика учетных записей",

View File

@ -1,4 +1,5 @@
import React from "react";
import { isDesktop } from "react-device-detect";
import { observer } from "mobx-react";
import { useTranslation } from "react-i18next";
@ -8,6 +9,7 @@ import FormStore from "@appserver/studio/src/store/SsoFormStore";
import Certificates from "./Certificates";
import FieldMapping from "./FieldMapping";
import ForbiddenPage from "./sub-components/ForbiddenPage";
import HideButton from "./sub-components/HideButton";
import IdpSettings from "./IdpSettings";
import ProviderMetadata from "./ProviderMetadata";
@ -17,6 +19,8 @@ import ToggleSSO from "./sub-components/ToggleSSO";
const SingleSignOn = () => {
const { t } = useTranslation(["SingleSignOn", "Common"]);
if (!isDesktop) return <ForbiddenPage t={t} />;
return (
<StyledSsoPage
hideSettings={FormStore.ServiceProviderSettings}

View File

@ -0,0 +1,15 @@
import React from "react";
import EmptyScreenContainer from "@appserver/components/empty-screen-container";
const ForbiddenPage = ({ t }) => {
return (
<EmptyScreenContainer
descriptionText={t("ForbiddenPageDescription")}
headerText={t("ForbiddenPageHeader")}
imageAlt="Empty screen image"
imageSrc="images/empty_screen_privacy.png"
/>
);
};
export default ForbiddenPage;