sysadmin reconstruct logs page (#4171)

* sysadmin reconstruct logs page * modify date check logic in logs export excel * close dialog after download excel
2025-09-02 15:38:15 +00:00 · 2019-10-22 19:49:30 +08:00
parent ad9fe20735
commit 7dafe5a0e7
9 changed files with 1085 additions and 3 deletions
--- a/frontend/src/components/dialog/sysadmin-dialog/sysadmin-logs-export-excel-dialog.js
+++ b/frontend/src/components/dialog/sysadmin-dialog/sysadmin-logs-export-excel-dialog.js
@@ -0,0 +1,120 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Button, Modal, ModalHeader, ModalBody, ModalFooter, Input, Alert } from 'reactstrap';
+import { gettext, siteRoot } from '../../../utils/constants';
+import moment from 'moment';
+
+class LogsExportExcelDialog extends React.Component {
+
+  constructor(props) {
+    super(props);
+    this.state = {
+      loading: true,
+      startDateStr: '',
+      endDateStr: '',
+      errMsg: '',
+    };
+    this.newInput = React.createRef();
+  }
+
+  componentDidMount() {
+    this.newInput.focus();
+  }
+
+  downloadExcel = () => {
+    if (!this.isValidDateStr()) {
+      return;
+    }
+    let { startDateStr, endDateStr } = this.state;
+    let url = siteRoot;
+
+    switch (this.props.logType) {
+      case 'login':
+        url += 'sys/loginadmin/export-excel/';
+        break;
+      case 'fileAccess':
+        url += 'sys/log/fileaudit/export-excel/';
+        break;
+      case 'fileUpdate':
+        url += 'sys/log/fileupdate/export-excel/';
+        break;
+      case 'sharePermission':
+        url += 'sys/log/permaudit/export-excel/';
+        break;
+    }
+    location.href = url + '?start=' + startDateStr + '&end=' + endDateStr;
+    this.props.toggle();
+  }
+
+  isValidDateStr = () => {
+    let { startDateStr, endDateStr } = this.state;
+    if (moment(startDateStr, 'YYYY-MM-DD', true).isValid() &&
+      moment(endDateStr, 'YYYY-MM-DD', true).isValid() &&
+      moment(startDateStr).isBefore(endDateStr)
+    ) {
+      return true;
+    } else {
+      this.setState({
+        errMsg: gettext('Date Invalid.')
+      });
+      return false;
+    }
+  }
+
+  handleStartChange = (e) => {
+    const startDateStr = e.target.value.trim();
+    this.setState({
+      startDateStr: startDateStr,
+      errMsg: ''
+    });
+  }
+
+  handleEndChange = (e) => {
+    const endDateStr = e.target.value.trim();
+    this.setState({ 
+      endDateStr: endDateStr,
+      errMsg: '',
+    });
+  }
+
+  render() {
+    return (
+      <Modal isOpen={true} toggle={this.props.toggle}>
+        <ModalHeader toggle={this.props.toggle}>{gettext('Choose date')}</ModalHeader>
+        <ModalBody>
+          {gettext('Start date')}
+          <Input
+            value={this.state.startDateStr}
+            onChange={this.handleStartChange}
+            placeholder='YYYY-mm-dd'
+            innerRef={input => {this.newInput = input;}}
+          />
+          <br/>
+          {gettext('End date')}
+          <Input
+            value={this.state.endDateStr}
+            onChange={this.handleEndChange}
+            placeholder='YYYY-mm-dd'
+          />
+          {this.state.errMsg &&
+            <Alert className="mt-2" color="danger">
+              {gettext(this.state.errMsg)}
+            </Alert>
+          }
+        </ModalBody>
+        <ModalFooter>
+          <Button color="primary" onClick={this.downloadExcel}>{gettext('Submit')}</Button>
+        </ModalFooter>
+      </Modal>
+    );
+  }
+}
+
+const propTypes = {
+  toggle: PropTypes.func.isRequired,
+  logType: PropTypes.string.isRequired,
+};
+
+LogsExportExcelDialog.propTypes = propTypes;
+
+export default LogsExportExcelDialog;