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

Interactive, novel data visualization

import * as $ from "jquery"
import * as Numbro from "numbro"

import * as p from "core/properties"
import {extend} from "core/util/object"
import {isString} from "core/util/types"
import {Model} from "../../model"

export class CellFormatter extends Model
  doFormat: (row, cell, value, columnDef, dataContext) ->
    if value == null
      return ""
    else
      return (value + "").replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;")

export class StringFormatter extends CellFormatter
  type: 'StringFormatter'

  @define {
    font_style: [ p.FontStyle, "normal" ]
    text_align: [ p.TextAlign, "left"   ]
    text_color: [ p.Color ]
  }

  doFormat: (row, cell, value, columnDef, dataContext) ->
    text = super(row, cell, value, columnDef, dataContext)

    font_style = @font_style
    text_align = @text_align
    text_color = @text_color

    if font_style? or text_align? or text_color?
      text = $("<span>#{text}</span>")
      switch font_style
        when "bold"   then text = text.css("font-weight", "bold")
        when "italic" then text = text.css("font-style",  "italic")
      if text_align? then text = text.css("text-align", text_align)
      if text_color? then text = text.css("color",      text_color)
      text = text.prop('outerHTML')

    return text

export class NumberFormatter extends StringFormatter
  type: 'NumberFormatter'

  @define {
    format:     [ p.String, '0,0'       ] # TODO (bev)
    language:   [ p.String, 'en'        ] # TODO (bev)
    rounding:   [ p.String, 'round'     ] # TODO (bev)
  }

  doFormat: (row, cell, value, columnDef, dataContext) ->
    format = @format
    language = @language
    rounding = switch @rounding
      when "round", "nearest"   then Math.round
      when "floor", "rounddown" then Math.floor
      when "ceil",  "roundup"   then Math.ceil
    value = Numbro.format(value, format, language, rounding)
    return super(row, cell, value, columnDef, dataContext)

export class BooleanFormatter extends CellFormatter
  type: 'BooleanFormatter'

  @define {
    icon: [ p.String, 'check' ]
  }

  doFormat: (row, cell, value, columnDef, dataContext) ->
    if !!value then $('<i>').addClass(@icon).html() else ""

export class DateFormatter extends CellFormatter
  type: 'DateFormatter'

  @define {
    format: [ p.String, 'yy M d' ]
  }

  getFormat: () ->
    format = @format
    name = switch format
      when "ATOM", "W3C", "RFC-3339", "ISO-8601" then "ISO-8601"
      when "COOKIE"                              then "COOKIE"
      when "RFC-850"                             then "RFC-850"
      when "RFC-1036"                            then "RFC-1036"
      when "RFC-1123"                            then "RFC-1123"
      when "RFC-2822"                            then "RFC-2822"
      when "RSS", "RFC-822"                      then "RFC-822"
      when "TICKS"                               then "TICKS"
      when "TIMESTAMP"                           then "TIMESTAMP"
      else                                       null
    if name? then $.datepicker[name] else format

  doFormat: (row, cell, value, columnDef, dataContext) ->
    value = if isString(value) then parseInt(value, 10) else value
    date = $.datepicker.formatDate(@getFormat(), new Date(value))
    return super(row, cell, date, columnDef, dataContext)

export class HTMLTemplateFormatter extends CellFormatter
  type: 'HTMLTemplateFormatter'

  @define {
    template: [ p.String, '<%= value %>' ]
  }

  doFormat: (row, cell, value, columnDef, dataContext) ->
    template = @template
    if value == null
      return ""
    else
      dataContext = extend({}, dataContext, {value: value})
      compiled_template = _.template(template)
      return compiled_template(dataContext)