Web: Settings: Added tips.

# Conflicts:
#	web/ASC.Web.Client/public/locales/en/Settings.json
#	web/ASC.Web.Client/public/locales/ru/Settings.json
This commit is contained in:
Tatiana Lopaeva 2022-06-21 10:58:42 +03:00
parent 78c9bbbc3e
commit d9b20300e2
4 changed files with 70 additions and 5 deletions

View File

@ -7,6 +7,19 @@
"AccessRightsSubTitle": "This section allows you to transfer portal owner rights and manage administrator access rights.",
"AccessRightsUsersFromList": "{{users}} from the list",
"AccessSettings": "Access settings",
"AccessRightsSubTitle": "This section allows you to transfer portal owner rights and manage administrator access rights.",
"AmazonServiceTip": "This value specifies the endpoint to access with the client. ServiceURL is ignored if RegionEndpoint is set. This is an optional property; change it only if you want to try a different service endpoint or want to switch between https and http",
"AmazonBucketTip": "Enter the unique name of the Amazon S3 bucket where you want to store your backups",
"AmazonRegionTip": "This value is the region constant that determines the service endpoint to use. If this value is not set, then the client will use the value of ServiceURL",
"AmazonHTTPTip": " If this property is set to true, the client attempts to use HTTP protocol, if the target endpoint supports it. By default, this property is set to false",
"AmazonSSETip": "",
"AmazonForcePathStyleTip": "Whether to force path style URLs for S3 objects (e.g., host/bucket instead of bucket.host",
"AddTrustedDomain": "Add trusted domain",
"AutoBackup": "Automatic backup",
"AutoBackupDescription": "Use this option for automatic backup of the portal data.",
"AutoBackupHelp": "The <strong>Automatic backup</strong> option is used to automate the portal data backup process to be able to restore it later to a local server.",
"AutoBackupHelpNote": "Choose the data storage, automatic backup period and maximal number of saved copies.<br/><strong>Note:</strong> before you can save the backup data to a third-party account (DropBox, Box.com, OneDrive or Google Drive), you will need to connect this account to {{organizationName}} Common folder.",
"AutoSavePeriod": "Autosave period",
"AddAdmins": "Add admins",
"AddAllowedIP": "Add allowed IP address",
"AddName": "Add Name",

View File

@ -7,6 +7,20 @@
"AccessRightsSubTitle": "Данный раздел позволяет передавать права владельца портала и управлять правами доступа администраторов.",
"AccessRightsUsersFromList": "Участников со статусом {{users}} из списка",
"AccessSettings": "Настройки доступа",
"AccessRightsSubTitle": "Данный раздел позволяет передавать права владельца портала и управлять правами доступа администраторов.",
"AmazonServiceTip": "Это значение указывает конечную точку для доступа с помощью клиента. URL-адрес службы игнорируется, если установлена конечная точка региона. Это необязательное свойство; измените его, только если вы хотите попробовать другую конечную точку службы или хотите переключиться между https и http",
"AmazonBucketTip": "Введите уникальное имя корзины Amazon S3, в которой вы хотите хранить свои резервные копии",
"AmazonRegionTip": "Это значение является константой региона, которая определяет конечную точку службы для использования. Если это значение не задано, то клиент будет использовать значение URL-адреса службы",
"AmazonHTTPTip": "Если для этого свойства установлено значение true, клиент пытается использовать протокол HTTP, если целевая конечная точка поддерживает его. По умолчанию для этого свойства установлено значение false",
"AmazonSSETip": "",
"AmazonForcePathStyleTip": "Следует ли принудительно использовать URL-адреса в стиле path для объектов S3 (например, host/bucket вместо bucket.host",
"AddTrustedDomain": "Добавить доверенный домен",
"AutoBackup": "Автоматическое резервное копирование",
"AutoBackupDescription": "Используйте эту опцию для автоматического выполнения резервного копирования данных портала.",
"AutoBackupHelp": "Опция <strong>Автоматическое резервное копирование</strong> данных используется для автоматизации процесса создания резервных копий данных для последующего их восстановления на локальном сервере.",
"AutoBackupHelpNote": "Выберите хранилище для данных, период автоматического сохранения и максимальное число хранимых копий.<br/><strong>Обратите внимание:</strong> прежде чем Вы сможете сохранять резервные копии в стороннем аккаунте (Dropbox, Box.com, OneDrive или Google Drive), потребуется подключить его к папке 'Общие' {{organizationName}}.",
"AutoSavePeriod": "Период автоматического сохранения",
"AutoSavePeriodHelp": "Указанное ниже время соотвествует часовому поясу, выставленному на портале",
"AddAdmins": "Добавить администраторов",
"AddAllowedIP": "Добавить разрешенный IP-адрес",
"AddName": "Добавьте наименование",

View File

@ -30,7 +30,10 @@ class AmazonStorage extends React.Component {
this.defaultFormSettings[elem] = value;
}
} else {
this.namesArray.forEach((elem) => (this.defaultFormSettings[elem] = ""));
//this.namesArray.forEach((elem) => (this.defaultFormSettings[elem] = ""));
for (const [key, value] of Object.entries(AmazonSettings.formNames())) {
this.defaultFormSettings[key] = value;
}
}
onSetFormSettings(null, null, this.defaultFormSettings);

View File

@ -7,6 +7,8 @@ import { getPortalPasswordSettings } from "@appserver/common/api/settings";
import { thirdParty } from "@appserver/common/api/files";
import Text from "@appserver/components/text";
import styled, { css } from "styled-components";
import HelpButton from "@appserver/components/help-button";
import { Trans, withTranslation } from "react-i18next";
const bucketInput = "bucket";
const regionInput = "region";
@ -20,6 +22,14 @@ const clientKey = "clientKey";
const StyledBody = styled.div`
margin-bottom: 16px;
.backup_storage-tooltip {
display: flex;
align-items: center;
p {
margin-right: 8px;
}
}
`;
class AmazonSettings extends React.Component {
static formNames = () => {
@ -178,6 +188,7 @@ class AmazonSettings extends React.Component {
onChange,
formSettings,
onChangeCheckbox,
t,
} = this.props;
const {
selectedEncryption,
@ -186,11 +197,29 @@ class AmazonSettings extends React.Component {
managedKeys,
} = this.state;
console.log("formSettings", formSettings);
const renderTooltip = (helpInfo) => {
return (
<>
<HelpButton
iconName={"/static/images/help.react.svg"}
tooltipContent={
<>
<Trans t={t} i18nKey={`${helpInfo}`} ns="Settings">
{helpInfo}
</Trans>
</>
}
/>
</>
);
};
return (
<>
<StyledBody>
<Text isBold>{this.bucketPlaceholder}</Text>
<div className="backup_storage-tooltip">
<Text isBold>{this.bucketPlaceholder}</Text>
{renderTooltip(t("AmazonServiceTip"))}
</div>
<TextInput
name={bucketInput}
className="backup_text-input"
@ -203,7 +232,10 @@ class AmazonSettings extends React.Component {
/>
</StyledBody>
<StyledBody>
<Text isBold>{this.regionPlaceholder}</Text>
<div className="backup_storage-tooltip">
<Text isBold>{this.regionPlaceholder}</Text>
{renderTooltip(t("AmazonBucketTip"))}
</div>
<ComboBox
className="backup_text-input"
options={this.region}
@ -222,7 +254,10 @@ class AmazonSettings extends React.Component {
</StyledBody>
<StyledBody>
<Text isBold>{this.serviceUrlPlaceholder}</Text>
<div className="backup_storage-tooltip">
<Text isBold>{this.serviceUrlPlaceholder}</Text>
{renderTooltip(t("AmazonRegionTip"))}
</div>
<TextInput
name={urlInput}
className="backup_text-input"