1 files changed, 544 insertions, 0 deletions
diff --git a/uiframe-iui/src/main/resources/webroot/vendor/ict/dashboard-jq/assets/js/c3-angular.js b/uiframe-iui/src/main/resources/webroot/vendor/ict/dashboard-jq/assets/js/c3-angular.js
new file mode 100644
index 00000000..6f2fd359
--- /dev/null
+++ b/uiframe-iui/src/main/resources/webroot/vendor/ict/dashboard-jq/assets/js/c3-angular.js
@@ -0,0 +1,544 @@
+/*! c3-angular - v0.1.0 - 2015-01-01
+ * https://github.com/jettro/c3-angular-sample
+ * Copyright (c) 2015 ; Licensed  */
+angular.module('gridshore.c3js.chart', [])
+    .controller('ChartController', ['$scope', function ($scope) {
+        $scope.chart = null;
+        $scope.columns = [];
+        $scope.types = {};
+        $scope.axis = {};
+        $scope.axes = {};
+        $scope.xValues = null;
+        $scope.xTick = null;
+        $scope.names = null;
+        $scope.colors = null;
+        $scope.grid = null;
+        $scope.legend = null;
+        $scope.tooltip = null;
+        $scope.chartSize = null;
+        $scope.colors = null;
+        $scope.jsonKeys = null;
+
+        this.showGraph = function () {
+            var config = {};
+            config.bindto = "#" + $scope.bindto;
+            config.data = {};
+
+            if ($scope.xValues) {
+                config.data.x = $scope.xValues;
+            }
+            if ($scope.columns) {
+                config.data.columns = $scope.columns;
+            }
+            config.data.types = $scope.types;
+            config.data.axes = $scope.axes;
+            if ($scope.names) {
+                config.data.names = $scope.names;
+            }
+            if ($scope.colors) {
+                config.data.colors = $scope.colors;
+            }
+            if ($scope.showLabels && $scope.showLabels === "true") {
+                config.data.labels = true;
+            }
+            if ($scope.showSubchart && $scope.showSubchart === "true") {
+                config.subchart = {"show": true};
+            }
+            if ($scope.enableZoom && $scope.enableZoom === "true") {
+                config.zoom = {"enabled": true};
+            }
+            config.axis = $scope.axis;
+            if ($scope.xTick) {
+                config.axis.x.tick = $scope.xTick;
+            }
+            if ($scope.grid != null) {
+                config.grid = $scope.grid;
+            }
+            if ($scope.legend != null) {
+                config.legend = $scope.legend;
+            }
+            if ($scope.tooltip != null) {
+                config.tooltip = $scope.tooltip;
+            }
+            if ($scope.chartSize != null) {
+                config.size = $scope.chartSize;
+            }
+            if ($scope.colors != null) {
+                config.color = {"pattern": $scope.colors};
+            }
+
+            $scope.config = config;
+
+            if ($scope.chartData && $scope.chartColumns) {
+                $scope.$watchCollection('chartData', function () {
+                    loadChartData();
+                });
+            } else {
+                $scope.chart = c3.generate($scope.config);
+            }
+        };
+
+        this.addColumn = function (column, columnType, columnName, columnColor) {
+            $scope.columns.push(column);
+            addColumnProperties(column[0], columnType, columnName, columnColor);
+        };
+
+        this.addYAxis = function (yAxis) {
+            $scope.axes = yAxis;
+            if (!$scope.axis.y2) {
+                $scope.axis.y2 = {"show": true};
+            }
+        };
+
+        this.addXAxisValues = function (xValues) {
+            $scope.xValues = xValues;
+        };
+
+        this.addAxisProperties = function (id, axis) {
+            $scope.axis[id] = axis;
+        };
+
+        this.addXTick = function (tick) {
+            $scope.xTick = tick;
+        };
+
+        this.rotateAxis = function () {
+            $scope.axis.rotated = true;
+        };
+
+        this.addGrid = function (axis) {
+            if ($scope.grid == null) {
+                $scope.grid = {};
+            }
+            if ($scope.grid[axis] == null) {
+                $scope.grid[axis] = {};
+            }
+            $scope.grid[axis].show = true;
+        };
+
+        this.addGridLine = function (axis, value, text) {
+            if ($scope.grid == null) {
+                $scope.grid = {};
+            }
+            if (axis === "x") {
+                if ($scope.grid.x === undefined) {
+                    $scope.grid.x = {};
+                }
+                if ($scope.grid.x.lines === undefined) {
+                    $scope.grid.x.lines = [];
+                }
+            } else {
+                if ($scope.grid.y === undefined) {
+                    $scope.grid.y = {};
+                }
+                if ($scope.grid.y.lines === undefined) {
+                    $scope.grid.y.lines = [];
+                }
+
+            }
+            if (axis === "y2") {
+                $scope.grid.y.lines.push({"value": value, "text": text, "axis": "y2"});
+            } else {
+                $scope.grid[axis].lines.push({"value": value, "text": text});
+            }
+        };
+
+        this.addLegend = function (legend) {
+            $scope.legend = legend;
+        };
+
+        this.addTooltip = function (tooltip) {
+            $scope.tooltip = tooltip;
+        };
+
+        this.addSize = function (chartSize) {
+            $scope.chartSize = chartSize;
+        };
+
+        this.addColors = function (colors) {
+            $scope.colors = colors;
+        };
+
+        function addColumnProperties(id, columnType, columnName, columnColor) {
+            if (columnType !== undefined) {
+                $scope.types[id] = columnType;
+            }
+            if (columnName !== undefined) {
+                if ($scope.names === null) {
+                    $scope.names = {};
+                }
+                $scope.names[id] = columnName;
+            }
+            if (columnColor !== undefined) {
+                if ($scope.colors === null) {
+                    $scope.colors = {};
+                }
+                $scope.colors[id] = columnColor;
+            }
+        }
+
+        function loadChartData() {
+            $scope.jsonKeys = {};
+            $scope.jsonKeys.value = [];
+            angular.forEach($scope.chartColumns, function (column) {
+                $scope.jsonKeys.value.push(column.id);
+                addColumnProperties(column.id, column.type, column.name, column.color);
+            });
+            if ($scope.chartX) {
+                $scope.jsonKeys.x = $scope.chartX.id;
+            }
+            if ($scope.names) {
+                $scope.config.data.names = $scope.names;
+            }
+            if ($scope.colors) {
+                $scope.config.data.colors = $scope.colors;
+            }
+
+            $scope.config.data.keys = $scope.jsonKeys;
+            $scope.config.data.json = $scope.chartData;
+
+            $scope.chart = c3.generate($scope.config);
+
+            // $scope.chart.load(data);
+        }
+    }])
+    .directive('c3chart', ['$timeout', function ($timeout) {
+        var chartLinker = function (scope, element, attrs, chartCtrl) {
+            // Trick to wait for all rendering of the DOM to be finished.
+            $timeout(function () {
+                chartCtrl.showGraph();
+            });
+        };
+
+        return {
+            "restrict": "E",
+            "controller": "ChartController",
+            "scope": {
+                "bindto": "@bindtoId",
+                "showLabels": "@showLabels",
+                "showSubchart": "@showSubchart",
+                "enableZoom": "@enableZoom",
+                "chartData": "=chartData",
+                "chartColumns": "=chartColumns",
+                "chartX": "=chartX"
+            },
+            "template": "<div><div id='{{bindto}}'></div><div ng-transclude></div></div>",
+            "replace": true,
+            "transclude": true,
+            "link": chartLinker
+        };
+    }])
+    .directive('chartColumn', function () {
+        var columnLinker = function (scope, element, attrs, chartCtrl) {
+            var column = attrs.columnValues.split(",");
+            column.unshift(attrs.columnId);
+            chartCtrl.addColumn(column, attrs.columnType, attrs.columnName, attrs.columnColor);
+        };
+
+        return {
+            "require": "^c3chart",
+            "restrict": "E",
+            "scope": {},
+            "replace": true,
+            "link": columnLinker
+        };
+    })
+    .directive('chartAxes', function () {
+        var axesLinker = function (scope, element, attrs, chartCtrl) {
+            var x = attrs.valuesX;
+            if (x) {
+                chartCtrl.addXAxisValues(x);
+            }
+
+            var y = attrs.y;
+            var y2 = attrs.y2;
+            var yAxis = {};
+            if (y2) {
+                var items = y2.split(",");
+                for (var item in items) {
+                    yAxis[items[item]] = "y2";
+                }
+                if (y) {
+                    var yItems = y.split(",");
+                    for (var yItem in yItems) {
+                        yAxis[yItems[yItem]] = "y";
+                    }
+                }
+                chartCtrl.addYAxis(yAxis);
+            }
+        };
+
+        return {
+            "require": "^c3chart",
+            "restrict": "E",
+            "scope": {},
+            "replace": true,
+            "link": axesLinker
+        };
+    })
+    .directive('chartAxis', function () {
+        var axisLinker = function (scope, element, attrs, chartCtrl) {
+            var rotate = attrs.axisRotate;
+            if (rotate) {
+                chartCtrl.rotateAxis();
+            }
+        };
+
+        return {
+            "require": "^c3chart",
+            "restrict": "E",
+            "scope": {},
+            "transclude": true,
+            "template": "<div ng-transclude></div>",
+            "replace": true,
+            "link": axisLinker
+        };
+    })
+    .directive('chartAxisX', function () {
+        var axisLinker = function (scope, element, attrs, chartCtrl) {
+            var position = attrs.axisPosition;
+            var label = attrs.axisLabel;
+
+            var axis = {"label": {"text": label, "position": position}};
+
+            var type = attrs.axisType;
+            if (type) {
+                axis.type = type;
+            }
+            // TODO has a strange effect on the graph, need to evaluate
+            var height = attrs.axisHeight;
+            if (height) {
+                axis.height = height;
+            }
+            chartCtrl.addAxisProperties('x', axis);
+        };
+
+        return {
+            "require": "^c3chart",
+            "restrict": "E",
+            "scope": {},
+            "transclude": true,
+            "template": "<div ng-transclude></div>",
+            "replace": true,
+            "link": axisLinker
+        };
+    })
+    .directive('chartAxisY', function () {
+        var axisLinker = function (scope, element, attrs, chartCtrl) {
+            var id = attrs.axisId;
+            var position = attrs.axisPosition;
+            var label = attrs.axisLabel;
+
+            var axis = {"label": {"text": label, "position": position}};
+            if (id === 'y2') {
+                axis.show = true;
+            }
+            var paddingTop = attrs.paddingTop;
+            var paddingBottom = attrs.paddingBottom;
+            if (paddingTop || paddingBottom) {
+                paddingTop = (paddingTop) ? paddingTop : 0;
+                paddingBottom = (paddingBottom) ? paddingBottom : 0;
+                axis.padding = {"top": parseInt(paddingTop), "bottom": parseInt(paddingBottom)};
+            }
+            var rangeMax = attrs.rangeMax;
+            var rangeMin = attrs.rangeMin;
+            if (rangeMax) {
+                axis.max = parseInt(rangeMax);
+            }
+            if (rangeMin) {
+                axis.min = parseInt(rangeMin);
+            }
+
+            chartCtrl.addAxisProperties(id, axis);
+        };
+
+        return {
+            "require": "^c3chart",
+            "restrict": "E",
+            "scope": {},
+            "replace": true,
+            "link": axisLinker
+        };
+    })
+    .directive('chartGrid', function () {
+        var gridLinker = function (scope, element, attrs, chartCtrl) {
+            var showX = attrs.showX;
+            if (showX && showX === "true") {
+                chartCtrl.addGrid("x");
+            }
+            var showY = attrs.showY;
+            if (showY && showY === "true") {
+                chartCtrl.addGrid("y");
+            }
+            var showY2 = attrs.showY2;
+            if (showY2 && showY2 === "true") {
+                chartCtrl.addGrid("y2");
+            }
+        };
+
+        return {
+            "require": "^c3chart",
+            "restrict": "E",
+            "scope": {},
+            "replace": true,
+            "link": gridLinker,
+            "transclude": true,
+            "template": "<div ng-transclude></div>"
+        };
+    })
+    .directive('chartGridOptional', function () {
+        var gridLinker = function (scope, element, attrs, chartCtrl) {
+            var axisId = attrs.axisId;
+            var value = attrs.gridValue;
+            var text = attrs.gridText;
+
+            chartCtrl.addGridLine(axisId, value, text);
+        };
+
+        return {
+            "require": "^c3chart",
+            "restrict": "E",
+            "scope": {},
+            "replace": true,
+            "link": gridLinker
+        };
+    })
+    .directive('chartAxisXTick', function () {
+        var tickLinker = function (scope, element, attrs, chartCtrl) {
+            var tick = {};
+
+            var count = attrs.tickCount;
+            if (count) {
+                tick.count = count;
+            }
+
+            // TODO, dit lijkt nog niet echt iets te doen
+            var format = attrs.tickFormat;
+            if (format) {
+                tick.format = format;
+            }
+
+            var culling = attrs.tickCulling;
+            if (culling) {
+                tick.culling = culling;
+            }
+
+            var rotate = attrs.tickRotate;
+            if (rotate) {
+                tick.rotate = rotate;
+            }
+
+            var fit = attrs.tickFit;
+            if (fit) {
+                tick.fit = fit;
+            }
+
+            chartCtrl.addXTick(tick);
+        };
+
+        return {
+            "require": "^c3chart",
+            "restrict": "E",
+            "scope": {},
+            "replace": true,
+            "link": tickLinker
+        };
+
+    })
+    .directive('chartLegend', function () {
+        var legendLinker = function (scope, element, attrs, chartCtrl) {
+            var legend = null;
+            var show = attrs.showLegend;
+            if (show && show === "false") {
+                legend = {"show": false};
+            } else {
+                var position = attrs.legendPosition;
+                if (position) {
+                    legend = {"position": position};
+                }
+            }
+
+            if (legend != null) {
+                chartCtrl.addLegend(legend);
+            }
+        };
+
+        return {
+            "require": "^c3chart",
+            "restrict": "E",
+            "scope": {},
+            "replace": true,
+            "link": legendLinker
+        };
+
+    })
+    .directive('chartTooltip', function () {
+        var tooltipLinker = function (scope, element, attrs, chartCtrl) {
+            var tooltip = null;
+            var show = attrs.showTooltip;
+            if (show && show === "false") {
+                tooltip = {"show": false};
+            } else {
+                var grouped = attrs.groupTooltip;
+                if (grouped && grouped === "false") {
+                    tooltip = {"grouped": false};
+                }
+            }
+
+            if (tooltip != null) {
+                chartCtrl.addTooltip(tooltip);
+            }
+        };
+
+        return {
+            "require": "^c3chart",
+            "restrict": "E",
+            "scope": {},
+            "replace": true,
+            "link": tooltipLinker
+        };
+
+    })
+    .directive('chartSize', function () {
+        var sizeLinker = function (scope, element, attrs, chartCtrl) {
+            var chartSize = null;
+            var width = attrs.chartWidth;
+            var height = attrs.chartHeight;
+            if (width || height) {
+                chartSize = {};
+                if (width) {
+                    chartSize.width = parseInt(width);
+                }
+                if (height) {
+                    chartSize.height = parseInt(height);
+                }
+                chartCtrl.addSize(chartSize);
+            }
+        };
+
+        return {
+            "require": "^c3chart",
+            "restrict": "E",
+            "scope": {},
+            "replace": true,
+            "link": sizeLinker
+        };
+
+    })
+    .directive('chartColors', function () {
+        var colorsLinker = function (scope, element, attrs, chartCtrl) {
+            var pattern = attrs.colorPattern;
+            if (pattern) {
+                chartCtrl.addColors(pattern.split(","));
+            }
+        };
+
+        return {
+            "require": "^c3chart",
+            "restrict": "E",
+            "scope": {},
+            "replace": true,
+            "link": colorsLinker
+        };
+
+    });
+\ No newline at end of file