1
0
mirror of https://github.com/haiwen/seahub.git synced 2025-07-19 17:39:39 +00:00
seahub/frontend/src/components/dialog/new-wiki-dialog.js

70 lines
1.7 KiB
JavaScript
Raw Normal View History

2018-12-07 16:01:23 +00:00
import React from 'react';
import PropTypes from 'prop-types';
import { gettext } from '../../utils/constants';
import { Button, Modal, ModalHeader, ModalBody, ModalFooter, Input } from 'reactstrap';
const propTypes = {
toggleCancel: PropTypes.func.isRequired,
addWiki: PropTypes.func.isRequired,
};
2018-12-10 05:33:32 +00:00
class NewWikiDialog extends React.Component {
2018-12-07 16:01:23 +00:00
constructor(props) {
super(props);
this.state = {
isExist: false,
name: "",
repoID: "",
};
this.newName = React.createRef();
}
componentDidMount() {
this.newName.focus();
this.newName.setSelectionRange(0, -1);
}
inputNewName = (e) => {
this.setState({
name: e.target.value,
});
}
handleKeyPress = (e) => {
if (e.key === 'Enter') {
this.handleSubmit();
}
}
handleSubmit = () => {
let { isExist, name, repoID } = this.state;
this.props.addWiki(isExist, name, repoID);
this.props.toggleCancel();
}
toggle = () => {
this.props.toggleCancel();
}
render() {
return (
<Modal isOpen={true}>
<ModalHeader toggle={this.toggle}>{gettext('New Wiki')}</ModalHeader>
<ModalBody>
<label className="form-label">{gettext('Name')}</label>
<Input onKeyPress={this.handleKeyPress} innerRef={input => {this.newName = input}} value={this.state.name} onChange={this.inputNewName}/>
</ModalBody>
<ModalFooter>
2018-12-08 05:31:41 +00:00
<Button color="secondary" onClick={this.toggle}>{gettext('Cancel')}</Button>
<Button color="primary" onClick={this.handleSubmit}>{gettext('Submit')}</Button>
2018-12-07 16:01:23 +00:00
</ModalFooter>
</Modal>
);
}
}
2018-12-10 05:33:32 +00:00
NewWikiDialog.propTypes = propTypes;
2018-12-07 16:01:23 +00:00
2018-12-10 05:33:32 +00:00
export default NewWikiDialog;