';
+ html += '
';
+ html += '';
+ html += "";
+
+ html += '
' + seriesData.label + "";
+
+ if (showValues && tableLayout) {
+ var value = seriesData.legendData;
+ if (panel.legend.values) {
+ html += '
' + ctrl.formatValue(value) + "
";
+ }
+ if (total) {
+ var pvalue = (value / total * 100).toFixed(decimal) + "%";
+ html += '
' + pvalue + "
";
+ }
+ }
+
+ html += "
';\n html += '
';\n html +=\n '';\n html += \"\";\n\n html +=\n '
' +\n seriesData.label +\n \"\";\n\n if (showValues && tableLayout) {\n var value = seriesData.legendData;\n if (panel.legend.values) {\n html +=\n '
' +\n ctrl.formatValue(value) +\n \"
\";\n }\n if (total) {\n var pvalue = (value / total * 100).toFixed(decimal) + \"%\";\n html += '
' + pvalue + \"
\";\n }\n }\n\n html += \"
No data points
';
+ elem.html(html);
+ }
+
+ function addPieChart() {
+ var width = elem.width();
+ var height = ctrl.height - getLegendHeight(ctrl.height);
+
+ var size = Math.min(width, height);
+
+ var plotCanvas = $('');
+ var plotCss = {
+ margin: 'auto',
+ position: 'relative',
+ paddingBottom: 20 + 'px',
+ height: size + 'px'
+ };
+
+ plotCanvas.css(plotCss);
+
+ var backgroundColor = $('body').css('background-color');
+
+ var options = {
+ legend: {
+ show: false
+ },
+ series: {
+ pie: {
+ show: true,
+ stroke: {
+ color: backgroundColor,
+ width: parseFloat(ctrl.panel.strokeWidth).toFixed(1)
+ },
+ label: {
+ show: ctrl.panel.legend.show && ctrl.panel.legendType === 'On graph',
+ formatter: formatter
+ },
+ highlight: {
+ opacity: 0.0
+ },
+ combine: {
+ threshold: ctrl.panel.combine.threshold,
+ label: ctrl.panel.combine.label
+ }
+ }
+ },
+ grid: {
+ hoverable: true,
+ clickable: false
+ }
+ };
+
+ if (panel.pieType === 'donut') {
+ options.series.pie.innerRadius = 0.5;
+ }
+
+ data = ctrl.data;
+
+ for (var i = 0; i < data.length; i++) {
+ var series = data[i];
+
+ // if hidden remove points
+ if (ctrl.hiddenSeries[series.label]) {
+ series.data = {};
+ }
+ }
+
+ if (panel.legend.sort) {
+ if (ctrl.panel.valueName !== panel.legend.sort) {
+ panel.legend.sort = ctrl.panel.valueName;
+ }
+ if (panel.legend.sortDesc === true) {
+ data.sort(function (a, b) {
+ return b.legendData - a.legendData;
+ });
+ } else {
+ data.sort(function (a, b) {
+ return a.legendData - b.legendData;
+ });
+ }
+ }
+
+ elem.html(plotCanvas);
+
+ $.plot(plotCanvas, data, options);
+ plotCanvas.bind("plothover", function (event, pos, item) {
+ if (!item) {
+ $tooltip.detach();
+ return;
+ }
+
+ var body;
+ var percent = parseFloat(item.series.percent).toFixed(2);
+ var formatted = ctrl.formatValue(item.series.data[0][1]);
+
+ body = '";
+
+ $tooltip.html(body).place_tt(pos.pageX + 20, pos.pageY);
+ });
+ }
+
+ function render(incrementRenderCounter) {
+ if (!ctrl.data) {
+ return;
+ }
+
+ data = ctrl.data;
+ panel = ctrl.panel;
+
+ if (0 == ctrl.data.length) {
+ noDataPoints();
+ } else {
+ addPieChart();
+ }
+
+ if (incrementRenderCounter) {
+ ctrl.renderingCompleted();
+ }
+ }
+ }
+
+ _export('default', link);
+
+ return {
+ setters: [function (_lodash) {
+ _ = _lodash.default;
+ }, function (_jquery) {
+ $ = _jquery.default;
+ }, function (_jqueryFlot) {}, function (_jqueryFlotPie) {}],
+ execute: function () {}
+ };
+});
+//# sourceMappingURL=rendering.js.map
diff --git a/roles/provision-metrics-apb/files/grafana-piechart-panel/dist/rendering.js.map b/roles/provision-metrics-apb/files/grafana-piechart-panel/dist/rendering.js.map
new file mode 100644
index 0000000..029c073
--- /dev/null
+++ b/roles/provision-metrics-apb/files/grafana-piechart-panel/dist/rendering.js.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../src/rendering.js"],"names":["link","scope","elem","attrs","ctrl","data","panel","find","$tooltip","$","events","on","render","legendType","setTimeout","getLegendHeight","panelHeight","legend","show","percentage","values","breakPoint","parseInt","total","length","Math","min","floor","formatter","label","slice","slice_data","decimal","start","fontSize","color","percentageDecimals","formatValue","percent","toFixed","noDataPoints","html","addPieChart","width","height","size","plotCanvas","plotCss","margin","position","paddingBottom","css","backgroundColor","options","series","pie","stroke","parseFloat","strokeWidth","highlight","opacity","combine","threshold","grid","hoverable","clickable","pieType","innerRadius","i","hiddenSeries","sort","valueName","sortDesc","a","b","legendData","plot","bind","event","pos","item","detach","body","formatted","place_tt","pageX","pageY","incrementRenderCounter","renderingCompleted","_"],"mappings":"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","file":"rendering.js","sourcesContent":["import _ from 'lodash';\nimport $ from 'jquery';\nimport 'jquery.flot';\nimport 'jquery.flot.pie';\n\nexport default function link(scope, elem, attrs, ctrl) {\n var data, panel;\n elem = elem.find('.piechart-panel__chart');\n var $tooltip = $('\";\n } else if (ctrl.panel.legend.percentage) {\n return start + slice.percent.toFixed(decimal) + \"%\";\n } else {\n return start + '';\n }\n }\n\n function noDataPoints() {\n var html = 'No data points
';\n elem.html(html);\n }\n\n function addPieChart() {\n var width = elem.width();\n var height = ctrl.height - getLegendHeight(ctrl.height);\n\n var size = Math.min(width, height);\n\n var plotCanvas = $('');\n var plotCss = {\n margin: 'auto',\n position: 'relative',\n paddingBottom: 20 + 'px',\n height: size + 'px'\n };\n\n plotCanvas.css(plotCss);\n\n var backgroundColor = $('body').css('background-color')\n\n var options = {\n legend: {\n show: false\n },\n series: {\n pie: {\n show: true,\n stroke: {\n color: backgroundColor,\n width: parseFloat(ctrl.panel.strokeWidth).toFixed(1)\n },\n label: {\n show: ctrl.panel.legend.show && ctrl.panel.legendType === 'On graph',\n formatter: formatter\n },\n highlight: {\n opacity: 0.0\n },\n combine: {\n threshold: ctrl.panel.combine.threshold,\n label: ctrl.panel.combine.label\n }\n }\n },\n grid: {\n hoverable: true,\n clickable: false\n }\n };\n\n if (panel.pieType === 'donut') {\n options.series.pie.innerRadius = 0.5;\n }\n\n data = ctrl.data;\n\n for (let i = 0; i < data.length; i++) {\n let series = data[i];\n\n // if hidden remove points\n if (ctrl.hiddenSeries[series.label]) {\n series.data = {};\n }\n }\n\n\n if (panel.legend.sort) {\n if (ctrl.panel.valueName !== panel.legend.sort) {\n panel.legend.sort = ctrl.panel.valueName;\n }\n if (panel.legend.sortDesc === true) {\n data.sort(function (a, b) {\n return b.legendData - a.legendData;\n });\n } else {\n data.sort(function (a, b) {\n return a.legendData - b.legendData;\n });\n }\n }\n\n elem.html(plotCanvas);\n\n $.plot(plotCanvas, data, options);\n plotCanvas.bind(\"plothover\", function (event, pos, item) {\n if (!item) {\n $tooltip.detach();\n return;\n }\n\n var body;\n var percent = parseFloat(item.series.percent).toFixed(2);\n var formatted = ctrl.formatValue(item.series.data[0][1]);\n\n body = '\";\n\n $tooltip.html(body).place_tt(pos.pageX + 20, pos.pageY);\n });\n }\n\n function render(incrementRenderCounter) {\n if (!ctrl.data) { return; }\n\n data = ctrl.data;\n panel = ctrl.panel;\n\n if (0 == ctrl.data.length) {\n noDataPoints();\n } else {\n addPieChart();\n }\n\n if (incrementRenderCounter) {\n ctrl.renderingCompleted();\n }\n }\n}\n\n"]}
\ No newline at end of file
diff --git a/roles/provision-metrics-apb/files/grafana-piechart-panel/dist/src/img/piechart-donut.png b/roles/provision-metrics-apb/files/grafana-piechart-panel/dist/src/img/piechart-donut.png
new file mode 100644
index 0000000..8e54878
Binary files /dev/null and b/roles/provision-metrics-apb/files/grafana-piechart-panel/dist/src/img/piechart-donut.png differ
diff --git a/roles/provision-metrics-apb/files/grafana-piechart-panel/dist/src/img/piechart-legend-on-graph.png b/roles/provision-metrics-apb/files/grafana-piechart-panel/dist/src/img/piechart-legend-on-graph.png
new file mode 100644
index 0000000..51dfcbc
Binary files /dev/null and b/roles/provision-metrics-apb/files/grafana-piechart-panel/dist/src/img/piechart-legend-on-graph.png differ
diff --git a/roles/provision-metrics-apb/files/grafana-piechart-panel/dist/src/img/piechart-legend-rhs.png b/roles/provision-metrics-apb/files/grafana-piechart-panel/dist/src/img/piechart-legend-rhs.png
new file mode 100644
index 0000000..9b018c3
Binary files /dev/null and b/roles/provision-metrics-apb/files/grafana-piechart-panel/dist/src/img/piechart-legend-rhs.png differ
diff --git a/roles/provision-metrics-apb/files/grafana-piechart-panel/dist/src/img/piechart-legend-under.png b/roles/provision-metrics-apb/files/grafana-piechart-panel/dist/src/img/piechart-legend-under.png
new file mode 100644
index 0000000..3284511
Binary files /dev/null and b/roles/provision-metrics-apb/files/grafana-piechart-panel/dist/src/img/piechart-legend-under.png differ
diff --git a/roles/provision-metrics-apb/files/grafana-piechart-panel/dist/src/img/piechart-options.png b/roles/provision-metrics-apb/files/grafana-piechart-panel/dist/src/img/piechart-options.png
new file mode 100644
index 0000000..117962e
Binary files /dev/null and b/roles/provision-metrics-apb/files/grafana-piechart-panel/dist/src/img/piechart-options.png differ
diff --git a/roles/provision-metrics-apb/files/grafana-piechart-panel/dist/src/img/piechart_logo_large.png b/roles/provision-metrics-apb/files/grafana-piechart-panel/dist/src/img/piechart_logo_large.png
new file mode 100644
index 0000000..21b7ab4
Binary files /dev/null and b/roles/provision-metrics-apb/files/grafana-piechart-panel/dist/src/img/piechart_logo_large.png differ
diff --git a/roles/provision-metrics-apb/files/grafana-piechart-panel/dist/src/img/piechart_logo_small.png b/roles/provision-metrics-apb/files/grafana-piechart-panel/dist/src/img/piechart_logo_small.png
new file mode 100644
index 0000000..10d49e4
Binary files /dev/null and b/roles/provision-metrics-apb/files/grafana-piechart-panel/dist/src/img/piechart_logo_small.png differ
diff --git a/roles/provision-metrics-apb/files/grafana-piechart-panel/package.json b/roles/provision-metrics-apb/files/grafana-piechart-panel/package.json
new file mode 100644
index 0000000..2b14143
--- /dev/null
+++ b/roles/provision-metrics-apb/files/grafana-piechart-panel/package.json
@@ -0,0 +1,30 @@
+{
+ "name": "piechart-panel",
+ "private": true,
+ "version": "1.0.0",
+ "description": "",
+ "repository": {
+ "type": "git",
+ "url": "git+https://github.com/grafana/piechart-panel.git"
+ },
+ "author": "",
+ "license": "ISC",
+ "devDependencies": {
+ "grunt": "^0.4.5",
+ "babel": "^6.5.1",
+ "grunt-babel": "^6.0.0",
+ "grunt-contrib-copy": "^0.8.2",
+ "grunt-contrib-watch": "^0.6.1",
+ "grunt-contrib-uglify": "^0.11.0",
+ "grunt-systemjs-builder": "^0.2.5",
+ "load-grunt-tasks": "^3.2.0",
+ "grunt-execute": "^0.2.2",
+ "grunt-contrib-clean": "0.6.0"
+ },
+ "dependencies": {
+ "babel-plugin-transform-es2015-modules-systemjs": "^6.5.0",
+ "babel-plugin-transform-es2015-for-of": "^6.5.0",
+ "babel-preset-es2015": "^6.5.0",
+ "lodash": "^4.0.0"
+ }
+}
diff --git a/roles/provision-metrics-apb/files/grafana-piechart-panel/src/css/piechart.dark.css b/roles/provision-metrics-apb/files/grafana-piechart-panel/src/css/piechart.dark.css
new file mode 100644
index 0000000..7bda621
--- /dev/null
+++ b/roles/provision-metrics-apb/files/grafana-piechart-panel/src/css/piechart.dark.css
@@ -0,0 +1,277 @@
+.piechart-panel {
+ display: flex;
+ flex-direction: column;
+ height: 100%;
+}
+
+.piechart-panel--legend-right {
+ flex-direction: row;
+}
+
+.piechart-panel--legend-right .piechart-legend {
+ flex: 0 1 10px;
+ height: 100%;
+}
+
+.piechart-panel--legend-right .piechart-legend-series {
+ display: block;
+ padding-left: 0px;
+}
+
+.piechart-panel--legend-right .piechart-legend-table .piechart-legend-series {
+ display: table-row;
+}
+
+.piechart-legend__container {
+ height: 100%;
+}
+
+.piechart-panel__chart {
+ position: relative;
+ cursor: crosshair;
+ flex-grow: 1;
+ top: 10px;
+}
+
+.datapoints-warning {
+ pointer: none;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ z-index: 10;
+ margin-top: -50px;
+ margin-left: -100px;
+ width: 200px;
+ text-align: center;
+ cursor: auto;
+ padding: 10px;
+}
+
+.piechart-legend {
+ flex: 0 1 auto;
+ margin: 0 1rem;
+ text-align: center;
+ padding-top: 6px;
+ position: relative;
+}
+
+.piechart-legend .popover-content {
+ padding: 0;
+}
+
+.piechart-legend-icon {
+ position: relative;
+ padding-right: 4px;
+ top: 1px;
+}
+
+.piechart-legend-icon,
+.piechart-legend-alias,
+.piechart-legend-value {
+ cursor: pointer;
+ float: left;
+ white-space: nowrap;
+ font-size: 85%;
+ text-align: left;
+ color: #d8d9da;
+}
+
+.piechart-legend-icon.current::before {
+ content: "Current: ";
+}
+
+.piechart-legend-icon.max::before {
+ content: "Max: ";
+}
+
+.piechart-legend-icon.min::before {
+ content: "Min: ";
+}
+
+.piechart-legend-icon.total::before {
+ content: "Total: ";
+}
+
+.piechart-legend-icon.avg::before {
+ content: "Avg: ";
+}
+
+.piechart-legend-alias.current::before {
+ content: "Current: ";
+}
+
+.piechart-legend-alias.max::before {
+ content: "Max: ";
+}
+
+.piechart-legend-alias.min::before {
+ content: "Min: ";
+}
+
+.piechart-legend-alias.total::before {
+ content: "Total: ";
+}
+
+.piechart-legend-alias.avg::before {
+ content: "Avg: ";
+}
+
+.piechart-legend-value.current::before {
+ content: "Current: ";
+}
+
+.piechart-legend-value.max::before {
+ content: "Max: ";
+}
+
+.piechart-legend-value.min::before {
+ content: "Min: ";
+}
+
+.piechart-legend-value.total::before {
+ content: "Total: ";
+}
+
+.piechart-legend-value.avg::before {
+ content: "Avg: ";
+}
+
+.piechart-legend-icon .fa {
+ font-size: 135%;
+ position: relative;
+ top: 1px;
+}
+
+.piechart-legend-series {
+ float: left;
+ white-space: nowrap;
+ padding-left: 10px;
+}
+
+.piechart-legend-series--right-y {
+ float: right;
+}
+
+.piechart-legend-value {
+ padding-left: 6px;
+}
+
+.piechart-legend-table tbody {
+ display: block;
+ overflow-y: auto;
+ overflow-x: hidden;
+ height: 100%;
+ padding-bottom: 1px;
+ padding-right: 5px;
+}
+
+.piechart-legend-table .piechart-legend-series {
+ display: table-row;
+ float: none;
+ padding-left: 0;
+}
+
+.piechart-legend-table .piechart-legend-series--right-y {
+ float: none;
+}
+
+.piechart-legend-table .piechart-legend-series--right-y .piechart-legend-alias::after {
+ content: "(right-y)";
+ padding: 0 5px;
+ color: #8e8e8e;
+}
+
+.piechart-legend-table td,
+.piechart-legend-alias,
+.piechart-legend-icon,
+.piechart-legend-value {
+ float: none;
+ display: table-cell;
+ white-space: nowrap;
+ padding: 2px 10px;
+ text-align: right;
+}
+
+.piechart-legend-table .piechart-legend-icon {
+ width: 5px;
+ padding: 0;
+ top: 0;
+}
+
+.piechart-legend-table .piechart-legend-icon .fa {
+ top: 4px;
+}
+
+.piechart-legend-table .piechart-legend-value {
+ padding-left: 15px;
+}
+
+.piechart-legend-table .piechart-legend-alias {
+ padding-left: 7px;
+ text-align: left;
+ width: 95%;
+ max-width: 650px;
+ text-overflow: ellipsis;
+ overflow: hidden;
+}
+
+.piechart-legend-table .piechart-legend-series:nth-child(odd) {
+ background: #262628;
+}
+
+.piechart-legend-table .piechart-legend-value.current::before {
+ content: "";
+}
+
+.piechart-legend-table .piechart-legend-value.max::before {
+ content: "";
+}
+
+.piechart-legend-table .piechart-legend-value.min::before {
+ content: "";
+}
+
+.piechart-legend-table .piechart-legend-value.total::before {
+ content: "";
+}
+
+.piechart-legend-table .piechart-legend-value.avg::before {
+ content: "";
+}
+
+.piechart-legend-table th {
+ text-align: right;
+ padding: 0px 10px 1px 0;
+ font-weight: bold;
+ color: #33b5e5;
+ font-size: 85%;
+ white-space: nowrap;
+}
+
+.piechart-legend-series-hidden .piechart-legend-value,
+.piechart-legend-series-hidden .piechart-legend-alias {
+ color: #8e8e8e;
+}
+
+.piechart-tooltip {
+ white-space: nowrap;
+ font-size:12px;
+ background-color: #141414;
+ color: #d8d9da;
+}
+
+.piechart-tooltip .piechart-tooltip-time {
+ text-align: center;
+ position: relative;
+ top: -3px;
+ padding: 0.2rem;
+ font-weight: bold;
+ color: #d8d9da;
+}
+
+.piechart-tooltip .piechart-tooltip-value {
+ display: table-cell;
+ font-weight: bold;
+ padding-left: 15px;
+ text-align: right;
+}
diff --git a/roles/provision-metrics-apb/files/grafana-piechart-panel/src/css/piechart.light.css b/roles/provision-metrics-apb/files/grafana-piechart-panel/src/css/piechart.light.css
new file mode 100644
index 0000000..4ba0f6e
--- /dev/null
+++ b/roles/provision-metrics-apb/files/grafana-piechart-panel/src/css/piechart.light.css
@@ -0,0 +1,281 @@
+.piechart-panel {
+ display: flex;
+ flex-direction: column;
+ height: 100%;
+}
+
+.piechart-panel--legend-right {
+ flex-direction: row;
+}
+
+.piechart-panel--legend-right .piechart-legend {
+ flex: 0 1 10px;
+ height: 100%;
+}
+
+_:-ms-fullscreen, :root .piechart-panel--legend-right .piechart-legend {
+ flex: 0 1 200px;
+}
+
+.piechart-panel--legend-right .piechart-legend-series {
+ display: block;
+ padding-left: 0px;
+}
+
+.piechart-panel--legend-right .piechart-legend-table .piechart-legend-series {
+ display: table-row;
+}
+
+.piechart-legend__container {
+ height: 100%;
+}
+
+.piechart-panel__chart {
+ position: relative;
+ cursor: crosshair;
+ flex-grow: 1;
+ top: 10px;
+}
+
+.datapoints-warning {
+ pointer: none;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ z-index: 10;
+ margin-top: -50px;
+ margin-left: -100px;
+ width: 200px;
+ text-align: center;
+ cursor: auto;
+ padding: 10px;
+}
+
+.piechart-legend {
+ flex: 0 1 auto;
+ margin: 0 1rem;
+ text-align: center;
+ padding-top: 6px;
+ position: relative;
+}
+
+.piechart-legend .popover-content {
+ padding: 0;
+}
+
+.piechart-legend-icon {
+ position: relative;
+ padding-right: 4px;
+ top: 1px;
+}
+
+.piechart-legend-icon,
+.piechart-legend-alias,
+.piechart-legend-value {
+ cursor: pointer;
+ float: left;
+ white-space: nowrap;
+ font-size: 85%;
+ text-align: left;
+ color: 52545c;
+}
+
+.piechart-legend-icon.current::before {
+ content: "Current: ";
+}
+
+.piechart-legend-icon.max::before {
+ content: "Max: ";
+}
+
+.piechart-legend-icon.min::before {
+ content: "Min: ";
+}
+
+.piechart-legend-icon.total::before {
+ content: "Total: ";
+}
+
+.piechart-legend-icon.avg::before {
+ content: "Avg: ";
+}
+
+.piechart-legend-alias.current::before {
+ content: "Current: ";
+}
+
+.piechart-legend-alias.max::before {
+ content: "Max: ";
+}
+
+.piechart-legend-alias.min::before {
+ content: "Min: ";
+}
+
+.piechart-legend-alias.total::before {
+ content: "Total: ";
+}
+
+.piechart-legend-alias.avg::before {
+ content: "Avg: ";
+}
+
+.piechart-legend-value.current::before {
+ content: "Current: ";
+}
+
+.piechart-legend-value.max::before {
+ content: "Max: ";
+}
+
+.piechart-legend-value.min::before {
+ content: "Min: ";
+}
+
+.piechart-legend-value.total::before {
+ content: "Total: ";
+}
+
+.piechart-legend-value.avg::before {
+ content: "Avg: ";
+}
+
+.piechart-legend-icon .fa {
+ font-size: 135%;
+ position: relative;
+ top: 1px;
+}
+
+.piechart-legend-series {
+ float: left;
+ white-space: nowrap;
+ padding-left: 10px;
+}
+
+.piechart-legend-series--right-y {
+ float: right;
+}
+
+.piechart-legend-value {
+ padding-left: 6px;
+}
+
+.piechart-legend-table tbody {
+ display: block;
+ overflow-y: auto;
+ overflow-x: hidden;
+ height: 100%;
+ padding-bottom: 1px;
+ padding-right: 5px;
+}
+
+.piechart-legend-table .piechart-legend-series {
+ display: table-row;
+ float: none;
+ padding-left: 0;
+}
+
+.piechart-legend-table .piechart-legend-series--right-y {
+ float: none;
+}
+
+.piechart-legend-table .piechart-legend-series--right-y .piechart-legend-alias::after {
+ content: "(right-y)";
+ padding: 0 5px;
+ color: #767980;
+}
+
+.piechart-legend-table td,
+.piechart-legend-alias,
+.piechart-legend-icon,
+.piechart-legend-value {
+ float: none;
+ display: table-cell;
+ white-space: nowrap;
+ padding: 2px 10px;
+ text-align: right;
+}
+
+.piechart-legend-table .piechart-legend-icon {
+ width: 5px;
+ padding: 0;
+ top: 0;
+}
+
+.piechart-legend-table .piechart-legend-icon .fa {
+ top: 4px;
+}
+
+.piechart-legend-table .piechart-legend-value {
+ padding-left: 15px;
+}
+
+.piechart-legend-table .piechart-legend-alias {
+ padding-left: 7px;
+ text-align: left;
+ width: 95%;
+ max-width: 650px;
+ text-overflow: ellipsis;
+ overflow: hidden;
+}
+
+.piechart-legend-table .piechart-legend-series:nth-child(odd) {
+ background: #dde4ed;
+}
+
+.piechart-legend-table .piechart-legend-value.current::before {
+ content: "";
+}
+
+.piechart-legend-table .piechart-legend-value.max::before {
+ content: "";
+}
+
+.piechart-legend-table .piechart-legend-value.min::before {
+ content: "";
+}
+
+.piechart-legend-table .piechart-legend-value.total::before {
+ content: "";
+}
+
+.piechart-legend-table .piechart-legend-value.avg::before {
+ content: "";
+}
+
+.piechart-legend-table th {
+ text-align: right;
+ padding: 0px 10px 1px 0;
+ font-weight: bold;
+ color: #61c2f2;
+ font-size: 85%;
+ white-space: nowrap;
+}
+
+.piechart-legend-series-hidden .piechart-legend-value,
+.piechart-legend-series-hidden .piechart-legend-alias {
+ color: #acb6bf;
+}
+
+.piechart-tooltip {
+ white-space: nowrap;
+ font-size: 12px;
+ background-color: #dde4ed;
+ color: #35373f;
+}
+
+.piechart-tooltip .piechart-tooltip-time {
+ text-align: center;
+ position: relative;
+ top: -3px;
+ padding: 0.2rem;
+ font-weight: bold;
+ color: #35373f;
+}
+
+.piechart-tooltip .piechart-tooltip-value {
+ display: table-cell;
+ font-weight: bold;
+ padding-left: 15px;
+ text-align: right;
+}
diff --git a/roles/provision-metrics-apb/files/grafana-piechart-panel/src/editor.html b/roles/provision-metrics-apb/files/grafana-piechart-panel/src/editor.html
new file mode 100644
index 0000000..6ee2e2c
--- /dev/null
+++ b/roles/provision-metrics-apb/files/grafana-piechart-panel/src/editor.html
@@ -0,0 +1,89 @@
+
diff --git a/roles/provision-metrics-apb/files/grafana-piechart-panel/src/img/piechart-donut.png b/roles/provision-metrics-apb/files/grafana-piechart-panel/src/img/piechart-donut.png
new file mode 100644
index 0000000..8e54878
Binary files /dev/null and b/roles/provision-metrics-apb/files/grafana-piechart-panel/src/img/piechart-donut.png differ
diff --git a/roles/provision-metrics-apb/files/grafana-piechart-panel/src/img/piechart-legend-on-graph.png b/roles/provision-metrics-apb/files/grafana-piechart-panel/src/img/piechart-legend-on-graph.png
new file mode 100644
index 0000000..51dfcbc
Binary files /dev/null and b/roles/provision-metrics-apb/files/grafana-piechart-panel/src/img/piechart-legend-on-graph.png differ
diff --git a/roles/provision-metrics-apb/files/grafana-piechart-panel/src/img/piechart-legend-rhs.png b/roles/provision-metrics-apb/files/grafana-piechart-panel/src/img/piechart-legend-rhs.png
new file mode 100644
index 0000000..9b018c3
Binary files /dev/null and b/roles/provision-metrics-apb/files/grafana-piechart-panel/src/img/piechart-legend-rhs.png differ
diff --git a/roles/provision-metrics-apb/files/grafana-piechart-panel/src/img/piechart-legend-under.png b/roles/provision-metrics-apb/files/grafana-piechart-panel/src/img/piechart-legend-under.png
new file mode 100644
index 0000000..3284511
Binary files /dev/null and b/roles/provision-metrics-apb/files/grafana-piechart-panel/src/img/piechart-legend-under.png differ
diff --git a/roles/provision-metrics-apb/files/grafana-piechart-panel/src/img/piechart-options.png b/roles/provision-metrics-apb/files/grafana-piechart-panel/src/img/piechart-options.png
new file mode 100644
index 0000000..117962e
Binary files /dev/null and b/roles/provision-metrics-apb/files/grafana-piechart-panel/src/img/piechart-options.png differ
diff --git a/roles/provision-metrics-apb/files/grafana-piechart-panel/src/img/piechart_logo_large.png b/roles/provision-metrics-apb/files/grafana-piechart-panel/src/img/piechart_logo_large.png
new file mode 100644
index 0000000..21b7ab4
Binary files /dev/null and b/roles/provision-metrics-apb/files/grafana-piechart-panel/src/img/piechart_logo_large.png differ
diff --git a/roles/provision-metrics-apb/files/grafana-piechart-panel/src/img/piechart_logo_small.png b/roles/provision-metrics-apb/files/grafana-piechart-panel/src/img/piechart_logo_small.png
new file mode 100644
index 0000000..10d49e4
Binary files /dev/null and b/roles/provision-metrics-apb/files/grafana-piechart-panel/src/img/piechart_logo_small.png differ
diff --git a/roles/provision-metrics-apb/files/grafana-piechart-panel/src/legend.js b/roles/provision-metrics-apb/files/grafana-piechart-panel/src/legend.js
new file mode 100644
index 0000000..6522a4d
--- /dev/null
+++ b/roles/provision-metrics-apb/files/grafana-piechart-panel/src/legend.js
@@ -0,0 +1,291 @@
+import angular from "angular";
+import kbn from "app/core/utils/kbn";
+import $ from "jquery";
+import "jquery.flot";
+import "jquery.flot.time";
+import PerfectScrollbar from "./lib/perfect-scrollbar.min";
+
+angular
+ .module("grafana.directives")
+ .directive("piechartLegend", function(popoverSrv, $timeout) {
+ return {
+ link: function(scope, elem) {
+ var $container = $('');
+ var firstRender = true;
+ var ctrl = scope.ctrl;
+ var panel = ctrl.panel;
+ var data;
+ var seriesList;
+ var dataList;
+ var i;
+ var legendScrollbar;
+
+ scope.$on("$destroy", function() {
+ if (legendScrollbar) {
+ legendScrollbar.destroy();
+ }
+ });
+
+ ctrl.events.on("render", function() {
+ data = ctrl.series;
+ if (data) {
+ for (var i in data) {
+ data[i].color = ctrl.data[i].color;
+ }
+ render();
+ }
+ });
+
+ function getSeriesIndexForElement(el) {
+ return el.parents("[data-series-index]").data("series-index");
+ }
+
+ function toggleSeries(e) {
+ var el = $(e.currentTarget);
+ var index = getSeriesIndexForElement(el);
+ var seriesInfo = dataList[index];
+ var scrollPosition = $($container.children("tbody")).scrollTop();
+ ctrl.toggleSeries(seriesInfo);
+ $($container.children("tbody")).scrollTop(scrollPosition);
+ }
+
+ function sortLegend(e) {
+ var el = $(e.currentTarget);
+ var stat = el.data("stat");
+
+ if (stat !== panel.legend.sort) {
+ panel.legend.sortDesc = null;
+ }
+
+ // if already sort ascending, disable sorting
+ if (panel.legend.sortDesc === false) {
+ panel.legend.sort = null;
+ panel.legend.sortDesc = null;
+ ctrl.render();
+ return;
+ }
+
+ panel.legend.sortDesc = !panel.legend.sortDesc;
+ panel.legend.sort = stat;
+ ctrl.render();
+ }
+
+ function getLegendHeaderHtml(statName) {
+ var name = statName;
+
+ if (panel.legend.header) {
+ name = panel.legend.header;
+ }
+
+ var html = '' + name;
+
+ if (panel.legend.sort === statName) {
+ var cssClass = panel.legend.sortDesc
+ ? "fa fa-caret-down"
+ : "fa fa-caret-up";
+ html += ' ';
+ }
+
+ return html + " | ";
+ }
+
+ function getLegendPercentageHtml(statName) {
+ var name = "percentage";
+ var html = '' + name;
+
+ if (panel.legend.sort === statName) {
+ var cssClass = panel.legend.sortDesc
+ ? "fa fa-caret-down"
+ : "fa fa-caret-up";
+ html += ' ';
+ }
+
+ return html + " | ";
+ }
+
+ function openColorSelector(e) {
+ // if we clicked inside poup container ignore click
+ if ($(e.target).parents(".popover").length) {
+ return;
+ }
+
+ var el = $(e.currentTarget).find(".fa-minus");
+ var index = getSeriesIndexForElement(el);
+ var series = seriesList[index];
+
+ $timeout(function() {
+ popoverSrv.show({
+ element: el[0],
+ position: "bottom center",
+ template:
+ '' +
+ "",
+ openOn: "hover",
+ model: {
+ autoClose: true,
+ series: series,
+ toggleAxis: function() {},
+ colorSelected: function(color) {
+ ctrl.changeSeriesColor(series, color);
+ }
+ }
+ });
+ });
+ }
+
+ function render() {
+ if (panel.legendType === "On graph" || !panel.legend.show) {
+ $container.empty();
+ elem.find(".piechart-legend").css("padding-top", 0);
+ return;
+ } else {
+ elem.find(".piechart-legend").css("padding-top", 6);
+ }
+
+
+ if (firstRender) {
+ elem.append($container);
+ $container.on("click", ".piechart-legend-icon", openColorSelector);
+ $container.on("click", ".piechart-legend-alias", toggleSeries);
+ $container.on("click", "th", sortLegend);
+ firstRender = false;
+ }
+
+ seriesList = data;
+ dataList = ctrl.data;
+
+ $container.empty();
+
+ var width = panel.legendType == "Right side" && panel.legend.sideWidth ? panel.legend.sideWidth + "px" : "";
+ var ieWidth = panel.legendType == "Right side" && panel.legend.sideWidth ? panel.legend.sideWidth - 1 + "px" : "";
+ elem.css("min-width", width);
+ elem.css("width", ieWidth);
+
+ var showValues = panel.legend.values || panel.legend.percentage;
+ var tableLayout =
+ (panel.legendType === "Under graph" ||
+ panel.legendType === "Right side") &&
+ showValues;
+
+ $container.toggleClass("piechart-legend-table", tableLayout);
+
+ var legendHeader;
+ if (tableLayout) {
+ var header = ' | ';
+ if (panel.legend.values) {
+ header += getLegendHeaderHtml(ctrl.panel.valueName);
+ }
+ if (panel.legend.percentage) {
+ header += getLegendPercentageHtml(ctrl.panel.valueName);
+ }
+ header += "
|---|
";
+ legendHeader = $(header);
+ }
+
+ if (panel.legend.percentage) {
+ var total = 0;
+ for (i = 0; i < seriesList.length; i++) {
+ total += seriesList[i].stats[ctrl.panel.valueName];
+ }
+ }
+
+ var seriesShown = 0;
+ var seriesElements = [];
+
+ for (i = 0; i < seriesList.length; i++) {
+ var series = seriesList[i];
+ var seriesData = dataList[i];
+
+ // ignore empty series
+ if (panel.legend.hideEmpty && series.allIsNull) {
+ continue;
+ }
+ // ignore series excluded via override
+ if (!series.legend) {
+ continue;
+ }
+
+ var decimal = 0;
+ if (ctrl.panel.legend.percentageDecimals) {
+ decimal = ctrl.panel.legend.percentageDecimals;
+ }
+
+ var html = '';
+ html += '
';
+ html +=
+ '';
+ html += "";
+
+ html +=
+ '
' +
+ seriesData.label +
+ "";
+
+ if (showValues && tableLayout) {
+ var value = seriesData.legendData;
+ if (panel.legend.values) {
+ html +=
+ '
' +
+ ctrl.formatValue(value) +
+ "
";
+ }
+ if (total) {
+ var pvalue = (value / total * 100).toFixed(decimal) + "%";
+ html += '
' + pvalue + "
";
+ }
+ }
+
+ html += "
No data points
';
+ elem.html(html);
+ }
+
+ function addPieChart() {
+ var width = elem.width();
+ var height = ctrl.height - getLegendHeight(ctrl.height);
+
+ var size = Math.min(width, height);
+
+ var plotCanvas = $('');
+ var plotCss = {
+ margin: 'auto',
+ position: 'relative',
+ paddingBottom: 20 + 'px',
+ height: size + 'px'
+ };
+
+ plotCanvas.css(plotCss);
+
+ var backgroundColor = $('body').css('background-color')
+
+ var options = {
+ legend: {
+ show: false
+ },
+ series: {
+ pie: {
+ show: true,
+ stroke: {
+ color: backgroundColor,
+ width: parseFloat(ctrl.panel.strokeWidth).toFixed(1)
+ },
+ label: {
+ show: ctrl.panel.legend.show && ctrl.panel.legendType === 'On graph',
+ formatter: formatter
+ },
+ highlight: {
+ opacity: 0.0
+ },
+ combine: {
+ threshold: ctrl.panel.combine.threshold,
+ label: ctrl.panel.combine.label
+ }
+ }
+ },
+ grid: {
+ hoverable: true,
+ clickable: false
+ }
+ };
+
+ if (panel.pieType === 'donut') {
+ options.series.pie.innerRadius = 0.5;
+ }
+
+ data = ctrl.data;
+
+ for (let i = 0; i < data.length; i++) {
+ let series = data[i];
+
+ // if hidden remove points
+ if (ctrl.hiddenSeries[series.label]) {
+ series.data = {};
+ }
+ }
+
+
+ if (panel.legend.sort) {
+ if (ctrl.panel.valueName !== panel.legend.sort) {
+ panel.legend.sort = ctrl.panel.valueName;
+ }
+ if (panel.legend.sortDesc === true) {
+ data.sort(function (a, b) {
+ return b.legendData - a.legendData;
+ });
+ } else {
+ data.sort(function (a, b) {
+ return a.legendData - b.legendData;
+ });
+ }
+ }
+
+ elem.html(plotCanvas);
+
+ $.plot(plotCanvas, data, options);
+ plotCanvas.bind("plothover", function (event, pos, item) {
+ if (!item) {
+ $tooltip.detach();
+ return;
+ }
+
+ var body;
+ var percent = parseFloat(item.series.percent).toFixed(2);
+ var formatted = ctrl.formatValue(item.series.data[0][1]);
+
+ body = '";
+
+ $tooltip.html(body).place_tt(pos.pageX + 20, pos.pageY);
+ });
+ }
+
+ function render(incrementRenderCounter) {
+ if (!ctrl.data) { return; }
+
+ data = ctrl.data;
+ panel = ctrl.panel;
+
+ if (0 == ctrl.data.length) {
+ noDataPoints();
+ } else {
+ addPieChart();
+ }
+
+ if (incrementRenderCounter) {
+ ctrl.renderingCompleted();
+ }
+ }
+}
+
diff --git a/roles/provision-metrics-apb/tasks/main.yml b/roles/provision-metrics-apb/tasks/main.yml
index 94ba72e..48fbe51 100644
--- a/roles/provision-metrics-apb/tasks/main.yml
+++ b/roles/provision-metrics-apb/tasks/main.yml
@@ -9,12 +9,12 @@
- name: "Create OAuth Proxy Serviceaccount"
shell: "oc create -f /tmp/oauth-proxy-sa.yaml -n {{ namespace }}"
-- include_tasks: provision-prometheus.yml
+- include_tasks: provision-prometheus.yml
- include_tasks: provision-grafana.yml
- include_tasks: provision-app-metrics.yml
# This is currently needed until https://github.com/openshift/ansible-service-broker/issues/847 is resolved
-- name: "Make data availble for binding"
+- name: "Make data available for binding"
asb_encode_binding:
fields:
namespace: "{{ namespace }}"
@@ -29,4 +29,4 @@
- {name: grafanaUrl, value: "https://{{ grafana_route.route.spec.host }}"}
- {name: metricsEndpoint, value: "https://{{ app_metrics_route.route.spec.host }}/metrics"}
when: not encode_asb_binding
- no_log: yes
\ No newline at end of file
+ no_log: yes
diff --git a/roles/provision-metrics-apb/tasks/provision-grafana.yml b/roles/provision-metrics-apb/tasks/provision-grafana.yml
index 80ef968..682724e 100644
--- a/roles/provision-metrics-apb/tasks/provision-grafana.yml
+++ b/roles/provision-metrics-apb/tasks/provision-grafana.yml
@@ -1,4 +1,3 @@
-
- name: Create Grafana config from template
template:
src: grafana-config-map.ini.j2
@@ -73,6 +72,8 @@
- --cookie-secret=SECRET
- name: grafana
image: '{{ grafana_image }}:{{ grafana_version }}'
+ args:
+ - -config=/etc/grafana/grafana.ini
ports:
- container_port: '{{ grafana_port }}'
protocol: TCP
@@ -208,3 +209,41 @@
until: org_pref_update_response.status == 200
delay: 5
register: org_pref_update_response
+
+- name: Get the name of the Grafana pod
+ shell: oc get pods -n '{{ namespace }}' --selector="deploymentconfig=grafana" -o jsonpath='{.items[0].metadata.name}'
+ register: grafana_pod_name
+ retries: 10
+ until: '"grafana" in grafana_pod_name.stdout'
+ delay: 5
+
+#
+# Add plugins to PV and restart grafana
+# curl -L -o piechart-panel-1.3.3.zip https://grafana.com/api/plugins/grafana-piechart-panel/versions/1.3.3/download
+#
+
+- name: Copy Grafana piechart-panel plugin into temp directory
+ copy:
+ src: grafana-piechart-panel
+ dest: /tmp/grafana-piechart-panel
+
+- name: Copy piechart-panel plugin into grafana container
+ shell: oc cp /tmp/grafana-piechart-panel {{ namespace }}/{{ grafana_pod_name.stdout }}:/var/lib/grafana/plugins -c grafana
+ register: copy_plugin
+ retries: 60
+ until: copy_plugin.rc == 0
+ delay: 5
+
+- name: Restart grafana to pick up on the new plugin (scale down)
+ shell: oc scale --replicas=0 --namespace={{ namespace }} dc grafana
+
+- name: Restart grafana to pick up on the new plugin (scale up)
+ shell: oc scale --replicas=1 --namespace={{ namespace }} dc grafana
+ delay: 10
+
+- name: Wait for all grafana containers to become ready again
+ shell: oc get pods --namespace={{ namespace }} --selector="deploymentconfig=grafana" -o jsonpath='{.items[*].status.containerStatuses[?(@.ready==true)].ready}'| wc -w
+ register: grafana_result
+ until: grafana_result.stdout.find("2") != -1
+ retries: 30
+ delay: 10