gentelella-rails 0.1.0

data/assets/javascripts/jquery.flot.orderBars.js

@@ -0,0 +1,201 @@
+/*
+ * Flot plugin to order bars side by side.
+ *
+ * Released under the MIT license by Benjamin BUFFET, 20-Sep-2010.
+ * Modifications made by Steven Hall <github.com/emmerich>, 01-May-2013.
+ *
+ * This plugin is an alpha version.
+ *
+ * To activate the plugin you must specify the parameter "order" for the specific serie :
+ *
+ *  $.plot($("#placeholder"), [{ data: [ ... ], bars :{ order = null or integer }])
+ *
+ * If 2 series have the same order param, they are ordered by the position in the array;
+ *
+ * The plugin adjust the point by adding a value depanding of the barwidth
+ * Exemple for 3 series (barwidth : 0.1) :
+ *
+ *          first bar décalage : -0.15
+ *          second bar décalage : -0.05
+ *          third bar décalage : 0.05
+ *
+ */
+
+// INFO: decalage/decallage is French for gap. It's used to denote the spacing applied to each
+// bar.
+(function($){
+    function init(plot){
+        var orderedBarSeries;
+        var nbOfBarsToOrder;
+        var borderWidth;
+        var borderWidthInXabsWidth;
+        var pixelInXWidthEquivalent = 1;
+        var isHorizontal = false;
+
+        // A mapping of order integers to decallage.
+        var decallageByOrder = {};
+
+        /*
+         * This method add shift to x values
+         */
+        function reOrderBars(plot, serie, datapoints){
+            var shiftedPoints = null;
+
+            if(serieNeedToBeReordered(serie)){
+                checkIfGraphIsHorizontal(serie);
+                calculPixel2XWidthConvert(plot);
+                retrieveBarSeries(plot);
+                calculBorderAndBarWidth(serie);
+
+                if(nbOfBarsToOrder >= 2){
+                    var position = findPosition(serie);
+                    var decallage = 0;
+
+                    var centerBarShift = calculCenterBarShift();
+
+                    // If we haven't already calculated the decallage for this order value, do it.
+                    if(typeof decallageByOrder[serie.bars.order] === 'undefined') {
+                        if (isBarAtLeftOfCenter(position)){
+                            decallageByOrder[serie.bars.order] = -1*(sumWidth(orderedBarSeries,position-1,Math.floor(nbOfBarsToOrder / 2)-1)) - centerBarShift;
+                        }else{
+                            decallageByOrder[serie.bars.order] = sumWidth(orderedBarSeries,Math.ceil(nbOfBarsToOrder / 2),position-2) + centerBarShift + borderWidthInXabsWidth*2;
+                        }
+                    }
+
+                    // Lookup the decallage based on the series' order value.
+                    decallage = decallageByOrder[serie.bars.order];
+
+                    shiftedPoints = shiftPoints(datapoints,serie,decallage);
+                    datapoints.points = shiftedPoints;
+                }
+            }
+            return shiftedPoints;
+        }
+
+        function serieNeedToBeReordered(serie){
+            return serie.bars != null
+                && serie.bars.show
+                && serie.bars.order != null;
+        }
+
+        function calculPixel2XWidthConvert(plot){
+            var gridDimSize = isHorizontal ? plot.getPlaceholder().innerHeight() : plot.getPlaceholder().innerWidth();
+            var minMaxValues = isHorizontal ? getAxeMinMaxValues(plot.getData(),1) : getAxeMinMaxValues(plot.getData(),0);
+            var AxeSize = minMaxValues[1] - minMaxValues[0];
+            pixelInXWidthEquivalent = AxeSize / gridDimSize;
+        }
+
+        function getAxeMinMaxValues(series,AxeIdx){
+            var minMaxValues = new Array();
+            for(var i = 0; i < series.length; i++){
+                minMaxValues[0] = (series[i].data[0]) ? series[i].data[0][AxeIdx]: null;
+                minMaxValues[1] = (series[i].data[series[i].data.length - 1]) ? series[i].data[series[i].data.length - 1][AxeIdx]: null;
+            }
+            return minMaxValues;
+        }
+
+        function retrieveBarSeries(plot){
+            orderedBarSeries = findOthersBarsToReOrders(plot.getData());
+            nbOfBarsToOrder = orderedBarSeries.length;
+        }
+
+        function findOthersBarsToReOrders(series){
+            var retSeries = new Array();
+            var orderValuesSeen = [];
+
+            for(var i = 0; i < series.length; i++){
+                if(series[i].bars.order != null && series[i].bars.show &&
+                    orderValuesSeen.indexOf(series[i].bars.order) < 0){
+
+                    orderValuesSeen.push(series[i].bars.order);
+                    retSeries.push(series[i]);
+                }
+            }
+            return retSeries.sort(sortByOrder);
+        }
+
+        function sortByOrder(serie1,serie2){
+            var x = serie1.bars.order;
+            var y = serie2.bars.order;
+            return ((x < y) ? -1 : ((x > y) ? 1 : 0));
+        }
+
+        function  calculBorderAndBarWidth(serie){
+            borderWidth = typeof serie.bars.lineWidth !== 'undefined' ? serie.bars.lineWidth  : 2;
+            borderWidthInXabsWidth = borderWidth * pixelInXWidthEquivalent;
+        }
+
+        function checkIfGraphIsHorizontal(serie){
+            if(serie.bars.horizontal){
+                isHorizontal = true;
+            }
+        }
+
+        function findPosition(serie){
+            var pos = 0
+            for (var i = 0; i < orderedBarSeries.length; ++i) {
+                if (serie == orderedBarSeries[i]){
+                    pos = i;
+                    break;
+                }
+            }
+
+            return pos+1;
+        }
+
+        function calculCenterBarShift(){
+            var width = 0;
+
+            if(nbOfBarsToOrder%2 != 0)
+                width = (orderedBarSeries[Math.ceil(nbOfBarsToOrder / 2)].bars.barWidth)/2;
+
+            return width;
+        }
+
+        function isBarAtLeftOfCenter(position){
+            return position <= Math.ceil(nbOfBarsToOrder / 2);
+        }
+
+        function sumWidth(series,start,end){
+            var totalWidth = 0;
+
+            for(var i = start; i <= end; i++){
+                totalWidth += series[i].bars.barWidth+borderWidthInXabsWidth*2;
+            }
+
+            return totalWidth;
+        }
+
+        function shiftPoints(datapoints,serie,dx){
+            var ps = datapoints.pointsize;
+            var points = datapoints.points;
+            var j = 0;
+            for(var i = isHorizontal ? 1 : 0;i < points.length; i += ps){
+                points[i] += dx;
+                //Adding the new x value in the serie to be abble to display the right tooltip value,
+                //using the index 3 to not overide the third index.
+                serie.data[j][3] = points[i];
+                j++;
+            }
+
+            return points;
+        }
+
+        plot.hooks.processDatapoints.push(reOrderBars);
+
+    }
+
+    var options = {
+        series : {
+            bars: {order: null} // or number/string
+        }
+    };
+
+    $.plot.plugins.push({
+        init: init,
+        options: options,
+        name: "orderBars",
+        version: "0.2"
+    });
+
+})(jQuery);

data/assets/javascripts/jquery.flot.order_bars.js

@@ -0,0 +1,201 @@
+/*
+ * Flot plugin to order bars side by side.
+ *
+ * Released under the MIT license by Benjamin BUFFET, 20-Sep-2010.
+ * Modifications made by Steven Hall <github.com/emmerich>, 01-May-2013.
+ *
+ * This plugin is an alpha version.
+ *
+ * To activate the plugin you must specify the parameter "order" for the specific serie :
+ *
+ *  $.plot($("#placeholder"), [{ data: [ ... ], bars :{ order = null or integer }])
+ *
+ * If 2 series have the same order param, they are ordered by the position in the array;
+ *
+ * The plugin adjust the point by adding a value depanding of the barwidth
+ * Exemple for 3 series (barwidth : 0.1) :
+ *
+ *          first bar décalage : -0.15
+ *          second bar décalage : -0.05
+ *          third bar décalage : 0.05
+ *
+ */
+
+// INFO: decalage/decallage is French for gap. It's used to denote the spacing applied to each
+// bar.
+(function($){
+    function init(plot){
+        var orderedBarSeries;
+        var nbOfBarsToOrder;
+        var borderWidth;
+        var borderWidthInXabsWidth;
+        var pixelInXWidthEquivalent = 1;
+        var isHorizontal = false;
+
+        // A mapping of order integers to decallage.
+        var decallageByOrder = {};
+
+        /*
+         * This method add shift to x values
+         */
+        function reOrderBars(plot, serie, datapoints){
+            var shiftedPoints = null;
+
+            if(serieNeedToBeReordered(serie)){
+                checkIfGraphIsHorizontal(serie);
+                calculPixel2XWidthConvert(plot);
+                retrieveBarSeries(plot);
+                calculBorderAndBarWidth(serie);
+
+                if(nbOfBarsToOrder >= 2){
+                    var position = findPosition(serie);
+                    var decallage = 0;
+
+                    var centerBarShift = calculCenterBarShift();
+
+                    // If we haven't already calculated the decallage for this order value, do it.
+                    if(typeof decallageByOrder[serie.bars.order] === 'undefined') {
+                        if (isBarAtLeftOfCenter(position)){
+                            decallageByOrder[serie.bars.order] = -1*(sumWidth(orderedBarSeries,position-1,Math.floor(nbOfBarsToOrder / 2)-1)) - centerBarShift;
+                        }else{
+                            decallageByOrder[serie.bars.order] = sumWidth(orderedBarSeries,Math.ceil(nbOfBarsToOrder / 2),position-2) + centerBarShift + borderWidthInXabsWidth*2;
+                        }
+                    }
+
+                    // Lookup the decallage based on the series' order value.
+                    decallage = decallageByOrder[serie.bars.order];
+
+                    shiftedPoints = shiftPoints(datapoints,serie,decallage);
+                    datapoints.points = shiftedPoints;
+                }
+            }
+            return shiftedPoints;
+        }
+
+        function serieNeedToBeReordered(serie){
+            return serie.bars != null
+                && serie.bars.show
+                && serie.bars.order != null;
+        }
+
+        function calculPixel2XWidthConvert(plot){
+            var gridDimSize = isHorizontal ? plot.getPlaceholder().innerHeight() : plot.getPlaceholder().innerWidth();
+            var minMaxValues = isHorizontal ? getAxeMinMaxValues(plot.getData(),1) : getAxeMinMaxValues(plot.getData(),0);
+            var AxeSize = minMaxValues[1] - minMaxValues[0];
+            pixelInXWidthEquivalent = AxeSize / gridDimSize;
+        }
+
+        function getAxeMinMaxValues(series,AxeIdx){
+            var minMaxValues = new Array();
+            for(var i = 0; i < series.length; i++){
+                minMaxValues[0] = (series[i].data[0]) ? series[i].data[0][AxeIdx]: null;
+                minMaxValues[1] = (series[i].data[series[i].data.length - 1]) ? series[i].data[series[i].data.length - 1][AxeIdx]: null;
+            }
+            return minMaxValues;
+        }
+
+        function retrieveBarSeries(plot){
+            orderedBarSeries = findOthersBarsToReOrders(plot.getData());
+            nbOfBarsToOrder = orderedBarSeries.length;
+        }
+
+        function findOthersBarsToReOrders(series){
+            var retSeries = new Array();
+            var orderValuesSeen = [];
+
+            for(var i = 0; i < series.length; i++){
+                if(series[i].bars.order != null && series[i].bars.show &&
+                    orderValuesSeen.indexOf(series[i].bars.order) < 0){
+
+                    orderValuesSeen.push(series[i].bars.order);
+                    retSeries.push(series[i]);
+                }
+            }
+            return retSeries.sort(sortByOrder);
+        }
+
+        function sortByOrder(serie1,serie2){
+            var x = serie1.bars.order;
+            var y = serie2.bars.order;
+            return ((x < y) ? -1 : ((x > y) ? 1 : 0));
+        }
+
+        function  calculBorderAndBarWidth(serie){
+            borderWidth = typeof serie.bars.lineWidth !== 'undefined' ? serie.bars.lineWidth  : 2;
+            borderWidthInXabsWidth = borderWidth * pixelInXWidthEquivalent;
+        }
+
+        function checkIfGraphIsHorizontal(serie){
+            if(serie.bars.horizontal){
+                isHorizontal = true;
+            }
+        }
+
+        function findPosition(serie){
+            var pos = 0
+            for (var i = 0; i < orderedBarSeries.length; ++i) {
+                if (serie == orderedBarSeries[i]){
+                    pos = i;
+                    break;
+                }
+            }
+
+            return pos+1;
+        }
+
+        function calculCenterBarShift(){
+            var width = 0;
+
+            if(nbOfBarsToOrder%2 != 0)
+                width = (orderedBarSeries[Math.ceil(nbOfBarsToOrder / 2)].bars.barWidth)/2;
+
+            return width;
+        }
+
+        function isBarAtLeftOfCenter(position){
+            return position <= Math.ceil(nbOfBarsToOrder / 2);
+        }
+
+        function sumWidth(series,start,end){
+            var totalWidth = 0;
+
+            for(var i = start; i <= end; i++){
+                totalWidth += series[i].bars.barWidth+borderWidthInXabsWidth*2;
+            }
+
+            return totalWidth;
+        }
+
+        function shiftPoints(datapoints,serie,dx){
+            var ps = datapoints.pointsize;
+            var points = datapoints.points;
+            var j = 0;
+            for(var i = isHorizontal ? 1 : 0;i < points.length; i += ps){
+                points[i] += dx;
+                //Adding the new x value in the serie to be abble to display the right tooltip value,
+                //using the index 3 to not overide the third index.
+                serie.data[j][3] = points[i];
+                j++;
+            }
+
+            return points;
+        }
+
+        plot.hooks.processDatapoints.push(reOrderBars);
+
+    }
+
+    var options = {
+        series : {
+            bars: {order: null} // or number/string
+        }
+    };
+
+    $.plot.plugins.push({
+        init: init,
+        options: options,
+        name: "orderBars",
+        version: "0.2"
+    });
+
+})(jQuery);

data/assets/javascripts/jquery.flot.spline.js

@@ -0,0 +1,212 @@
+/**
+ * Flot plugin that provides spline interpolation for line graphs
+ * author: Alex Bardas < alex.bardas@gmail.com >
+ * modified by: Avi Kohn https://github.com/AMKohn
+ * based on the spline interpolation described at:
+ *     http://scaledinnovation.com/analytics/splines/aboutSplines.html
+ *
+ * Example usage: (add in plot options series object)
+ *    for linespline:
+ *      series: {
+ *        ...
+ *        lines: {
+ *          show: false
+ *        },
+ *        splines: {
+ *          show: true,
+ *          tension: x, (float between 0 and 1, defaults to 0.5),
+ *          lineWidth: y (number, defaults to 2),
+ *          fill: z (float between 0 .. 1 or false, as in flot documentation)
+ *        },
+ *        ...
+ *      }
+ *    areaspline:
+ *      series: {
+ *        ...
+ *        lines: {
+ *          show: true,
+ *          lineWidth: 0, (line drawing will not execute)
+ *          fill: x, (float between 0 .. 1, as in flot documentation)
+ *          ...
+ *        },
+ *        splines: {
+ *          show: true,
+ *          tension: 0.5 (float between 0 and 1)
+ *        },
+ *        ...
+ *      }
+ *
+ */
+
+(function($) {
+  'use strict'
+
+  /**
+   * @param {Number} x0, y0, x1, y1: coordinates of the end (knot) points of the segment
+   * @param {Number} x2, y2: the next knot (not connected, but needed to calculate p2)
+   * @param {Number} tension: control how far the control points spread
+   * @return {Array}: p1 -> control point, from x1 back toward x0
+   *          p2 -> the next control point, returned to become the next segment's p1
+   *
+   * @api private
+   */
+  function getControlPoints(x0, y0, x1, y1, x2, y2, tension) {
+
+    var pow = Math.pow,
+      sqrt = Math.sqrt,
+      d01, d12, fa, fb, p1x, p1y, p2x, p2y;
+
+    //  Scaling factors: distances from this knot to the previous and following knots.
+    d01 = sqrt(pow(x1 - x0, 2) + pow(y1 - y0, 2));
+    d12 = sqrt(pow(x2 - x1, 2) + pow(y2 - y1, 2));
+
+    fa = tension * d01 / (d01 + d12);
+    fb = tension - fa;
+
+    p1x = x1 + fa * (x0 - x2);
+    p1y = y1 + fa * (y0 - y2);
+
+    p2x = x1 - fb * (x0 - x2);
+    p2y = y1 - fb * (y0 - y2);
+
+    return [p1x, p1y, p2x, p2y];
+  }
+
+  var line = [];
+
+  function drawLine(points, ctx, height, fill, seriesColor) {
+    var c = $.color.parse(seriesColor);
+
+    c.a = typeof fill == "number" ? fill : .3;
+    c.normalize();
+    c = c.toString();
+
+    ctx.beginPath();
+    ctx.moveTo(points[0][0], points[0][1]);
+
+    var plength = points.length;
+
+    for (var i = 0; i < plength; i++) {
+      ctx[points[i][3]].apply(ctx, points[i][2]);
+    }
+
+    ctx.stroke();
+
+    ctx.lineWidth = 0;
+    ctx.lineTo(points[plength - 1][0], height);
+    ctx.lineTo(points[0][0], height);
+
+    ctx.closePath();
+    
+    if (fill !== false) {
+      ctx.fillStyle = c;
+      ctx.fill();
+    }
+  }
+
+  /**
+   * @param {Object} ctx: canvas context
+   * @param {String} type: accepted strings: 'bezier' or 'quadratic' (defaults to quadratic)
+   * @param {Array} points: 2 points for which to draw the interpolation
+   * @param {Array} cpoints: control points for those segment points
+   *
+   * @api private
+   */
+  function queue(ctx, type, points, cpoints) {
+    if (type === void 0 || (type !== 'bezier' && type !== 'quadratic')) {
+      type = 'quadratic';
+    }
+    type = type + 'CurveTo';
+
+    if (line.length == 0) line.push([points[0], points[1], cpoints.concat(points.slice(2)), type]);
+    else if (type == "quadraticCurveTo" && points.length == 2) {
+      cpoints = cpoints.slice(0, 2).concat(points);
+
+      line.push([points[0], points[1], cpoints, type]);
+    }
+    else line.push([points[2], points[3], cpoints.concat(points.slice(2)), type]);
+  }
+
+  /**
+   * @param {Object} plot
+   * @param {Object} ctx: canvas context
+   * @param {Object} series
+   *
+   * @api private
+   */
+
+  function drawSpline(plot, ctx, series) {
+    // Not interested if spline is not requested
+    if (series.splines.show !== true) {
+      return;
+    }
+
+    var cp = [],
+      // array of control points
+      tension = series.splines.tension || 0.5,
+      idx, x, y, points = series.datapoints.points,
+      ps = series.datapoints.pointsize,
+      plotOffset = plot.getPlotOffset(),
+      len = points.length,
+      pts = [];
+
+    line = [];
+
+    // Cannot display a linespline/areaspline if there are less than 3 points
+    if (len / ps < 4) {
+      $.extend(series.lines, series.splines);
+      return;
+    }
+
+    for (idx = 0; idx < len; idx += ps) {
+      x = points[idx];
+      y = points[idx + 1];
+      if (x == null || x < series.xaxis.min || x > series.xaxis.max || y < series.yaxis.min || y > series.yaxis.max) {
+        continue;
+      }
+
+      pts.push(series.xaxis.p2c(x) + plotOffset.left, series.yaxis.p2c(y) + plotOffset.top);
+    }
+
+    len = pts.length;
+
+    // Draw an open curve, not connected at the ends
+    for (idx = 0; idx < len - 2; idx += 2) {
+      cp = cp.concat(getControlPoints.apply(this, pts.slice(idx, idx + 6).concat([tension])));
+    }
+
+    ctx.save();
+    ctx.strokeStyle = series.color;
+    ctx.lineWidth = series.splines.lineWidth;
+
+    queue(ctx, 'quadratic', pts.slice(0, 4), cp.slice(0, 2));
+
+    for (idx = 2; idx < len - 3; idx += 2) {
+      queue(ctx, 'bezier', pts.slice(idx, idx + 4), cp.slice(2 * idx - 2, 2 * idx + 2));
+    }
+
+    queue(ctx, 'quadratic', pts.slice(len - 2, len), [cp[2 * len - 10], cp[2 * len - 9], pts[len - 4], pts[len - 3]]);
+
+    drawLine(line, ctx, plot.height() + 10, series.splines.fill, series.color);
+
+    ctx.restore();
+  }
+
+  $.plot.plugins.push({
+    init: function(plot) {
+      plot.hooks.drawSeries.push(drawSpline);
+    },
+    options: {
+      series: {
+        splines: {
+          show: false,
+          lineWidth: 2,
+          tension: 0.5,
+          fill: false
+        }
+      }
+    },
+    name: 'spline',
+    version: '0.8.2'
+  });
+})(jQuery);