Web: Settings: Backup: Added disable to save changes at Automatic backup when is copying to the temporary storage.
This commit is contained in:
parent
c8ab20f6a4
commit
3a564d76d0
@ -44,6 +44,7 @@ class SaveCancelButtons extends React.Component {
|
|||||||
cancelButtonLabel,
|
cancelButtonLabel,
|
||||||
className,
|
className,
|
||||||
id,
|
id,
|
||||||
|
isDisabled,
|
||||||
} = this.props;
|
} = this.props;
|
||||||
return (
|
return (
|
||||||
<StyledSaveCancelButtons className={className} id={id}>
|
<StyledSaveCancelButtons className={className} id={id}>
|
||||||
@ -51,7 +52,7 @@ class SaveCancelButtons extends React.Component {
|
|||||||
<Button
|
<Button
|
||||||
className="save-button"
|
className="save-button"
|
||||||
size="big"
|
size="big"
|
||||||
isDisabled={false}
|
isDisabled={isDisabled}
|
||||||
primary
|
primary
|
||||||
onClick={onSaveClick}
|
onClick={onSaveClick}
|
||||||
label={saveButtonLabel}
|
label={saveButtonLabel}
|
||||||
@ -59,7 +60,7 @@ class SaveCancelButtons extends React.Component {
|
|||||||
<Button
|
<Button
|
||||||
className="cancel-button"
|
className="cancel-button"
|
||||||
size="big"
|
size="big"
|
||||||
isDisabled={false}
|
isDisabled={isDisabled}
|
||||||
onClick={onCancelClick}
|
onClick={onCancelClick}
|
||||||
label={cancelButtonLabel}
|
label={cancelButtonLabel}
|
||||||
/>
|
/>
|
||||||
@ -94,6 +95,7 @@ SaveCancelButtons.propTypes = {
|
|||||||
SaveCancelButtons.defaultProps = {
|
SaveCancelButtons.defaultProps = {
|
||||||
saveButtonLabel: "Save",
|
saveButtonLabel: "Save",
|
||||||
cancelButtonLabel: "Cancel",
|
cancelButtonLabel: "Cancel",
|
||||||
|
isDisabled: false,
|
||||||
};
|
};
|
||||||
|
|
||||||
export default SaveCancelButtons;
|
export default SaveCancelButtons;
|
||||||
|
@ -10,6 +10,9 @@ import RadioButton from "@appserver/components/radio-button";
|
|||||||
import styled from "styled-components";
|
import styled from "styled-components";
|
||||||
import moment from "moment";
|
import moment from "moment";
|
||||||
import ScheduleComponent from "./sub-components/scheduleComponent";
|
import ScheduleComponent from "./sub-components/scheduleComponent";
|
||||||
|
import { getBackupProgress } from "@appserver/common/api/portal";
|
||||||
|
import SaveCancelButtons from "@appserver/components/save-cancel-buttons";
|
||||||
|
|
||||||
const StyledComponent = styled.div`
|
const StyledComponent = styled.div`
|
||||||
${commonSettingsStyles}
|
${commonSettingsStyles}
|
||||||
.manual-backup_buttons {
|
.manual-backup_buttons {
|
||||||
@ -82,6 +85,8 @@ class AutomaticBackup extends React.Component {
|
|||||||
selectedMaxCopies: "10",
|
selectedMaxCopies: "10",
|
||||||
|
|
||||||
weekOptions: [],
|
weekOptions: [],
|
||||||
|
|
||||||
|
isCopyingToLocal: true,
|
||||||
};
|
};
|
||||||
|
|
||||||
this.periodOptions = [
|
this.periodOptions = [
|
||||||
@ -113,8 +118,32 @@ class AutomaticBackup extends React.Component {
|
|||||||
|
|
||||||
componentDidMount() {
|
componentDidMount() {
|
||||||
this.getWeekdaysOptions();
|
this.getWeekdaysOptions();
|
||||||
|
getBackupProgress().then((res) => {
|
||||||
|
if (res) {
|
||||||
|
if (res.progress === 100)
|
||||||
|
this.setState({
|
||||||
|
isCopyingToLocal: false,
|
||||||
|
});
|
||||||
|
if (res.progress !== 100)
|
||||||
|
this.timerId = setInterval(() => this.getProgress(), 1000);
|
||||||
|
}
|
||||||
|
});
|
||||||
}
|
}
|
||||||
|
componentWillUnmount() {
|
||||||
|
clearInterval(this.timerId);
|
||||||
|
}
|
||||||
|
getProgress = () => {
|
||||||
|
getBackupProgress().then((res) => {
|
||||||
|
if (res) {
|
||||||
|
if (res.progress === 100) {
|
||||||
|
clearInterval(this.timerId);
|
||||||
|
this.setState({
|
||||||
|
isCopyingToLocal: false,
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
};
|
||||||
getTimeOptions = () => {
|
getTimeOptions = () => {
|
||||||
for (let item = 0; item < 24; item++) {
|
for (let item = 0; item < 24; item++) {
|
||||||
let obj = {
|
let obj = {
|
||||||
@ -278,6 +307,7 @@ class AutomaticBackup extends React.Component {
|
|||||||
selectedTimeOption,
|
selectedTimeOption,
|
||||||
selectedMonthOption,
|
selectedMonthOption,
|
||||||
selectedMaxCopies,
|
selectedMaxCopies,
|
||||||
|
isCopyingToLocal,
|
||||||
} = this.state;
|
} = this.state;
|
||||||
console.log(" this.arrayWeekdays", this.arrayWeekdays);
|
console.log(" this.arrayWeekdays", this.arrayWeekdays);
|
||||||
console.log("isCheckedDocuments", isCheckedDocuments);
|
console.log("isCheckedDocuments", isCheckedDocuments);
|
||||||
@ -426,6 +456,16 @@ class AutomaticBackup extends React.Component {
|
|||||||
</StyledModules>
|
</StyledModules>
|
||||||
</>
|
</>
|
||||||
)}
|
)}
|
||||||
|
<SaveCancelButtons
|
||||||
|
className="team-template_buttons"
|
||||||
|
onSaveClick={() => console.log("click")}
|
||||||
|
onCancelClick={() => console.log("cancel")}
|
||||||
|
showReminder={false}
|
||||||
|
reminderTest={t("YouHaveUnsavedChanges")}
|
||||||
|
saveButtonLabel={t("SaveButton")}
|
||||||
|
cancelButtonLabel={t("CancelButton")}
|
||||||
|
isDisabled={isCopyingToLocal}
|
||||||
|
/>
|
||||||
</StyledComponent>
|
</StyledComponent>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
@ -54,12 +54,14 @@ class ManualBackup extends React.Component {
|
|||||||
getCommonThirdPartyList()
|
getCommonThirdPartyList()
|
||||||
.then(() => getBackupProgress())
|
.then(() => getBackupProgress())
|
||||||
.then((res) => {
|
.then((res) => {
|
||||||
this.setState({
|
if (res) {
|
||||||
downloadingProgress: res.progress,
|
this.setState({
|
||||||
link: res.link,
|
downloadingProgress: res.progress,
|
||||||
});
|
link: res.link,
|
||||||
if (res.progress !== 100)
|
});
|
||||||
this.timerId = setInterval(() => this.getProgress(), 1000);
|
if (res.progress !== 100)
|
||||||
|
this.timerId = setInterval(() => this.getProgress(), 1000);
|
||||||
|
}
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -82,14 +84,16 @@ class ManualBackup extends React.Component {
|
|||||||
console.log("downloadingProgress", downloadingProgress);
|
console.log("downloadingProgress", downloadingProgress);
|
||||||
|
|
||||||
getBackupProgress().then((res) => {
|
getBackupProgress().then((res) => {
|
||||||
this.setState({
|
if (res) {
|
||||||
downloadingProgress: res.progress,
|
|
||||||
});
|
|
||||||
if (res.progress === 100) {
|
|
||||||
clearInterval(this.timerId);
|
|
||||||
this.setState({
|
this.setState({
|
||||||
link: res.link,
|
downloadingProgress: res.progress,
|
||||||
});
|
});
|
||||||
|
if (res.progress === 100) {
|
||||||
|
clearInterval(this.timerId);
|
||||||
|
this.setState({
|
||||||
|
link: res.link,
|
||||||
|
});
|
||||||
|
}
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
Loading…
Reference in New Issue
Block a user