secstate/Iris
Public Access
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Tweaking tunability fields

Browse Source
This commit is contained in:
James Barnsley
2018-01-15 16:58:08 +13:00
parent c4c3ecf45e
commit d54a75fedf
7 changed files with 239 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
src/js/views/discover/DiscoverRecommendations.js
View File

@ -340,9 +340,7 @@ class Discover extends React.Component{
name: key
}
);
if (tunability.enabled){
tunabilities.push(tunability);
}
tunabilities.push(tunability);
}
}
@ -351,22 +349,34 @@ class Discover extends React.Component{
{
tunabilities.map(tunability => {
return (
<div className="field tunability range" key={tunability.name}>
<label>
<span className="has-tooltip sentence">
{tunability.name}
<span className="tooltip">{tunability.description}</span>
</span>
</label>
<div className="input">
<InputRange
disabled={!tunability.enabled}
minValue={tunability.min}
maxValue={tunability.max}
value={tunability.value}
onChange={value => this.setTunability(tunability.name, value)}
/>
<div className="field tunability" key={tunability.name}>
<div className="field sub-field checkbox">
<label>
<input
type="checkbox"
name={"tunability_"+tunability.name}
checked={tunability.enabled}
onChange={e => this.toggleTunability(tunability.name)} />
<div className="label">
{tunability.name}
</div>
<span className="has-tooltip info">
<FontAwesome name="info-circle" />
<span className="tooltip">{tunability.description}</span>
</span>
</label>
</div>
{tunability.enabled ? <div className="input">
<div className="field sub-field range">
<InputRange
disabled={!tunability.enabled}
minValue={tunability.min}
maxValue={tunability.max}
value={tunability.value}
onChange={value => this.setTunability(tunability.name, value)}
/>
</div>
</div> : null}
</div>
);
})