Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-01-31 00:16:47 +01:00
Code Issues Projects Releases Wiki Activity

use list for strategies

Browse Source
This commit is contained in:
sveisvei 2016-10-25 23:13:50 +02:00
parent 80fdef429b
commit de4011a27b
2 changed files with 19 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
packages/unleash-frontend-next/src/component/feature/configure-strategies.jsx
View File

@ -1,5 +1,8 @@
import React, { PropTypes } from 'react';
import ConfigureStrategy from './configure-strategy';
import { List } from 'react-toolbox/lib/list';
class ConfigureStrategies extends React.Component {
static propTypes () {
@ -30,9 +33,9 @@ class ConfigureStrategies extends React.Component {
strategyDefinition={strategies.find(s => s.name === strat.name)} />
));
return (
<div>
<List>
{blocks}
</div>
</List>
);
}
}

27
packages/unleash-frontend-next/src/component/feature/configure-strategy.jsx
View File

@ -1,5 +1,7 @@
import React, { PropTypes } from 'react';
import { Button, Input } from 'react-toolbox';
import Input from 'react-toolbox/lib/input';
import Button from 'react-toolbox/lib/button';
import { List, ListItem, ListSubHeader, ListDivider } from 'react-toolbox/lib/list';
class ConfigureStrategies extends React.Component {
@ -36,7 +38,6 @@ class ConfigureStrategies extends React.Component {
renderInputFields (strategyDefinition) {
if (strategyDefinition.parametersTemplate) {
return Object.keys(strategyDefinition.parametersTemplate).map(field => (
<Input
@ -52,24 +53,24 @@ class ConfigureStrategies extends React.Component {
}
render () {
const leftActions = [
<Button onClick={this.handleRemove} icon="remove" floating accent mini />,
];
if (!this.props.strategyDefinition) {
return (
<div>
<span style={{ color: 'red' }}>Strategy "{this.props.strategy.name}" deleted</span>
<Button title="Remove Strategy" onClick={this.handleRemove} icon="remove" floating accent mini />
</div>
)
<ListItem leftActions={leftActions} caption={<span style={{ color: 'red' }}>Strategy "{this.props.strategy.name}" deleted</span>}/>
);
}
const inputFields = this.renderInputFields(this.props.strategyDefinition);
return (
<div>
<strong>{this.props.strategy.name}</strong>
<Button title="Remove Strategy" onClick={this.handleRemove} icon="remove" floating accent mini />
<p><i>{this.props.strategyDefinition.description}</i></p>
{inputFields}
</div>
<ListItem leftActions={leftActions}
caption={this.props.strategy.name}
legend={this.props.strategyDefinition.description}
rightActions={inputFields}
/>
);
}
}