kanaui 4.0.4 → 4.0.5

data/app/assets/javascripts/kanaui/kiddo/helper.js

@@ -1,16 +1,20 @@
-;(function(Kiddo, d3){
-  Kiddo.Helper = function(){
-    var formatCurrency = function(d) { return "$" + formatValue(d); };
+(function (Kiddo, d3) {
+  Kiddo.Helper = function () {
+    var formatCurrency = function (d) {
+      return "$" + formatValue(d);
+    };
     var formatValue = d3.format(",.2f");
 
     return {
       parseDate: d3.time.format("%Y-%m-%d").parse,
-      bisectDate: d3.bisector(function(d) { return d.x; }).left,
+      bisectDate: d3.bisector(function (d) {
+        return d.x;
+      }).left,
       formatCurrency: formatCurrency,
       formatValue: formatValue,
-      formatValueDisplay: function(name, d) {
+      formatValueDisplay: function (name, d) {
         return name + ": " + formatValue(d.y); // Add currency boolean on backend later -- formatCurrency(d.y); }
-      }
-    }
+      },
+    };
   };
-})(window.Kiddo = window.Kiddo || {}, d3)
+})((window.Kiddo = window.Kiddo || {}), d3);

data/app/assets/javascripts/kanaui/kiddo/kiddo_initialize.js

@@ -1,11 +1,13 @@
-;(function(d3, $, window, document, undefined){
-  $(document).ready(function(){
-    if($('#chartAnchor').length == 0) { return; }
+(function (d3, $, window, document, undefined) {
+  $(document).ready(function () {
+    if ($("#chartAnchor").length == 0) {
+      return;
+    }
 
-    d3.json($('#chartAnchor').data('reports-path'), function(error, json){
-      $('#loading-spinner').remove();
+    d3.json($("#chartAnchor").data("reports-path"), function (error, json) {
+      $("#loading-spinner").remove();
 
-      var renderer = new Kiddo.Renderer('#chartAnchor');
+      var renderer = new Kiddo.Renderer("#chartAnchor");
 
       if (error) {
         ajaxErrorAlert(error);
@@ -14,34 +16,36 @@
 
       var data = json[0];
 
-      if (data === undefined ||
-          data.data === undefined ||
-          data.data.length == 0) {
+      if (
+        data === undefined ||
+        data.data === undefined ||
+        data.data.length == 0
+      ) {
         return renderer.noData();
       }
 
-      var render = function(type){
-        switch(type){
-          case 'COUNTERS':
+      var render = function (type) {
+        switch (type) {
+          case "COUNTERS":
             renderer.pieChart(data);
             break;
-          case 'TIMELINE':
+          case "TIMELINE":
             renderer.lineChart(data);
             // Date controls only make sense for timelines
-            $('#date-controls').show();
+            $("#date-controls").show();
             break;
-          case 'TABLE':
+          case "TABLE":
             renderer.table(data);
             break;
           default:
-            console.log('No such type implemented: ' + type);
+            console.log("No such type implemented: " + type);
             renderer.noData();
         }
       };
 
-      try{
+      try {
         render(data.type);
-      } catch (ex){
+      } catch (ex) {
         console.log(ex);
         renderer.noData();
       }

data/app/assets/javascripts/kanaui/kiddo/renderer.js

@@ -1,39 +1,47 @@
-;(function(Kiddo, d3){
-  Kiddo.Renderer = function(selector){
+(function (Kiddo, d3) {
+  Kiddo.Renderer = function (selector) {
     this.element = d3.select(selector);
 
     var settings = Kiddo.Settings.apply(this);
     var helper = new Kiddo.Helper();
 
     var svg = this.element
-      .append('svg')
-        .attr('width', settings.raw_width)
-        .attr('height', settings.raw_height)
-        .attr('style', 'overflow: visible')
-      .append('g')
-        .attr('transform', 'translate(' + settings.margin_left + ',' + settings.margin_top + ')');
+      .append("svg")
+      .attr("width", settings.raw_width)
+      .attr("height", settings.raw_height)
+      .attr("style", "overflow: visible")
+      .append("g")
+      .attr(
+        "transform",
+        "translate(" + settings.margin_left + "," + settings.margin_top + ")"
+      );
 
     return {
-      lineChart: function(data){
+      lineChart: function (data) {
         var chart = Kiddo.LineChart.apply(settings);
         chart.render(svg, data);
       },
 
-      pieChart: function(data){var chart = Kiddo.PieChart.apply(settings);
+      pieChart: function (data) {
+        var chart = Kiddo.PieChart.apply(settings);
         chart.render(svg, data);
       },
 
-      table: function(data){
+      table: function (data) {
         svg.node().parentNode.remove();
-        new ReportsDataTables(null).buildTable(data['data'][0], $(selector));
+        new ReportsDataTables(null).buildTable(data["data"][0], $(selector));
       },
 
-      noData: function(){
-        svg.append('text')
-          .attr('class', 'chart-info')
-          .attr('transform', 'translate(' + settings.width / 2 + ',' + settings.height / 2 + ')')
-          .text('No data to display.');
-      }
+      noData: function () {
+        svg
+          .append("text")
+          .attr("class", "chart-info")
+          .attr(
+            "transform",
+            "translate(" + settings.width / 2 + "," + settings.height / 2 + ")"
+          )
+          .text("No data to display.");
+      },
     };
   };
-})(window.Kiddo = window.Kiddo || {}, d3);
+})((window.Kiddo = window.Kiddo || {}), d3);

data/app/assets/javascripts/kanaui/kiddo/settings.js

@@ -1,10 +1,13 @@
-;(function(Kiddo, d3){
-  Kiddo.Settings = function(){
-    var margin_top =  30,
+(function (Kiddo, d3) {
+  Kiddo.Settings = function () {
+    var margin_top = 30,
       margin_bottom = 40,
       margin_left = 50,
       margin_right = 150,
-      raw_width = parseInt(this.element.node().getBoundingClientRect().width, 10),
+      raw_width = parseInt(
+        this.element.node().getBoundingClientRect().width,
+        10
+      ),
       raw_height = 500;
 
     return {
@@ -15,7 +18,7 @@
       raw_width: raw_width,
       raw_height: raw_height,
       width: raw_width - margin_left - margin_right,
-      height: raw_height - margin_top - margin_bottom
-    }
+      height: raw_height - margin_top - margin_bottom,
+    };
   };
-})(window.Kiddo = window.Kiddo || {}, d3)
+})((window.Kiddo = window.Kiddo || {}), d3);

data/app/assets/javascripts/kanaui/reports.dataTables.js

@@ -1,127 +1,153 @@
 function ReportsDataTables(reports) {
-    this.reports = reports;
+  this.reports = reports;
 }
 
-ReportsDataTables.prototype.build = function(data, id, wrapper) {
-    log.debug('Building dataTable for id ' + id);
-    log.trace(data);
-
-    var dataTableWrapper = $('<div class="dataTableWrapper" id="dataTableWrapper-' + id + '"><h3>' + data['name'] + '</h3></div>');
-    wrapper.append(dataTableWrapper);
-
-    var dataTable = $('<table cellpadding="0" cellspacing="0" border="0" class="display" id="dataTable-' + id + '"></table>');
-    dataTableWrapper.append(dataTable);
-
-    var aaData = [];
-    for (var i in data['values']) {
-        aaData.push([data.values[i]['x'], data.values[i]['y']])
-    }
-
-    dataTable.DataTable({
-        "aaData": aaData,
-        "aoColumns": [
-            { "sTitle": "Date" },
-            { "sTitle": "Value" },
-        ]
+ReportsDataTables.prototype.build = function (data, id, wrapper) {
+  log.debug("Building dataTable for id " + id);
+  log.trace(data);
+
+  var dataTableWrapper = $(
+    '<div class="dataTableWrapper" id="dataTableWrapper-' +
+      id +
+      '"><h3>' +
+      data["name"] +
+      "</h3></div>"
+  );
+  wrapper.append(dataTableWrapper);
+
+  var dataTable = $(
+    '<table cellpadding="0" cellspacing="0" border="0" class="display" id="dataTable-' +
+      id +
+      '"></table>'
+  );
+  dataTableWrapper.append(dataTable);
+
+  var aaData = [];
+  for (var i in data["values"]) {
+    aaData.push([data.values[i]["x"], data.values[i]["y"]]);
+  }
+
+  dataTable.DataTable({
+    aaData: aaData,
+    aoColumns: [{ sTitle: "Date" }, { sTitle: "Value" }],
+  });
+};
+
+ReportsDataTables.prototype.buildTable = function (data, wrapper) {
+  var id = data["name"];
+  var dataTableWrapper = $(
+    '<div class="dataTableWrapper" id="dataTableWrapper-' + id + '"></div>'
+  );
+  wrapper.append(dataTableWrapper);
+
+  var dataTable = $(
+    '<table cellpadding="0" cellspacing="0" border="0" class="display" id="dataTable-' +
+      id +
+      '"></table>'
+  );
+  dataTableWrapper.append(dataTable);
+
+  var aaData = [];
+  for (var i in data["values"]) {
+    aaData.push(data["values"][i]);
+  }
+
+  var aoColumns = [];
+  var columnsVisible = [];
+  for (var i in data["header"]) {
+    var isVisible = isColumnVisible(data["header"][i]);
+    aoColumns.push({
+      sTitle: data["header"][i],
+      name: data["header"][i],
+      visible: isVisible,
     });
-}
+    if (isVisible) {
+      columnsVisible.push(data["header"][i]);
+    }
+  }
 
-ReportsDataTables.prototype.buildTable = function(data, wrapper) {
-    var id = data['name'];
-    var dataTableWrapper = $('<div class="dataTableWrapper" id="dataTableWrapper-' + id + '"></h3></div>');
-    wrapper.append(dataTableWrapper);
+  dataTable.DataTable({
+    aaData: aaData,
+    aoColumns: aoColumns,
+    scrollX: true,
+    sDom: 'C<"clear">lfrtip',
+  });
 
-    var dataTable = $('<table cellpadding="0" cellspacing="0" border="0" class="display" id="dataTable-' + id + '"></table>');
-    dataTableWrapper.append(dataTable);
+  dataTable.on("column-visibility.dt", function (e, settings, column, state) {
+    setColumnVisible(settings.aoColumns[column].name, state);
+  });
 
-    var aaData = [];
-    for (var i in data['values']) {
-        aaData.push(data['values'][i])
-    }
+  $("#copy-url").click(function (e) {
+    var pathPlusParams = $(this).data("reports-path");
+    var sPageURL = decodeURIComponent(pathPlusParams.substring(1)).split("?");
+    var params = sPageURL[1].split("&");
 
-    var aoColumns = [];
-    var columnsVisible = [];
-    for (var i in data['header']) {
-        var isVisible =  isColumnVisible(data['header'][i]);
-        aoColumns.push({ "sTitle": data['header'][i], "name": data['header'][i], "visible": isVisible })
-        if (isVisible) {
-            columnsVisible.push(data['header'][i]);
-        }
+    var columnsVisible = $("#visible-table-columns").val();
+    var placeholder = $("#url-placeholder");
+
+    var urlToShare = window.location.origin + "/" + sPageURL[0] + "?";
+    for (var i in params) {
+      var keyValue = params[i].split("=");
+      if (keyValue[0] == "columns") {
+        continue;
+      }
+      urlToShare += "&" + params[i];
     }
 
-    dataTable.DataTable({
-        "aaData": aaData,
-        "aoColumns": aoColumns,
-        "scrollX": true,
-        "sDom": 'C<"clear">lfrtip'
-    });
+    placeholder.val(urlToShare + "&columns=" + columnsVisible);
+    placeholder.removeClass("hidden");
+    placeholder.select();
 
-    dataTable.on( 'column-visibility.dt', function ( e, settings, column, state ) {
-        setColumnVisible(settings.aoColumns[column].name, state);
-    });
+    document.execCommand("Copy");
+    placeholder.addClass("hidden");
+    alert("URL copied into the clipboard!");
+  });
 
-    $("#copy-url").click(function(e){
-        var pathPlusParams = $(this).data("reports-path");
-        var sPageURL = decodeURIComponent(pathPlusParams.substring(1)).split('?');
-        var params = sPageURL[1].split('&');
-
-        var columnsVisible = $("#visible-table-columns").val();
-        var placeholder = $("#url-placeholder");
-
-        var urlToShare = window.location.origin + "/" + sPageURL[0] + "?";
-        for (var i in params) {
-            var keyValue = params[i].split('=');
-            if (keyValue[0] == 'columns') {
-                continue;
-            }
-            urlToShare += "&" + params[i];
-        }
-
-        placeholder.val(urlToShare + "&columns=" + columnsVisible);
-        placeholder.removeClass("hidden");
-        placeholder.select();
-
-        document.execCommand("Copy");
-        placeholder.addClass("hidden");
-        alert("URL copied into the clipboard!")
-    });
+  $("#visible-table-columns").val(columnsVisible.join());
+};
 
-    $("#visible-table-columns").val(columnsVisible.join());
-}
-
-ReportsDataTables.prototype.buildCSVURL = function(position) {
-    return this.reports.buildDataURL(position, 'csv');
-}
+ReportsDataTables.prototype.buildCSVURL = function (position) {
+  return this.reports.buildDataURL(position, "csv");
+};
 function setColumnVisible(column, isVisible) {
-    var columnsVisible = $("#visible-table-columns").val();
-    if (columnsVisible == undefined || columnsVisible == null || columnsVisible.length == 0) {
-        columnsVisible = [];
-    } else {
-        columnsVisible = (columnsVisible).split(",");
-    }
-
-    var columnIndex = columnsVisible.indexOf(column);
-    if (isVisible && columnIndex == -1) {
-        columnsVisible.push(column);
-    } else if (!isVisible && columnIndex != -1) {
-        columnsVisible.splice(columnIndex, 1);
-    }
-
-    $("#visible-table-columns").val(columnsVisible.join());
+  var columnsVisible = $("#visible-table-columns").val();
+  if (
+    columnsVisible == undefined ||
+    columnsVisible == null ||
+    columnsVisible.length == 0
+  ) {
+    columnsVisible = [];
+  } else {
+    columnsVisible = columnsVisible.split(",");
+  }
+
+  var columnIndex = columnsVisible.indexOf(column);
+  if (isVisible && columnIndex == -1) {
+    columnsVisible.push(column);
+  } else if (!isVisible && columnIndex != -1) {
+    columnsVisible.splice(columnIndex, 1);
+  }
+
+  $("#visible-table-columns").val(columnsVisible.join());
 }
 
 function isColumnVisible(column) {
-    var columnsVisible = $("#visible-table-columns").val();
-    if ((columnsVisible == undefined || columnsVisible == null || columnsVisible.length == 0) && column != 'tenant_record_id') {
-        return true;
-    }
-    columnsVisible = (columnsVisible).split(",");
-
-    for (var i in columnsVisible) {
-        if (columnsVisible[i] == column) {
-            return true;
-        }
+  var columnsVisible = $("#visible-table-columns").val();
+  if (
+    (columnsVisible == undefined ||
+      columnsVisible == null ||
+      columnsVisible.length == 0) &&
+    column != "tenant_record_id"
+  ) {
+    return true;
+  }
+  columnsVisible = columnsVisible.split(",");
+
+  for (var i in columnsVisible) {
+    if (columnsVisible[i] == column) {
+      return true;
     }
+  }
 
-    return false;
+  return false;
 }