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 React, { PropTypes } from 'react';
import ConfigureStrategy from './configure-strategy'; import ConfigureStrategy from './configure-strategy';
import { List } from 'react-toolbox/lib/list';
class ConfigureStrategies extends React.Component { class ConfigureStrategies extends React.Component {
static propTypes () { static propTypes () {
@ -30,9 +33,9 @@ class ConfigureStrategies extends React.Component {
strategyDefinition={strategies.find(s => s.name === strat.name)} /> strategyDefinition={strategies.find(s => s.name === strat.name)} />
)); ));
return ( return (
<div> <List>
{blocks} {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 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 { class ConfigureStrategies extends React.Component {
@ -36,7 +38,6 @@ class ConfigureStrategies extends React.Component {
renderInputFields (strategyDefinition) { renderInputFields (strategyDefinition) {
if (strategyDefinition.parametersTemplate) { if (strategyDefinition.parametersTemplate) {
return Object.keys(strategyDefinition.parametersTemplate).map(field => ( return Object.keys(strategyDefinition.parametersTemplate).map(field => (
<Input <Input
@ -52,24 +53,24 @@ class ConfigureStrategies extends React.Component {
} }
render () { render () {
const leftActions = [
<Button onClick={this.handleRemove} icon="remove" floating accent mini />,
];
if (!this.props.strategyDefinition) { if (!this.props.strategyDefinition) {
return ( return (
<div> <ListItem leftActions={leftActions} caption={<span style={{ color: 'red' }}>Strategy "{this.props.strategy.name}" deleted</span>}/>
<span style={{ color: 'red' }}>Strategy "{this.props.strategy.name}" deleted</span> );
<Button title="Remove Strategy" onClick={this.handleRemove} icon="remove" floating accent mini />
</div>
)
} }
const inputFields = this.renderInputFields(this.props.strategyDefinition); const inputFields = this.renderInputFields(this.props.strategyDefinition);
return ( return (
<div> <ListItem leftActions={leftActions}
<strong>{this.props.strategy.name}</strong> caption={this.props.strategy.name}
<Button title="Remove Strategy" onClick={this.handleRemove} icon="remove" floating accent mini /> legend={this.props.strategyDefinition.description}
<p><i>{this.props.strategyDefinition.description}</i></p> rightActions={inputFields}
{inputFields} />
</div>
); );
} }
} }