Web: Created a reusable generic copy function for storages.
This commit is contained in:
parent
6b1aaca6b6
commit
b8ff015632
@ -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 {
|
||||
|
@ -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;
|
||||
|
@ -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;
|
||||
|
@ -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() {
|
||||
|
@ -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>
|
||||
|
Loading…
Reference in New Issue
Block a user