1
0
mirror of https://github.com/haiwen/seahub.git synced 2025-08-10 11:22:09 +00:00

[system admin] logs: bugfix & improvement for 'export excel' dialog (#4344)

This commit is contained in:
llj 2019-12-09 21:37:24 +08:00 committed by Daniel Pan
parent 96b229aec8
commit c21c5d2ac6

View File

@ -1,6 +1,6 @@
import React from 'react'; import React from 'react';
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import { Button, Modal, ModalHeader, ModalBody, ModalFooter, Input, Alert } from 'reactstrap'; import { Button, Modal, ModalHeader, ModalBody, ModalFooter, FormGroup, Label, Input, Alert } from 'reactstrap';
import { gettext, siteRoot } from '../../../utils/constants'; import { gettext, siteRoot } from '../../../utils/constants';
import moment from 'moment'; import moment from 'moment';
@ -82,20 +82,23 @@ class LogsExportExcelDialog extends React.Component {
<Modal isOpen={true} toggle={this.props.toggle}> <Modal isOpen={true} toggle={this.props.toggle}>
<ModalHeader toggle={this.props.toggle}>{gettext('Choose date')}</ModalHeader> <ModalHeader toggle={this.props.toggle}>{gettext('Choose date')}</ModalHeader>
<ModalBody> <ModalBody>
{gettext('Start date')} <FormGroup>
<Input <Label>{gettext('Start date')}</Label>
value={this.state.startDateStr} <Input
onChange={this.handleStartChange} value={this.state.startDateStr}
placeholder='YYYY-mm-dd' onChange={this.handleStartChange}
innerRef={input => {this.newInput = input;}} placeholder='yyyy-mm-dd'
/> innerRef={input => {this.newInput = input;}}
<br/> />
{gettext('End date')} </FormGroup>
<Input <FormGroup>
value={this.state.endDateStr} <Label>{gettext('End date')}</Label>
onChange={this.handleEndChange} <Input
placeholder='YYYY-mm-dd' value={this.state.endDateStr}
/> onChange={this.handleEndChange}
placeholder='yyyy-mm-dd'
/>
</FormGroup>
{this.state.errMsg && {this.state.errMsg &&
<Alert className="mt-2" color="danger"> <Alert className="mt-2" color="danger">
{gettext(this.state.errMsg)} {gettext(this.state.errMsg)}
@ -103,6 +106,7 @@ class LogsExportExcelDialog extends React.Component {
} }
</ModalBody> </ModalBody>
<ModalFooter> <ModalFooter>
<Button color="secondary" onClick={this.props.toggle}>{gettext('Cancel')}</Button>
<Button color="primary" onClick={this.downloadExcel}>{gettext('Submit')}</Button> <Button color="primary" onClick={this.downloadExcel}>{gettext('Submit')}</Button>
</ModalFooter> </ModalFooter>
</Modal> </Modal>