2
0
Эх сурвалжийг харах

create toggleDataImportArea func

utsushiiro 7 жил өмнө
parent
commit
6594be9ba4

+ 7 - 2
src/client/js/components/PageEditor/HandsontableModal.jsx

@@ -32,6 +32,7 @@ export default class HandsontableModal extends React.Component {
     this.reset = this.reset.bind(this);
     this.cancel = this.cancel.bind(this);
     this.save = this.save.bind(this);
+    this.toggleDataImportArea = this.toggleDataImportArea.bind(this);
   }
 
   init(markdownTable) {
@@ -97,6 +98,10 @@ export default class HandsontableModal extends React.Component {
     HandsontableUtil.setClassNameToColumns(this.refs.hotTable.hotInstance, startCol, endCol, className);
   }
 
+  toggleDataImportArea() {
+    this.setState({ dataImportAreaExpanded: !this.state.dataImportAreaExpanded });
+  }
+
   render() {
     return (
       <Modal show={this.state.show} onHide={this.cancel} bsSize="large" dialogClassName="handsontable-modal">
@@ -106,7 +111,7 @@ export default class HandsontableModal extends React.Component {
         <Modal.Body className="p-0">
           <Navbar>
             <Navbar.Form>
-              <Button className="m-r-20 data-import-button" onClick={() => this.setState({ dataImportAreaExpanded: !this.state.dataImportAreaExpanded })}>
+              <Button className="m-r-20 data-import-button" onClick={this.toggleDataImportArea}>
                 Data Import<i className={this.state.dataImportAreaExpanded ? 'fa fa-angle-up' : 'fa fa-angle-down' }></i>
               </Button>
               <ButtonGroup>
@@ -132,7 +137,7 @@ export default class HandsontableModal extends React.Component {
                   <FormControl componentClass="textarea" placeholder="Paste table data" style={{ height: 200 }}  />
                 </FormGroup>
                 <div className="d-flex justify-content-end">
-                  <Button bsStyle="default" onClick={() => this.setState({ dataImportAreaExpanded: !this.state.dataImportAreaExpanded })}>Cancel</Button>
+                  <Button bsStyle="default" onClick={this.toggleDataImportArea}>Cancel</Button>
                   <Button bsStyle="primary">Import</Button>
                 </div>
               </form>