modal bindings

Author: eva

src/client/modals/attribute-modal/attribute-modal.tsx

@@ -125,6 +125,7 @@ export class AttributeModal extends React.Component<AttributeModalProps, Attribu
       className="attribute-modal"
       title={title}
       onClose={onClose}
+      onEnter={this.save.bind(this)}
     >
       <form>
         {nameDiv}

src/client/modals/cluster-seed-modal/cluster-seed-modal.tsx

@@ -101,8 +101,11 @@ export class ClusterSeedModal extends React.Component<ClusterSeedModalProps, Clu
   }
 
   onNext() {
-    this.connect();
-    this.setState({loading: true});
+    const { canSave } = this.state;
+    if (canSave) {
+      this.connect();
+      this.setState({loading: true});
+    }
   }
 
   render(): JSX.Element {
@@ -135,6 +138,7 @@ export class ClusterSeedModal extends React.Component<ClusterSeedModalProps, Clu
       className="cluster-seed-modal"
       title={STRINGS.connectNewCluster}
       onClose={this.props.onCancel}
+      onEnter={this.onNext.bind(this)}
       deaf={loading}
     >
       <form>

src/client/modals/data-cube-seed-modal/data-cube-seed-modal.tsx

@@ -111,6 +111,7 @@ export class DataCubeSeedModal extends React.Component<DataCubeSeedModalProps, D
     const { dataCubes, clusters } = this.props;
     if (!dataCubes || !clusters) return;
     var { clusterSource, autoFill } = this.state;
+    if (!clusterSource) return;
 
     var newDataCube = DataCube.fromClusterAndSource(
       generateUniqueName('dc', name => indexByAttribute(dataCubes, 'name', name) === -1),
@@ -160,6 +161,11 @@ export class DataCubeSeedModal extends React.Component<DataCubeSeedModalProps, D
     });
   }
 
+  onEnter() {
+    this.onNext();
+    this.props.onCancel();
+  }
+
   render(): JSX.Element {
     const { onNext, onCancel } = this.props;
     const { errors, autoFill, clusterSources, clusterSource } = this.state;
@@ -170,6 +176,7 @@ export class DataCubeSeedModal extends React.Component<DataCubeSeedModalProps, D
       className="data-cube-seed-modal"
       title={STRINGS.createDataCube}
       onClose={this.props.onCancel}
+      onEnter={this.onEnter.bind(this)}
     >
       <form>
         { FormLabel.dumbLabel('Source') }
@@ -189,7 +196,7 @@ export class DataCubeSeedModal extends React.Component<DataCubeSeedModalProps, D
         />
       </form>
       <div className="button-bar">
-        <Button type="primary" title={`${STRINGS.next}: ${STRINGS.configureDataCube}`} onClick={this.onNext.bind(this)}/>
+        <Button type="primary" title={`${STRINGS.next}: ${STRINGS.configureDataCube}`} disabled={!clusterSource} onClick={this.onNext.bind(this)}/>
         <Button className="cancel" title="Cancel" type="secondary" onClick={onCancel}/>
       </div>
 

src/client/modals/suggestion-modal/suggestion-modal.tsx

@@ -183,6 +183,7 @@ export class SuggestionModal<T> extends React.Component<SuggestionModalProps<T>,
       className="suggestion-modal"
       title={`${title}`}
       onClose={onClose}
+      onEnter={this.onAdd.bind(this)}
     >
       <div className="actions">
         <button key='all' onClick={this.selectAll.bind(this)}>Select all</button>