repo_files_auto_del (#4626)

* repo_files_auto_del * repo_files_auto_del * update code
2025-09-01 15:09:14 +00:00 · 2020-09-07 12:03:05 +08:00
parent 212e667206
commit d5f578318f
10 changed files with 351 additions and 0 deletions
--- a/frontend/src/components/dialog/lib-old-files-auto-del-dialog.js
+++ b/frontend/src/components/dialog/lib-old-files-auto-del-dialog.js
@@ -0,0 +1,129 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Button, Modal, ModalHeader, ModalBody, ModalFooter, Form, FormGroup, Label, Input, Alert } from 'reactstrap';
+import { gettext, enableRepoHistorySetting } from '../../utils/constants';
+import { seafileAPI } from '../../utils/seafile-api.js';
+import { Utils } from '../../utils/utils';
+import toaster from '../toast';
+
+const propTypes = {
+  toggleDialog: PropTypes.func.isRequired,
+  repoID: PropTypes.string.isRequired,
+};
+
+class LibOldFilesAutoDelDialog extends React.Component {
+
+  constructor(props) {
+    super(props);
+    this.state = {
+      autoDelDays: 0,
+      isAutoDel: false,
+      errorInfo: '',
+    };
+  }
+
+  componentDidMount() {
+    seafileAPI.getRepoOldFilesAutoDelDays(this.props.repoID).then(res => {
+      this.setState({
+        autoDelDays: res.data.auto_delete_days,
+        isAutoDel: res.data.auto_delete_days > 0,
+      });
+    }).catch(error => {
+      let errMessage = Utils.getErrorMsg(error);
+      toaster.danger(errMessage);
+    });
+  }
+
+  submit = () => {
+    let daysNeedTobeSet = this.state.autoDelDays;
+
+    let reg = /^-?\d+$/;
+    let isvalid_days = reg.test(daysNeedTobeSet);
+    if (!isvalid_days || daysNeedTobeSet <= 0) {
+      this.setState({
+        errorInfo: gettext('Please enter a positive integer'),
+      });
+      return;
+    }
+
+    if (!this.state.isAutoDel) {
+      daysNeedTobeSet = 0;    // if no auto del, give 0 to server
+    }
+
+    let repoID = this.props.repoID;
+
+    let message = gettext('Library old files auto delete days setted.');
+    seafileAPI.setRepoOldFilesAutoDelDays(repoID, daysNeedTobeSet).then(res => {
+      toaster.success(message);
+      this.props.toggleDialog();
+    }).catch(error => {
+      let errMessage = Utils.getErrorMsg(error);
+      toaster.danger(errMessage);
+    });
+  }
+
+  handleKeyPress = (e) => {
+    if (e.key === 'Enter') {
+      this.submit();
+      e.preventDefault();
+    }
+  }
+
+  onChange = (e) => {
+    let days = e.target.value;
+    this.setState({
+      autoDelDays: days,
+    });
+  }
+
+  updateRadioCheck = (type) => {
+    if (type === 'noAutoDel') {
+      this.setState({
+        isAutoDel: false,
+      });
+    } else if (type === 'autoDel') {
+      this.setState({
+        isAutoDel: true,
+      });
+    }
+  }
+
+  render() {
+    return (
+      <Modal isOpen={true}>
+        <ModalHeader toggle={this.props.toggleDialog}>
+          {gettext('Auto deletion')}
+        </ModalHeader>
+        <ModalBody>
+          <Form>
+            <FormGroup check>
+              <Input type="radio" name="radio1" checked={!this.state.isAutoDel} onChange={() =>{this.updateRadioCheck('noAutoDel');}}/>{' '}
+              <Label>{gettext('Do not automatically delete files')}</Label>
+            </FormGroup>
+            <FormGroup check>
+              <Input type="radio" name="radio1" checked={this.state.isAutoDel} onChange={() =>{this.updateRadioCheck('autoDel');}}/>{' '}
+              <Label>{gettext('Automatically delete files that are not modified within certain days:')}</Label>
+              <Input 
+                type="text" 
+                className="expire-input" 
+                value={this.state.autoDelDays}
+                onChange={this.onChange} 
+                onKeyDown={this.handleKeyPress}
+              />{' '}
+              <Label><span>{gettext('days')}</span></Label>
+            </FormGroup>
+            {this.state.errorInfo && <Alert color="danger">{this.state.errorInfo}</Alert>}
+          </Form>
+        </ModalBody>
+        <ModalFooter>
+          <Button color="secondary" onClick={this.props.toggleDialog}>{gettext('Cancel')}</Button>
+          <Button color="primary" onClick={this.submit}>{gettext('Submit')}</Button>
+        </ModalFooter>
+      </Modal>
+    );
+  }
+}
+
+LibOldFilesAutoDelDialog.propTypes = propTypes;
+
+export default LibOldFilesAutoDelDialog;