@quartic/bokehjs/src/coffee/models/tools/toolbar_base.coffee

Interactive, novel data visualization

import {logger} from "core/logging"
import {EQ, Variable} from "core/layout/solver"
import {empty} from "core/dom"
import * as p from "core/properties"

import {LayoutDOM, LayoutDOMView} from "../layouts/layout_dom"

import {ActionToolButtonView} from "./actions/action_tool"
import {OnOffButtonView} from "./on_off_button"
import toolbar_template from "./toolbar_template"

export class ToolbarBaseView extends LayoutDOMView
  className: "bk-toolbar-wrapper"
  template: toolbar_template

  render: () ->
    empty(@el)

    if @model.sizing_mode != 'fixed'
      @el.style.left = "#{@model._dom_left._value}px"
      @el.style.top = "#{@model._dom_top._value}px"
      @el.style.width = "#{@model._width._value}px"
      @el.style.height = "#{@model._height._value}px"

    @el.appendChild(@template({
      logo: @model.logo
      location: @model.toolbar_location
      sticky: if @model.toolbar_sticky then 'sticky' else 'not-sticky'
    }))

    buttons = @el.querySelector(".bk-button-bar-list[type='inspectors']")
    for obj in @model.inspectors
      buttons.appendChild(new OnOffButtonView({model: obj}).el)

    buttons = @el.querySelector(".bk-button-bar-list[type='help']")
    for obj in @model.help
      buttons.appendChild(new ActionToolButtonView({model: obj}).el)

    buttons = @el.querySelector(".bk-button-bar-list[type='actions']")
    for obj in @model.actions
      buttons.appendChild(new ActionToolButtonView({model: obj}).el)

    gestures = @model.gestures
    for et of gestures
      buttons = @el.querySelector(".bk-button-bar-list[type='#{et}']")
      for obj in gestures[et].tools
        buttons.appendChild(new OnOffButtonView({model: obj}).el)

    return @

export class ToolbarBase extends LayoutDOM
  type: 'ToolbarBase'
  default_view: ToolbarBaseView

  _active_change: (tool) =>
    event_type = tool.event_type
    gestures = @gestures

    # Toggle between tools of the same type by deactivating any active ones
    currently_active_tool = gestures[event_type].active
    if currently_active_tool? and currently_active_tool != tool
      logger.debug("Toolbar: deactivating tool: #{currently_active_tool.type} (#{currently_active_tool.id}) for event type '#{event_type}'")
      currently_active_tool.active = false

    # Update the gestures with the new active tool
    gestures[event_type].active = tool
    @gestures = gestures
    logger.debug("Toolbar: activating tool: #{tool.type} (#{tool.id}) for event type '#{event_type}'")
    return null

  get_constraints: () ->
    # Get the constraints from widget
    constraints = super()
    # Set the fixed size of toolbar
    constraints.push(EQ(@_sizeable, -30))
    return constraints

  @define {
      tools: [ p.Array,    []       ]
      logo:  [ p.String,   'normal' ] # TODO (bev)
  }

  @internal {
    gestures: [ p.Any, () -> {
      pan:       { tools: [], active: null }
      tap:       { tools: [], active: null }
      doubletap: { tools: [], active: null }
      scroll:    { tools: [], active: null }
      pinch:     { tools: [], active: null }
      press:     { tools: [], active: null }
      rotate:    { tools: [], active: null }
    } ]
    actions:    [ p.Array, [] ]
    inspectors: [ p.Array, [] ]
    help:       [ p.Array, [] ]
    toolbar_location: [ p.Location, 'right' ]
    toolbar_sticky: [ p.Bool ]
  }

  @override {
    sizing_mode: null
  }