*/
import './formControls.scss';
import SelectOption from 'widgets/form_controls/selectOption.jsx';
-
+import CircleSVG from '../../../node_modules/open-iconic/svg/media-record.svg'
import React, {Component} from 'react';
export default class Input extends Component {
onChange={props.onChange}
/>
break;
+ case 'radiogroup':
+ inputType = buildRadioButtons(this.props);
+ break;
default:
inputType = <input key={props.key} type={props.type} {...inputProperties} onChange={props.onChange} placeholder={props.placeholder}/>;
}
+ let displayedValue;
+ if(value === null) {
+ displayedValue = null;
+ } else {
+ displayedValue = value.toString();
+ }
+ if( props.readonly && props.type == "checkbox" && props.checked ) {
+ displayedValue = <img src={CircleSVG} />
+ }
let html = (
<label className={className} style={props.style}>
<span> { label } {isRequired}</span>
{
- !props.readonly ? inputType : <div className="readonly">{value}</div>
+ !props.readonly ? inputType : <div className="readonly">{displayedValue}</div>
}
</label>
}
-function buildDropDown() {
+function buildRadioButtons(props) {
+ let className = 'sqCheckBox';
+ if (props.className) {
+ className = `${className} ${props.className}`;
+ }
+ return(
+ <div className={className}>
+ {
+ props.options.map((o,i) => {
+ return (
+ <label key={i}>
+ {o.label}
+ <input type="radio" checked={props.value == o.value} value={o.value} onChange={props.onChange} />
+ </label>
+ )
+ })
+ }
+ </div>
+ )
}
Input.defaultProps = {