parent
d7d13caf05
commit
83811910c8
@ -0,0 +1,61 @@ |
||||
const Component = require('react').Component |
||||
const h = require('react-hyperscript') |
||||
const inherits = require('util').inherits |
||||
|
||||
module.exports = RadioList |
||||
|
||||
inherits(RadioList, Component) |
||||
function RadioList () { |
||||
Component.call(this) |
||||
} |
||||
|
||||
RadioList.prototype.render = function () { |
||||
const props = this.props |
||||
let activeClass = '.custom-radio-selected' |
||||
let inactiveClass = '.custom-radio-inactive' |
||||
let { |
||||
lables, |
||||
defaultFocus, |
||||
onClick, |
||||
} = props |
||||
|
||||
|
||||
return ( |
||||
h('.flex-row', { |
||||
style: { |
||||
fontSize: '12px', |
||||
} |
||||
}, [ |
||||
h('.flex-column.custom-radios', { |
||||
style: { |
||||
marginRight: '5px', |
||||
} |
||||
}, |
||||
lables.map((lable, i) => { |
||||
let isSelcted = (this.state !== null ) |
||||
isSelcted = isSelcted ? (this.state.selected === lable) : (this.props.defaultFocus === lable) |
||||
return h(isSelcted ? activeClass : inactiveClass, { |
||||
title: lable, |
||||
onClick: (event) => { |
||||
this.setState({selected: event.target.title}) |
||||
props.onClick(event) |
||||
} |
||||
}) |
||||
}), |
||||
), |
||||
h('.text', {}, |
||||
lables.map((lable) => { |
||||
if (props.subtext) { |
||||
return h('.flex-row', {}, [ |
||||
h('.radio-titles', lable), |
||||
h('.radio-titles-subtext', `- ${props.subtext[lable]}`) |
||||
]) |
||||
} else { |
||||
return h('.radio-titles', lable) |
||||
} |
||||
}) |
||||
) |
||||
]) |
||||
) |
||||
} |
||||
|
Loading…
Reference in new issue