Hotfloat Widget for the Dashing dashboard
CSS CoffeeScript

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.