Déplacement de la saisie salaire entre les inversions possibles
parent
c8f7104a59
commit
e89b9d1896
|
@ -6,6 +6,7 @@
|
|||
margin-left: 1em;
|
||||
font-size: 110%;
|
||||
cursor: pointer;
|
||||
clear: both;
|
||||
}
|
||||
#inversionRadios label.unselected {
|
||||
opacity: 0.7;
|
||||
|
|
|
@ -57,31 +57,34 @@ class Fields extends Component {
|
|||
<>
|
||||
<div id="inversionRadios">
|
||||
{inversion.inversions.map(({ name, title, dottedName: value }) => (
|
||||
<label
|
||||
key={value}
|
||||
className={classNames({
|
||||
selected: value === activeInversion,
|
||||
unselected: activeInversion && value !== activeInversion
|
||||
})}
|
||||
>
|
||||
<Field
|
||||
name={'inversions.' + dottedName}
|
||||
component="input"
|
||||
type="radio"
|
||||
value={value}
|
||||
/>
|
||||
<Explicable dottedName={value}>{title || name}</Explicable>
|
||||
</label>
|
||||
<>
|
||||
<label
|
||||
key={value}
|
||||
className={classNames({
|
||||
selected: value === activeInversion,
|
||||
unselected: activeInversion && value !== activeInversion
|
||||
})}
|
||||
>
|
||||
<Field
|
||||
name={'inversions.' + dottedName}
|
||||
component="input"
|
||||
type="radio"
|
||||
value={value}
|
||||
/>
|
||||
<Explicable dottedName={value}>{title || name}</Explicable>
|
||||
</label>
|
||||
{activeInversion === value && (
|
||||
<Input
|
||||
{...{
|
||||
...this.props,
|
||||
suggestions:
|
||||
dottedName === fieldName && this.props.suggestions
|
||||
}}
|
||||
/>
|
||||
)}
|
||||
</>
|
||||
))}
|
||||
</div>
|
||||
{activeInversion && (
|
||||
<Input
|
||||
{...{
|
||||
...this.props,
|
||||
suggestions: dottedName === fieldName && this.props.suggestions
|
||||
}}
|
||||
/>
|
||||
)}
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue