@quartic/bokehjs/src/vendor/slick-grid-2.1.0/slick.formatters.js

Interactive, novel data visualization

/***
 * Contains basic SlickGrid formatters.
 *
 * NOTE:  These are merely examples.  You will most likely need to implement something more
 *        robust/extensible/localizable/etc. for your use!
 *
 * @module Formatters
 * @namespace Slick
 */

var $ = require("jquery");

function PercentCompleteFormatter(row, cell, value, columnDef, dataContext) {
  if (value == null || value === "") {
    return "-";
  } else if (value < 50) {
    return "<span style='color:red;font-weight:bold;'>" + value + "%</span>";
  } else {
    return "<span style='color:green'>" + value + "%</span>";
  }
}

function PercentCompleteBarFormatter(row, cell, value, columnDef, dataContext) {
  if (value == null || value === "") {
    return "";
  }

  var color;

  if (value < 30) {
    color = "red";
  } else if (value < 70) {
    color = "silver";
  } else {
    color = "green";
  }

  return "<span class='percent-complete-bar' style='background:" + color + ";width:" + value + "%'></span>";
}

function YesNoFormatter(row, cell, value, columnDef, dataContext) {
  return value ? "Yes" : "No";
}

function CheckmarkFormatter(row, cell, value, columnDef, dataContext) {
  return value ? "<img src='../images/tick.png'>" : "";
}

module.exports = {
  PercentComplete: PercentCompleteFormatter,
  PercentCompleteBar: PercentCompleteBarFormatter,
  YesNo: YesNoFormatter,
  Checkmark: CheckmarkFormatter
};