io.buoyant.admin.js.src.bar_chart.js Maven / Gradle / Ivy

Go to download

Show more of this group Show more artifacts with this name
Show all versions of admin_2.12 Show documentation

admin

There is a newer version: 1.7.5

"use strict";

define([
  'jQuery',
  'lodash',
  'template/compiled_templates'
], function($, _, templates) {
  var template = templates.barchart;
  var barContainerWidth = 360; // px

  var defaultDisplayData = {
    percent: null,
    label: {
      description: "",
      value: null
    },
    warningLabel: null
  };
  var defaultTmplData = {
    color: "",
    barWidth: 0,
    barContainerWidth: barContainerWidth
  };

  function render($container, data, getBarDimensions) {
    if (!data) return;
    var tmplData = getBarDimensions(data);
    $container.html(template(tmplData));
  }

  return function($container, getColor) {
    barContainerWidth = $container.width() || barContainerWidth;
    render($container, null, getBarDimensions);

    function getBarDimensions(displayData) {
      if (!displayData) return _.merge({}, defaultDisplayData, defaultTmplData);
      var barWidth = Math.min(Math.round(displayData.percent * barContainerWidth), barContainerWidth);

      var barDimensions = {
        color: getColor(displayData.percent),
        barWidth: barWidth,
        barContainerWidth: barContainerWidth
      }

      return _.merge({}, displayData, barDimensions);
    }

    return {
      update: function(newData) {
        render($container, newData, getBarDimensions);
      }
    }
  }
});