Hotfloat Widget for the Dashing dashboard
CSS CoffeeScript
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
LICENSE.md
README.md
hotfloat.coffee
hotfloat.html
hotfloat.scss

README.md

Dashing Hotfloat Widget

Hotfloat Widget for the Dashing dashboard

##About

This widget is a fusion of the hotness widget and the standard number widget and deal with float.

https://gist.github.com/rowanu/6246149 http://dashing.io

You neet to survey a pourcentage with evolution and color, this widget id for you.

##Installation

create a hotfloat directory in your widget directory and copy in it this files.

##Usage

<li data-row="1" data-col="1" data-sizex="1" data-sizey="1" data-height="312px">
      <div data-id="myId" data-view="Hotfloat" data-title="the title" data-cool="95" data-warm="90" data-suffix="%" data-moreinfo="Ratio de paiements OK / 10min"></div>
      <i class="icon-check icon-background"></i>
</li>

##Fields

Required

  • data-id: Like all widgets, you must include an identifier so that your jobs can update the value.
  • data-cool: Anything below (if cool is under warm value, else above) this value will show the 'cold' colour. It should be set high enough to include all the 'good' range of value for this metric.
  • data-warm: Anything above (if cool is under warm value, else below) this value will show the 'hot' colour. It should be set just below the 'bad' range of value for this metric - ie. those that need attention!

Not Required

  • data-title: Optional title to show in the widget box (above the value).
  • data-prefix: Optional prefix to the value.
  • data-suffix: Optional suffix to the value.
  • data-moreinfo: Optional more information on the value.