IlyaSobolev/DocSpace-buildtools
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Web: Fixed description styles of modules.

Browse Source
This commit is contained in:
Tatiana Lopaeva 2021-10-01 12:47:28 +03:00
parent de790aace7
commit edb92c156e
10 changed files with 136 additions and 139 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
web/ASC.Web.Client/public/locales/en/Settings.json
View File

@ -114,7 +114,6 @@
"ServiceUrl": "Service Url",
"ForcePathStyle": "Force Path Style",
"DataRestoreDescription": "Use this option to restore your portal from the previously saved backup file.",
"Source": "Source:",
"RestoreSettingsWarning": "The portal will become unavailable during the restore process. After the restore is complete all the changes made after the date of the selected restore point will be lost.",
"RestoreSettingsLink": "All current passwords will be reset. Portal users will get an email with the access restoration link.",
"UserAgreement": "I understand and want to proceed",

1
web/ASC.Web.Client/public/locales/ru/Settings.json
View File

@ -114,7 +114,6 @@
"ServiceUrl": "Url-адрес сервиса",
"ForcePathStyle": "Принудительно использовать стиль пути",
"DataRestoreDescription": "Используйте эту опцию, чтобы восстановить портал из ранее сохраненного резервного файла.",
"Source": "Источники:",
"RestoreSettingsWarning": "Во время восстановления портал будет недоступен. После восстановления будут утеряны все изменения, совершенные после даты выбранной точки восстановления.",
"RestoreSettingsLink": "Все текущие пароли будут сброшены. Пользователи портала получат письмо со ссылкой для восстановления доступа.",
"UserAgreement": "Я понимаю и хочу продолжить",

6
web/ASC.Web.Client/src/components/pages/Settings/categories/data-management/automatic-backup.js
View File

@ -702,7 +702,7 @@ class AutomaticBackup extends React.PureComponent {
value="value"
className="backup_radio-button"
/>
<Text className="category-item-description">
<Text className="backup-description">
{t("DocumentsModuleDescription")}
</Text>
{isShowDocuments && (
@ -764,7 +764,7 @@ class AutomaticBackup extends React.PureComponent {
value="value"
className="backup_radio-button"
/>
<Text className="category-item-description">
<Text className="backup-description">
{t("ThirdPartyResourceDescription")}
</Text>
@ -816,7 +816,7 @@ class AutomaticBackup extends React.PureComponent {
value="value"
className="backup_radio-button"
/>
<Text className="category-item-description">
<Text className="backup-description">
{t("ThirdPartyStorageDescription")}
</Text>

8
web/ASC.Web.Client/src/components/pages/Settings/categories/data-management/manual-backup.js
View File

@ -402,7 +402,7 @@ class ManualBackup extends React.Component {
value="value"
className="backup_radio-button"
/>
<Text className="category-item-description">
<Text className="backup-description">
{t("TemporaryStorageDescription")}
</Text>
{isCheckedTemporaryStorage && (
@ -455,7 +455,7 @@ class ManualBackup extends React.Component {
className="backup_radio-button"
/>
<Text className="category-item-description">
<Text className="backup-description">
{t("DocumentsModuleDescription")}
</Text>
@ -490,7 +490,7 @@ class ManualBackup extends React.Component {
value="value"
className="backup_radio-button"
/>
<Text className="category-item-description">
<Text className="backup-description">
{t("ThirdPartyResourceDescription")}
</Text>
{isCheckedThirdParty && (
@ -516,7 +516,7 @@ class ManualBackup extends React.Component {
value="value"
className="backup_radio-button"
/>
<Text className="category-item-description">
<Text className="backup-description">
{t("ThirdPartyStorageDescription")}
</Text>
{isCheckedThirdPartyStorage && (

5
web/ASC.Web.Client/src/components/pages/Settings/categories/data-management/restore-backup.js
View File

@ -294,12 +294,9 @@ class RestoreBackup extends React.Component {
<Loader className="pageLoader" type="rombs" size="40px" />
) : (
<StyledRestoreBackup>
<Text className="category-item-description">
<Text className="backup-description">
{t("DataRestoreDescription")}
</Text>
<Text className="category-item-description restore-source">
{t("Source")}
</Text>
<StyledRestoreModules>
<RadioButton

6
web/ASC.Web.Client/src/components/pages/Settings/categories/data-management/styled-backup.js
View File

@ -26,6 +26,12 @@ const commonStyles = css`
max-width: 350px;
font-size: 13px;
}
.backup-description {
max-width: 476px;
font-size: 12px;
line-height: 15px;
}
`;
const StyledManualBackup = styled.div`

110
web/ASC.Web.Client/src/components/pages/Settings/categories/data-management/sub-components-automatic-backup/documentsModule.js
View File

@ -589,63 +589,61 @@ class DocumentsModule extends React.Component {
} = this.props;
return (
<div className="category-item-wrapper">
<>
{!isLoading ? (
<SelectFolderInput
onSelectFolder={this.onSelectFolder}
name={"thirdParty"}
onClose={this.onClose}
onClickInput={this.onClickInput}
isPanelVisible={isPanelVisible}
folderPath={this.folderDocumentsModulePath}
isSetDefaultFolderPath={isSetDefaultFolderPath}
isError={isError}
onSetLoadingData={onSetLoadingData}
foldersType="common"
isCommonWithoutProvider
isSavingProcess={isLoadingData}
/>
) : (
<StyledAutoBackup>
<TextInput className="input-with-folder-path" isDisabled={true} />
</StyledAutoBackup>
)}
<ScheduleComponent
weeklySchedule={weeklySchedule}
monthlySchedule={monthlySchedule}
weekOptions={weekOptions}
selectedOption={selectedOption}
selectedWeekdayOption={selectedWeekdayOption}
selectedTimeOption={selectedTimeOption}
selectedMonthOption={selectedMonthOption}
selectedMaxCopies={selectedMaxCopies}
isLoadingData={isLoadingData}
periodOptions={periodOptions}
monthNumberOptionsArray={monthNumberOptionsArray}
timeOptionsArray={timeOptionsArray}
maxNumberCopiesArray={maxNumberCopiesArray}
onSelectMaxCopies={this.onSelectMaxCopies}
onSelectMonthNumberAndTimeOptions={
this.onSelectMonthNumberAndTimeOptions
}
onSelectWeekDay={this.onSelectWeekDay}
onSelectPeriod={this.onSelectPeriod}
<>
{!isLoading ? (
<SelectFolderInput
onSelectFolder={this.onSelectFolder}
name={"thirdParty"}
onClose={this.onClose}
onClickInput={this.onClickInput}
isPanelVisible={isPanelVisible}
folderPath={this.folderDocumentsModulePath}
isSetDefaultFolderPath={isSetDefaultFolderPath}
isError={isError}
onSetLoadingData={onSetLoadingData}
foldersType="common"
isCommonWithoutProvider
isSavingProcess={isLoadingData}
/>
{isChanged && (
<SaveCancelButtons
className="THIRD-PARTY team-template_buttons"
onSaveClick={this.onSaveModuleSettings}
onCancelClick={this.onCancelModuleSettings}
showReminder={false}
reminderTest={t("YouHaveUnsavedChanges")}
saveButtonLabel={t("Common:SaveButton")}
cancelButtonLabel={t("Common:CancelButton")}
isDisabled={isCopyingToLocal || isLoadingData}
/>
)}
</>
</div>
) : (
<StyledAutoBackup>
<TextInput className="input-with-folder-path" isDisabled={true} />
</StyledAutoBackup>
)}
<ScheduleComponent
weeklySchedule={weeklySchedule}
monthlySchedule={monthlySchedule}
weekOptions={weekOptions}
selectedOption={selectedOption}
selectedWeekdayOption={selectedWeekdayOption}
selectedTimeOption={selectedTimeOption}
selectedMonthOption={selectedMonthOption}
selectedMaxCopies={selectedMaxCopies}
isLoadingData={isLoadingData}
periodOptions={periodOptions}
monthNumberOptionsArray={monthNumberOptionsArray}
timeOptionsArray={timeOptionsArray}
maxNumberCopiesArray={maxNumberCopiesArray}
onSelectMaxCopies={this.onSelectMaxCopies}
onSelectMonthNumberAndTimeOptions={
this.onSelectMonthNumberAndTimeOptions
}
onSelectWeekDay={this.onSelectWeekDay}
onSelectPeriod={this.onSelectPeriod}
/>
{isChanged && (
<SaveCancelButtons
className="THIRD-PARTY team-template_buttons"
onSaveClick={this.onSaveModuleSettings}
onCancelClick={this.onCancelModuleSettings}
showReminder={false}
reminderTest={t("YouHaveUnsavedChanges")}
saveButtonLabel={t("Common:SaveButton")}
cancelButtonLabel={t("Common:CancelButton")}
isDisabled={isCopyingToLocal || isLoadingData}
/>
)}
</>
);
}
}

130
web/ASC.Web.Client/src/components/pages/Settings/categories/data-management/sub-components-automatic-backup/thirdPartyModule.js
View File

@ -583,74 +583,72 @@ class ThirdPartyModule extends React.Component {
// console.log("third-party module render", this.folderThirdPartyModulePath);
//console.log("selectedWeekdayOption", selectedWeekdayOption);
return (
<div className="category-item-wrapper">
<>
<Box marginProp="16px 0 16px 0">
<Link
color="#316DAA"
target="_blank"
isHovered={true}
href={helpUrlCreatingBackup}
>
{t("Common:LearnMore")}
</Link>
</Box>
<>
<Box marginProp="16px 0 16px 0">
<Link
color="#316DAA"
target="_blank"
isHovered={true}
href={helpUrlCreatingBackup}
>
{t("Common:LearnMore")}
</Link>
</Box>
{!isLoading ? (
<SelectFolderInput
onSelectFolder={this.onSelectFolder}
name={"thirdParty"}
onClose={this.onClose}
onClickInput={this.onClickInput}
isPanelVisible={isPanelVisible}
folderPath={this.folderThirdPartyModulePath}
isSetDefaultFolderPath={isSetDefaultFolderPath}
isError={isError}
onSetLoadingData={onSetLoadingData}
foldersType="third-party"
isSavingProcess={isLoadingData}
/>
) : (
<StyledAutoBackup>
<TextInput className="input-with-folder-path" isDisabled={true} />
</StyledAutoBackup>
)}
<ScheduleComponent
weeklySchedule={weeklySchedule}
monthlySchedule={monthlySchedule}
weekOptions={weekOptions}
selectedOption={selectedOption}
selectedWeekdayOption={selectedWeekdayOption}
selectedTimeOption={selectedTimeOption}
selectedMonthOption={selectedMonthOption}
selectedMaxCopies={selectedMaxCopies}
isLoadingData={isLoadingData}
periodOptions={periodOptions}
monthNumberOptionsArray={monthNumberOptionsArray}
timeOptionsArray={timeOptionsArray}
maxNumberCopiesArray={maxNumberCopiesArray}
//onClickCheckbox={onClickCheckbox}
onSelectMaxCopies={this.onSelectMaxCopies}
onSelectMonthNumberAndTimeOptions={
this.onSelectMonthNumberAndTimeOptions
}
onSelectWeekDay={this.onSelectWeekDay}
onSelectPeriod={this.onSelectPeriod}
{!isLoading ? (
<SelectFolderInput
onSelectFolder={this.onSelectFolder}
name={"thirdParty"}
onClose={this.onClose}
onClickInput={this.onClickInput}
isPanelVisible={isPanelVisible}
folderPath={this.folderThirdPartyModulePath}
isSetDefaultFolderPath={isSetDefaultFolderPath}
isError={isError}
onSetLoadingData={onSetLoadingData}
foldersType="third-party"
isSavingProcess={isLoadingData}
/>
{isChanged && (
<SaveCancelButtons
className="THIRD-PARTY team-template_buttons"
onSaveClick={this.onSaveModuleSettings}
onCancelClick={this.onCancelModuleSettings}
showReminder={false}
reminderTest={t("YouHaveUnsavedChanges")}
saveButtonLabel={t("Common:SaveButton")}
cancelButtonLabel={t("Common:CancelButton")}
isDisabled={isCopyingToLocal || isLoadingData}
/>
)}
</>
</div>
) : (
<StyledAutoBackup>
<TextInput className="input-with-folder-path" isDisabled={true} />
</StyledAutoBackup>
)}
<ScheduleComponent
weeklySchedule={weeklySchedule}
monthlySchedule={monthlySchedule}
weekOptions={weekOptions}
selectedOption={selectedOption}
selectedWeekdayOption={selectedWeekdayOption}
selectedTimeOption={selectedTimeOption}
selectedMonthOption={selectedMonthOption}
selectedMaxCopies={selectedMaxCopies}
isLoadingData={isLoadingData}
periodOptions={periodOptions}
monthNumberOptionsArray={monthNumberOptionsArray}
timeOptionsArray={timeOptionsArray}
maxNumberCopiesArray={maxNumberCopiesArray}
//onClickCheckbox={onClickCheckbox}
onSelectMaxCopies={this.onSelectMaxCopies}
onSelectMonthNumberAndTimeOptions={
this.onSelectMonthNumberAndTimeOptions
}
onSelectWeekDay={this.onSelectWeekDay}
onSelectPeriod={this.onSelectPeriod}
/>
{isChanged && (
<SaveCancelButtons
className="THIRD-PARTY team-template_buttons"
onSaveClick={this.onSaveModuleSettings}
onCancelClick={this.onCancelModuleSettings}
showReminder={false}
reminderTest={t("YouHaveUnsavedChanges")}
saveButtonLabel={t("Common:SaveButton")}
cancelButtonLabel={t("Common:CancelButton")}
isDisabled={isCopyingToLocal || isLoadingData}
/>
)}
</>
);
}
}

4
web/ASC.Web.Client/src/components/pages/Settings/categories/data-management/sub-components-manual-backup/DocumentsModule.js
View File

@ -70,7 +70,7 @@ class DocumentsModule extends React.Component {
const { isPanelVisible, isLoadingData, folderPath } = this.state;
return (
<div className="category-item-wrapper">
<>
<SelectFolderInput
onSelectFolder={this.onSelectFolder}
name={"common"}
@ -105,7 +105,7 @@ class DocumentsModule extends React.Component {
/>
)}
</div>
</div>
</>
);
}
}

4
web/ASC.Web.Client/src/components/pages/Settings/categories/data-management/sub-components-manual-backup/ThirdPartyModule.js
View File

@ -92,7 +92,7 @@ class ThirdPartyModule extends React.Component {
} = this.props;
const { isPanelVisible, isLoadingData, isError, folderPath } = this.state;
return (
<div className="category-item-wrapper">
<>
<Box marginProp="16px 0 16px 0">
<Link
color="#316DAA"
@ -139,7 +139,7 @@ class ThirdPartyModule extends React.Component {
/>
)}
</div>
</div>
</>
);
}
}