Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2024-12-28 00:06:53 +01:00
Code Issues Projects Releases Wiki Activity

admin - convert feature list into table

Browse Source
This commit is contained in:
Gard Rimestad 2014-11-13 10:46:45 +01:00
parent 3768e544b0
commit 8b03422d5c
2 changed files with 38 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
public/js/components/feature/Feature.jsx
View File

@ -22,36 +22,41 @@ var Feature = React.createClass({
},
render: function() {
return (<div className='line mal'>
{this.state.editMode ? this.renderEditMode() : this.renderViewMode()}
</div>);
return this.state.editMode ? this.renderEditMode() : this.renderViewMode();
},
renderEditMode: function() {
return (<FeatureForm feature={this.props.feature} onSubmit={this.saveFeature} onCancel={this.toggleEditMode} />);
return (
<tr>
<td colSpan="4">
<FeatureForm feature={this.props.feature} onSubmit={this.saveFeature} onCancel={this.toggleEditMode} />
</td>
</tr>
);
},
renderViewMode: function() {
var strikeThrough = this.props.feature.enabled ? '' : 'strikethrough';
return (
<div>
<div className={'unit r-size1of5 ' + strikeThrough}>
{this.props.feature.name}
</div>
<tr>
<td className={strikeThrough}>
{this.props.feature.name}
</td>
<div className='unit r-size2of5 opaque smalltext truncate'>
{this.props.feature.description || '\u00a0'}
</div>
<td className='opaque smalltext truncate'>
{this.props.feature.description || '\u00a0'}
</td>
<div className='unit r-size1of5'>
<td>
{this.props.feature.strategy}
</div>
</td>
<div className='unit r-size1of5'>
<td>
<input type='button' value='Edit' onClick={this.toggleEditMode}/>
</div>
</div>
</td>
</tr>
);
}
});

18
public/js/components/feature/FeatureList.jsx
View File

@ -12,7 +12,23 @@ var FeatureList = React.createClass({
);
}.bind(this));
return <div>{featureNodes}</div>;
return (
<div className='r-margin'>
<table className='outerborder'>
<thead>
<tr>
<th>Name</th>
<th>Description</th>
<th>Strategy</th>
<th></th>
</tr>
</thead>
<tbody>
{featureNodes}
</tbody>
</table>
</div>
);
}
});