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

Interactive, novel data visualization

import "jqrangeslider/jQDateRangeSlider"

import * as p from "core/properties"
import {isObject} from "core/util/types"

import {InputWidget, InputWidgetView} from "./input_widget"


export class DateRangeSliderView extends InputWidgetView

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

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

    [value_min, value_max] = @model.value
    [range_min, range_max] = @model.range
    [bounds_min, bounds_max] = @model.bounds

    @$el.dateRangeSlider({
      defaultValues: { min: new Date(value_min), max: new Date(value_max) },
      bounds: { min: new Date(bounds_min), max: new Date(bounds_max) },
      range: {
          min: if isObject(range_min) then range_min else false,
          max: if isObject(range_max) then range_max else false,
      },
      step: @model.step or {},
      # formatter
      # scales
      enabled: @model.enabled,
      arrows: @model.arrows,
      valueLabels: @model.value_labels,
      wheelMode: @model.wheel_mode,
    })

    @$el.on "userValuesChanged", (event, data) =>
      @model.value = [data.values.min, data.values.max]
      @model.callback?.execute(@model)

    return @

export class DateRangeSlider extends InputWidget
  type: "DateRangeSlider"
  default_view: DateRangeSliderView

  @define {
      # TODO (bev) types
      value:        [ p.Any            ]
      range:        [ p.Any            ]
      bounds:       [ p.Any            ]
      step:         [ p.Any,    {}     ]
      enabled:      [ p.Bool,   true   ]
      arrows:       [ p.Bool,   true   ]
      value_labels: [ p.String, "show" ]
      wheel_mode:   [ p.Any            ]
      ###
      formatter
      scales
      ###
    }