Web: Created a reusable generic copy function for storages.

This commit is contained in:
Tatiana Lopaeva 2021-09-28 17:53:26 +03:00
parent 6b1aaca6b6
commit b8ff015632
5 changed files with 42 additions and 42 deletions

View File

@ -2,7 +2,6 @@ import React from "react";
import { withTranslation } from "react-i18next";
import Button from "@appserver/components/button";
import TextInput from "@appserver/components/text-input";
import { saveToSessionStorage } from "../../../utils";
class AmazonStorage extends React.Component {
constructor(props) {
@ -60,7 +59,6 @@ class AmazonStorage extends React.Component {
};
onMakeCopy = () => {
const { fillInputValueArray } = this.props;
const {
bucket,
forcePathStyle,
@ -68,11 +66,17 @@ class AmazonStorage extends React.Component {
serviceUrl,
sse,
useHttp,
isError,
} = this.state;
const { onMakeCopyIntoStorage } = this.props;
if (this.isInvalidForm()) return;
saveToSessionStorage("selectedManualStorageType", "thirdPartyStorage");
isError &&
this.setState({
isError: false,
});
const valuesArray = [
bucket,
@ -83,12 +87,7 @@ class AmazonStorage extends React.Component {
useHttp,
];
const inputNumber = valuesArray.length;
this.setState({
isError: false,
});
fillInputValueArray(inputNumber, valuesArray);
onMakeCopyIntoStorage(valuesArray);
};
render() {
const {

View File

@ -43,20 +43,18 @@ class GoogleCloudStorage extends React.Component {
};
onMakeCopy = () => {
const { fillInputValueArray } = this.props;
const { bucket } = this.state;
const { bucket, isError } = this.state;
const { onMakeCopyIntoStorage } = this.props;
if (this.isInvalidForm()) return;
saveToSessionStorage("selectedManualStorageType", "thirdPartyStorage");
isError &&
this.setState({
isError: false,
});
const inputNumber = 1;
const valuesArray = [bucket];
this.setState({
isError: false,
});
fillInputValueArray(inputNumber, valuesArray);
onMakeCopyIntoStorage(valuesArray);
};
render() {
const { bucket, isError } = this.state;

View File

@ -51,21 +51,18 @@ class RackspaceStorage extends React.Component {
};
onMakeCopy = () => {
const { fillInputValueArray } = this.props;
const { private_container, public_container, region } = this.state;
const { private_container, public_container, region, isError } = this.state;
const { onMakeCopyIntoStorage } = this.props;
if (this.isInvalidForm()) return;
saveToSessionStorage("selectedManualStorageType", "thirdPartyStorage");
isError &&
this.setState({
isError: false,
});
const valuesArray = [private_container, public_container, region];
const inputNumber = valuesArray.length;
this.setState({
isError: false,
});
fillInputValueArray(inputNumber, valuesArray);
onMakeCopyIntoStorage(valuesArray);
};
render() {
const { private_container, public_container, region, isError } = this.state;

View File

@ -46,22 +46,19 @@ class SelectelStorage extends React.Component {
};
onMakeCopy = () => {
const { fillInputValueArray } = this.props;
const { private_container, public_container } = this.state;
const { private_container, public_container, isError } = this.state;
const { onMakeCopyIntoStorage } = this.props;
if (this.isInvalidForm()) return;
saveToSessionStorage("selectedManualStorageType", "thirdPartyStorage");
isError &&
this.setState({
isError: false,
});
const valuesArray = [private_container, public_container];
const inputNumber = valuesArray.length;
this.setState({
isChangedInput: false,
isError: false,
});
fillInputValueArray(inputNumber, valuesArray);
onMakeCopyIntoStorage(valuesArray);
};
render() {

View File

@ -13,6 +13,7 @@ import RackspaceStorage from "./rackspaceStorage";
import SelectelStorage from "./selectelStorage";
import AmazonStorage from "./amazonStorage";
import { getOptions } from "../utils/getOptions";
import { saveToSessionStorage } from "../../../utils";
const StyledComponent = styled.div`
.backup_combo {
@ -123,6 +124,14 @@ class ThirdPartyStorageModule extends React.PureComponent {
onMakeCopy(null, null, "5", "module", selectedId, inputValueArray);
};
onMakeCopyIntoStorage = (valuesArray) => {
saveToSessionStorage("selectedManualStorageType", "thirdPartyStorage");
const formSettings = [...valuesArray];
const inputsNumber = formSettings.length;
this.fillInputValueArray(inputsNumber, formSettings);
};
render() {
const { t, helpUrlCreatingBackup, isLoadingData, maxProgress } = this.props;
const {
@ -164,7 +173,7 @@ class ThirdPartyStorageModule extends React.PureComponent {
availableStorage={availableStorage}
maxProgress={maxProgress}
selectedId={selectedId}
fillInputValueArray={this.fillInputValueArray}
onMakeCopyIntoStorage={this.onMakeCopyIntoStorage}
/>
)}
@ -175,7 +184,7 @@ class ThirdPartyStorageModule extends React.PureComponent {
availableStorage={availableStorage}
maxProgress={maxProgress}
selectedId={selectedId}
fillInputValueArray={this.fillInputValueArray}
onMakeCopyIntoStorage={this.onMakeCopyIntoStorage}
/>
)}
@ -186,7 +195,7 @@ class ThirdPartyStorageModule extends React.PureComponent {
availableStorage={availableStorage}
maxProgress={maxProgress}
selectedId={selectedId}
fillInputValueArray={this.fillInputValueArray}
onMakeCopyIntoStorage={this.onMakeCopyIntoStorage}
/>
)}
@ -197,7 +206,7 @@ class ThirdPartyStorageModule extends React.PureComponent {
availableStorage={availableStorage}
maxProgress={maxProgress}
selectedId={selectedId}
fillInputValueArray={this.fillInputValueArray}
onMakeCopyIntoStorage={this.onMakeCopyIntoStorage}
/>
)}
</StyledComponent>