Add translation

web/ASC.Web.Client/src/components/pages/Settings/categories/integration/sub-components/consumerModalDialog.js

@@ -1,5 +1,6 @@
 import React from "react";
 import { ModalDialog, Text, Button, TextInput, Box, Link } from "asc-web-components";
+import { Trans } from 'react-i18next';
 
 class ConsumerModalDialog extends React.Component {
 
@@ -50,26 +51,30 @@ class ConsumerModalDialog extends React.Component {
 
     render() {
 
-        const { consumers, selectedConsumer, onModalClose, dialogVisible } = this.props;
+        const { consumers, selectedConsumer, onModalClose, dialogVisible, t, i18n } = this.props;
         const { onChangeHandler } = this;
 
         const bodyDescription = (
             <>
-                <Text isBold={true}>Как это работает?</Text>
-                <Text>Для получения подробных инструкций по подключению этого сервиса, пожалуйста, перейдите в наш Справочный центр, где приводится вся необходимая информация.</Text>
+                <Text isBold={true}>{t("ThirdPartyHowItWorks")}</Text>
+                <Text>{t("ThirdPartyBodyDescription")}</Text>
+            </>
+        );
+        const supportTeamLink = (
+            <>
+                <Link
+                    color="#316DAA"
+                    isHovered={false}
+                    target="_blank"
+                    href="http://support.onlyoffice.com/ru">
+                    Support Team
+        </Link>
             </>
         );
         const bottomDescription = (
-            <>
-                <Text>
-                    Если у вас остались вопросы по подключению этого сервиса или вам требуется помощь, вы всегда можете обратиться в нашу
-                {" "}
-                    <Link
-                        isHovered={true}
-                        target="_blank"
-                        href="http://support.onlyoffice.com/ru">
-                        Службу техподдержки
-                            </Link>.</Text></>
+            <Trans i18nKey="ThirdPartyBottomDescription" i18n={i18n}>
+                <Text>If you still have some questions on how to connect this service or need technical assistance, please feel free to contact our <Text isBold={true}>Support Team</Text></Text>
+            </Trans>
         );
 
         const getConsumerName = () => {
@@ -116,7 +121,7 @@ class ConsumerModalDialog extends React.Component {
                     <Button
                         primary
                         size="medium"
-                        label="Включить"
+                        label={t("ThirdPartyEnableButton")}
                         onClick={this.onSendValues} />,
                     <Text>{bottomDescription}</Text>
                 ]}

web/ASC.Web.Client/src/components/pages/Settings/categories/integration/third-party-services.js

@@ -147,6 +147,8 @@ class ThirdPartyServices extends React.Component {
                 </RootContainer>
                 {dialogVisible &&
                     <ConsumerModalDialog
+                        t={t}
+                        i18n={this.props.i18n}
                         dialogVisible={dialogVisible}
                         consumers={consumers}
                         selectedConsumer={selectedConsumer}

web/ASC.Web.Client/src/components/pages/Settings/locales/en/translation.json

@@ -73,6 +73,11 @@
     "AccessRightsChangeOwnerButtonText": "Change portal owner",
 
     "ThirdPartyTitleDescription": "Authorization keys is the option which allows you to connect your portal with the third-party services like Twitter, Facebook, DropBox etc. Connect your portal with Facebook, Twitter or Linkedin if you don't want to introduce your portal credentials every time you enter it. Link it up with such services like DropBox, OneDrive, etc. to transfer the documents from all those storages to Documents module.",
+    "ThirdPartyBodyDescription": "For more detailed instructions about connecting this service, please refer to our Help Center that provides all the necessary information.",
+    "ThirdPartySupportTeam": "Support Team",
+    "ThirdPartyHowItWorks": "How It Works?",
+    "ThirdPartyBottomDescription": "If you still have some questions on how to connect this service or need technical assistance, please feel free to contact our Support Team.",
+    "ThirdPartyEnableButton": "Enable",
 
 
     "ProjectsUserCapabilityView": "View projects and take part in discussions",

web/ASC.Web.Client/src/components/pages/Settings/locales/ru/translation.json

@@ -71,6 +71,11 @@
   "AccessRightsChangeOwnerButtonText": "Сменить владельца портала",
 
   "ThirdPartyTitleDescription": "Ключи авторизации позволяют подключить портал ONLYOFFICE к сторонним сервисам, таким как Twitter, Facebook, Dropbox и т.д. Подключите портал к Facebook, Twitter или Linkedin, если Вы не хотите каждый раз при входе вводить свои учетные данные на портале. Привяжите портал к таким сервисам, как Dropbox, OneDrive и т.д. чтобы перенести документы из всех этих хранилищ в модуль Документы ONLYOFFICE.",
+  "ThirdPartyBodyDescription": "Для получения подробных инструкций по подключению этого сервиса, пожалуйста, перейдите в наш Справочный центр, где приводится вся необходимая информация.",
+  "ThirdPartyHowItWorks": "Как это работает?",
+  "ThirdPartySupportTeam": "Службу техподдержки",
+  "ThirdPartyBottomDescription": "Если у вас остались вопросы по подключению этого сервиса или вам требуется помощь, вы всегда можете обратиться в нашу Службу техподдержки.",
+  "ThirdPartyEnableButton": "Включить",
 
 
   "ProductUserOpportunities": "Просматривать профили и группы",