diff --git a/frontend/src/component/feature/form/strategies-add.jsx b/frontend/src/component/feature/form/strategies-add.jsx index e5be2d4b1f..9b1b60b238 100644 --- a/frontend/src/component/feature/form/strategies-add.jsx +++ b/frontend/src/component/feature/form/strategies-add.jsx @@ -33,7 +33,7 @@ class AddStrategy extends React.Component { return (
- this.setSort(e.target.getAttribute('data-target'))}> Add Strategy: {this.props.strategies.map((s) => this.addStrategy(s.name)}>{s.name})} diff --git a/frontend/src/component/feature/form/strategies-section.jsx b/frontend/src/component/feature/form/strategies-section.jsx index 83ec3416da..83ee3609df 100644 --- a/frontend/src/component/feature/form/strategies-section.jsx +++ b/frontend/src/component/feature/form/strategies-section.jsx @@ -1,10 +1,7 @@ import React, { PropTypes } from 'react'; import StrategiesList from './strategies-list'; import AddStrategy from './strategies-add'; - -const headerStyle = { - marginBottom: '10px', -}; +import { HeaderTitle } from '../../common'; class StrategiesSection extends React.Component { @@ -29,7 +26,7 @@ class StrategiesSection extends React.Component { return (
-
Activation strategies
+ } />
); diff --git a/frontend/src/component/feature/form/strategy-configure.jsx b/frontend/src/component/feature/form/strategy-configure.jsx index e76dace88c..ab44195399 100644 --- a/frontend/src/component/feature/form/strategy-configure.jsx +++ b/frontend/src/component/feature/form/strategy-configure.jsx @@ -1,6 +1,13 @@ import React, { PropTypes } from 'react'; import { Textfield, Button, Card, CardTitle, CardText, CardActions, CardMenu, IconButton } from 'react-mdl'; +import { Link } from 'react-router'; +const style = { + flex: '1', + minWidth: '300px', + maxWidth: '100%', + margin: '5px 20px 15px 0px', +}; class StrategyConfigure extends React.Component { static propTypes () { @@ -50,11 +57,19 @@ class StrategyConfigure extends React.Component { render () { if (!this.props.strategyDefinition) { + const { name } = this.props.strategy; return ( -
-
Strategy "{this.props.strategy.name}" deleted
-
+ + "{name}" deleted? + + The strategy "{name}" does not exist on this this server. + Want to create it now? + + + + + + ); } @@ -63,13 +78,7 @@ class StrategyConfigure extends React.Component { const { name } = this.props.strategy; return ( - + { name } diff --git a/frontend/src/component/strategies/add-strategy.jsx b/frontend/src/component/strategies/add-strategy.jsx index eb21b33c17..576cfeb83e 100644 --- a/frontend/src/component/strategies/add-strategy.jsx +++ b/frontend/src/component/strategies/add-strategy.jsx @@ -21,6 +21,8 @@ const genParams = (input, num = 0, setValue) => (
{gerArrayWithEntries(num). const key = `${PARAM_PREFIX}${i + 1}`; return ( setValue(key, target.value)} @@ -37,16 +39,20 @@ const AddStrategy = ({ onSubmit, }) => (
- -
+ +
setValue('name', trim(target.value))} value={input.name} />
-
+
{genParams(input, input._params, setValue)} { e.preventDefault(); incValue('_params'); - }}/> + }}/> Add parameter