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

Ensure unique ids in feature form. Closes #57.

Browse Source
This commit is contained in:
Jari Bakken 2014-12-03 14:19:28 +01:00
parent a99e0df101
commit d63560edf7
2 changed files with 9 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
public/js/components/feature/FeatureForm.jsx
View File

@ -59,6 +59,8 @@ var FeatureForm = React.createClass({
enabled: false
};
var idPrefix = this.props.feature ? this.props.feature.name : 'new';
return (
<div className="bg-lilac-xlt r-pam">
<form ref="form" className="r-size1of2">
@ -67,7 +69,7 @@ var FeatureForm = React.createClass({
{this.props.feature ? "" : <legend>Create new toggle</legend>}
<TextInput
id="name"
id={idPrefix + "-name"}
name="name"
label="Name"
value={feature.name}
@ -76,7 +78,7 @@ var FeatureForm = React.createClass({
placeholder="Toggle name" />
<TextInput
id="description"
id={idPrefix + "-description"}
name="description"
label="Description"
value={feature.description}
@ -84,9 +86,9 @@ var FeatureForm = React.createClass({
placeholder="Enter description" />
<div className="formelement">
<label htmlFor="strategy">Strategy</label>
<label htmlFor={idPrefix + "-strategy"}>Strategy</label>
<div className="input select">
<select id="strategy" ref="strategy" value={this.state.currentStrategy} onChange={this.onStrategyChange}>
<select id={idPrefix + "-strategy"} ref="strategy" value={this.state.currentStrategy} onChange={this.onStrategyChange}>
{this.renderStrategyOptions()}
</select>
</div>
@ -96,8 +98,8 @@ var FeatureForm = React.createClass({
<div className="input">
<ul className="inputs-list">
<li>
<input id="active" ref="enabled" type="checkbox" defaultChecked={feature.enabled} />
<label htmlFor="active">Active</label>
<input id={idPrefix + "-active"} ref="enabled" type="checkbox" defaultChecked={feature.enabled} />
<label htmlFor={idPrefix + "-active"}>Active</label>
</li>
</ul>
</div>

2
public/js/components/form/TextInput.jsx
View File

@ -28,7 +28,7 @@ var TextInput = React.createClass({
render: function() {
return (
<div className="formelement required">
<label htmlFor="strategy_name" className="t4">{this.props.label}</label>
<label htmlFor={this.props.id} className="t4">{this.props.label}</label>
<div className="input">
<input type="text"
id={this.props.id}