46 lines
1.3 KiB
CoffeeScript
46 lines
1.3 KiB
CoffeeScript
context = window
|
|
rest = window.JK.Rest()
|
|
logger = context.JK.logger
|
|
|
|
@CheckBoxList = React.createClass({
|
|
objects: []
|
|
|
|
onItemChanged: (e) ->
|
|
# e.preventDefault()
|
|
|
|
selectedObjects = @selectedObjects()
|
|
@setState({selectedObjects: selectedObjects})
|
|
this.props.onItemChanged(this.props.objectName, selectedObjects)
|
|
|
|
selectedObjects: ->
|
|
selected=[]
|
|
@root = jQuery(this.getDOMNode())
|
|
$(".checkItem input[type=checkbox]:checked", @root).each ->
|
|
selected.push $(this).data("object-id")
|
|
selected
|
|
|
|
render: () ->
|
|
object_options = []
|
|
|
|
for object in this.props.sourceObjects
|
|
nm = "check_#{object.id}"
|
|
checked = @isChecked(object.id)
|
|
object_options.push `<div className='checkItem'><input type='checkbox' key={object.id} name={nm} data-object-id={object.id} onChange={this.onItemChanged} checked={checked}></input><label htmlFor={nm}>{object.description}</label></div>`
|
|
|
|
`<div className="CheckBoxList react-component">
|
|
<div className="checkbox-scroller left">
|
|
{object_options}
|
|
</div>
|
|
</div>`
|
|
|
|
isChecked: (id) ->
|
|
this.state.selectedObjects? && id in this.state.selectedObjects
|
|
|
|
|
|
getInitialState: () ->
|
|
{selectedObjects:@props.selectedObjects}
|
|
|
|
componentWillReceiveProps: (nextProps) ->
|
|
@setState({selectedObjects: nextProps.selectedObjects})
|
|
|
|
}) |