@quartic/bokehjs/src/coffee/models/widgets/checkbox_group.coffee

Interactive, novel data visualization

import * as $ from "jquery"

import {Widget, WidgetView} from "./widget"
import {BokehView} from "core/bokeh_view"
import * as p from "core/properties"


export class CheckboxGroupView extends WidgetView
  events:
    "change input": "change_input"

  initialize: (options) ->
    super(options)
    @render()
    @listenTo(@model, 'change', @render)

  render: () ->
    super()
    @$el.empty()

    active = @model.active
    for label, i in @model.labels
      $input = $('<input type="checkbox">').attr(value: "#{i}")
      if @model.disabled then $input.prop("disabled", true)
      if i in active then $input.prop("checked", true)

      $label = $('<label></label>').text(label).prepend($input)
      if @model.inline
          $label.addClass("bk-bs-checkbox-inline")
          @$el.append($label)
      else
          $div = $('<div class="bk-bs-checkbox"></div>').append($label)
          @$el.append($div)

    return @

  change_input: () ->
    active = (i for checkbox, i in @$el.find("input") when checkbox.checked)
    @model.active = active
    @model.callback?.execute(@model)

export class CheckboxGroup extends Widget
  type: "CheckboxGroup"
  default_view: CheckboxGroupView

  @define {
      active:   [ p.Array, []    ]
      labels:   [ p.Array, []    ]
      inline:   [ p.Bool,  false ]
      callback: [ p.Instance ]
    }