kdf/src/components/progressbar/progressbarview.coffee

KD: a non-document focused UI Framework for web applications.

KDCustomHTMLView = require './../../core/customhtmlview.coffee'

module.exports = class KDProgressBarView extends KDCustomHTMLView
  constructor:(options = {}, data)->

    options.cssClass = KD.utils.curry "progressbar-container", options.cssClass

    options.determinate  ?= yes
    options.initial      ?= no
    options.title        ?= ""

    super options, data

  viewAppended:->
    {initial, title} = @getOptions()
    @createBar()
    @updateBar initial or 1, "%", title

  createBar:(value, label = @getOptions().title)->
    @addSubView @bar = new KDCustomHTMLView
      cssClass    : "bar"
    @addSubView @spinner = new KDCustomHTMLView
      cssClass    : "bar spinner hidden"
    @addSubView @darkLabel = new KDCustomHTMLView
      tagName     : "span"
      cssClass    : 'dark-label'
    @bar.addSubView @lightLabel = new KDCustomHTMLView
      tagName     : "span"
      cssClass    : 'light-label'
    @lightLabel.setWidth @getWidth()

  updateBar:(value, unit='%', label = @getOptions().title)->
    {determinate} = @getOptions()
    if determinate
      @bar.show()
      @spinner.hide()
      @bar.setWidth value, unit
      @darkLabel.updatePartial "#{label} "
      @lightLabel.updatePartial "#{label} "
    else
      @bar.hide()
      @spinner.show()