Skip to content

Commit

Permalink
Finish Hooking up the rhqm-charts.
Browse files Browse the repository at this point in the history
  • Loading branch information
@mtho11
mtho11 committed Feb 11, 2015
1 parent 077de7e commit a5f8b80
Show file tree
Hide file tree
Showing 4 changed files with 6 additions and 32 deletions.
6 changes: 3 additions & 3 deletions dist/hawkular-metrics.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ var HawkularMetrics;

var HawkularMetrics;
(function (HawkularMetrics) {
HawkularMetrics._module = angular.module(HawkularMetrics.pluginName, []);
HawkularMetrics._module = angular.module(HawkularMetrics.pluginName, ['rhqmCharts']);
var metricsTab;
HawkularMetrics._module.config(['$locationProvider', '$routeProvider', 'HawtioNavBuilderProvider', function ($locationProvider, $routeProvider, navBuilder) {
metricsTab = navBuilder.create().id(HawkularMetrics.pluginName).title(function () { return "Metrics"; }).href(function () { return "/metrics"; }).subPath("Graphs", "graphs", navBuilder.join(HawkularMetrics.templatePath, 'graphs.html')).subPath("Advanced", "advanced", navBuilder.join(HawkularMetrics.templatePath, 'advanced.html')).subPath("Config", "config", navBuilder.join(HawkularMetrics.templatePath, 'config.html')).build();
Expand All @@ -18,7 +18,7 @@ var HawkularMetrics;
}]);
HawkularMetrics._module.run(['HawtioNav', function (HawtioNav) {
HawtioNav.add(metricsTab);
HawkularMetrics.log.debug("loaded Metrics");
HawkularMetrics.log.debug("loaded Metrics Plugin");
}]);
hawtioPluginLoader.addModule(HawkularMetrics.pluginName);
})(HawkularMetrics || (HawkularMetrics = {}));
Expand Down Expand Up @@ -353,4 +353,4 @@ var HawkularMetrics;

angular.module("hawkular-metrics-templates", []).run(["$templateCache", function($templateCache) {$templateCache.put("plugins/metrics/html/advanced.html","<div class=\"row\" ng-controller=\"HawkularMetrics.AdvancedController\">\n <div class=\"col-md-12\">\n <h1>Advanced Settings: {{advancedName}}</h1>\n TBD\n </div>\n</div>\n");
$templateCache.put("plugins/metrics/html/config.html","<div class=\"row\" ng-controller=\"HawkularMetrics.ConfigController\">\n <div class=\"col-md-12\">\n <h1>Metrics Graph Config</h1>\n <h3>{{configName}}</h3>\n TBD\n </div>\n</div>\n");
$templateCache.put("plugins/metrics/html/graphs.html","<div class=\"panel panel-default\" style=\"width:880px\" ng-controller=\"ChartController as vm\">\n <div class=\"panel-body\">\n <div class=\"well\">\n <small style=\"margin-left: 15px\" class=\"graphDateTimeRangeLabel\"></small>\n\n <form class=\"form-horizontal\" name=\"chartForm\" role=\"form\" novalidate >\n\n <div class=\"form-group\">\n <label class=\"col-sm-2 control-label\">Metric ID:</label>\n\n <div class=\"col-sm-5\">\n <input type=\"text\" class=\"form-control\" name=\"searchId\" ng-model=\"vm.searchId\"\n ng-enter=\"vm.refreshChartDataNow();\"\n placeholder=\"Enter Id...\" required ng-minlength=\"1\">\n <span class=\"error-message\"\n ng-show=\"chartForm.searchId.$dirty && chartForm.searchId.$error.required\"> * Required.</span>\n <span class=\"help-block\">Example: 100, apache3.cpu1 </span>\n </div>\n <h3>{{vm.startTimeStamp}}</h3>\n <h3>{{vm.endTimeStamp}}</h3>\n </div>\n\n <!--<div class=\"row\">-->\n <!--<div class=\"col-md-12\">-->\n <!--<relative-time-range-button-bar style=\"margin-left: 140px;\"-->\n <!--start-time-stamp=\"vm.startTimestamp\"-->\n <!--end-time-stamp=\"vm..endTimeStamp\">-->\n <!--</relative-time-range-button-bar>-->\n\n <!--<input type=\"text\" style=\"margin-left: 20px;text-align: center;\" ng-model=\"vm.dateRange\" readonly disbabled/>-->\n <!--<p></p>-->\n <!--</div>-->\n <!--</div>-->\n\n <!--<div class=\"form-group\">-->\n <!--<label class=\"col-sm-2 control-label\">Start</label>-->\n\n <!--<div class=\"col-sm-6\">-->\n <!--<div class=\"dropdown\">-->\n <!--<a class=\"dropdown-toggle\" id=\"dropdownStart\" role=\"button\" data-toggle=\"dropdown\"-->\n <!--data-target=\"#\" href=\"#\">-->\n <!--<div class=\"input-group\">-->\n <!--<input type=\"text\" class=\"form-control\"-->\n <!--data-ng-model=\"vm.startTimeStamp\">-->\n <!--<span class=\"input-group-addon\"><i class=\"glyphicon glyphicon-calendar\"></i></span>-->\n <!--</div>-->\n <!--</a>-->\n <!--<ul class=\"dropdown-menu\" role=\"menu\" aria-labelledby=\"dLabel\">-->\n <!--<datetimepicker data-ng-model=\"vm.startTimeStamp\"-->\n <!--data-datetimepicker-config=\"{ dropdownSelector: \'#dropdownStart\' }\"/>-->\n <!--</ul>-->\n <!--</div>-->\n <!--</div>-->\n <!--</div>-->\n\n\n <!--<div class=\"form-group\">-->\n <!--<label class=\"col-sm-2 control-label\">End</label>-->\n\n <!--<div class=\"col-sm-6\">-->\n\n <!--<div class=\"dropdown\">-->\n <!--<a class=\"dropdown-toggle\" id=\"dropdownEnd\" role=\"button\" data-toggle=\"dropdown\"-->\n <!--data-target=\"#\" href=\"#\">-->\n <!--<div class=\"input-group\">-->\n <!--<input type=\"text\" class=\"form-control\"-->\n <!--data-ng-model=\"vm.endTimeStamp\">-->\n <!--<span class=\"input-group-addon\"><i-->\n <!--class=\"glyphicon glyphicon-calendar\"></i></span>-->\n <!--</div>-->\n <!--</a>-->\n <!--<ul class=\"dropdown-menu\" role=\"menu\" aria-labelledby=\"dLabel\">-->\n <!--<datetimepicker data-ng-model=\"vm.endTimeStamp\"-->\n <!--data-datetimepicker-config=\"{ dropdownSelector: \'#dropdownEnd\' }\"/>-->\n <!--</ul>-->\n <!--</div>-->\n <!--</div>-->\n <!--</div>-->\n\n <div class=\"form-group\">\n <div class=\"col-sm-offset-2 col-sm-10\">\n <div class=\"btn-group\" ng-disabled=\"!chartForm.$valid || vm.showAutoRefreshCancel\" dropdown>\n <button type=\"button\" class=\"btn btn-primary\" ng-disabled=\"!chartForm.$valid || vm.showAutoRefreshCancel\"\n ng-click=\"vm.refreshChartDataNow()\">Refresh\n </button>\n <button type=\"button\" class=\"btn btn-primary dropdown-toggle\" ng-disabled=\"!chartForm.$valid || vm.showAutoRefreshCancel\">\n <span class=\"caret\"></span>\n <span class=\"sr-only\">Refresh</span>\n </button>\n <ul class=\"dropdown-menu\" role=\"menu\" ng-disabled=\"!chartForm.$valid\">\n <li><a href=\"#\" ng-click=\"vm.refreshHistoricalChartData()\">Refresh from History</a></li>\n <li><a href=\"#\" ng-click=\"vm.autoRefresh(5)\">Auto Refresh (every 5s)</a></li>\n <li><a href=\"#\" ng-click=\"vm.autoRefresh(30)\">Auto Refresh (every 30s)</a></li>\n <li><a href=\"#\" ng-click=\"vm.autoRefresh(60)\">Auto Refresh (every 1m)</a></li>\n </ul>\n </div>\n <button style=\"margin-left: 15px\" type=\"button\" class=\"btn-small btn-danger\" ng-hide=\"!vm.showAutoRefreshCancel\" ng-click=\"vm.cancelAutoRefresh()\">Stop</button>\n <span class=\"help-block\">Default is Refresh to Now</span>\n </div>\n </div>\n </form>\n </div>\n\n\n <div ng-show=\"vm.chartData.dataPoints.length > 4\">\n <p>Should see chart for: {{vm.chartData.dataPoints.length}} points</p>\n <div id=\"stackedBarChart\" style=\"height:270px\">\n <!-- HINT: colors for the chart can be changed in the d3-chart.css -->\n <rhqm-chart\n data=\"{{vm.chartData.dataPoints}}\"\n chart-type=\"{{vm.chartType}}\"\n show-avg-line=\"{{vm.showAvgLine}}\"\n hide-high-low-values=\"{{vm.hideHighLowValues}}\"\n chart-title=\"{{\'Metrics Id: \'+vm.searchId}}\"\n chart-height=\"250\"></rhqm-chart>\n </div>\n\n <div style=\"margin-top: 30px;\">\n <button class=\"btn btn-sm\" ng-click=\"vm.showPreviousTimeRange()\" style=\"margin-left:90px;\"\n ng-show=\"vm.chartData.dataPoints.length > 2\">&lt;&lt; Prev.\n </button>\n <button class=\"btn btn-sm\" style=\"float:right;margin-right: 90px;\" ng-click=\"vm.showNextTimeRange()\"\n ng-show=\"vm.chartData.dataPoints.length > 2\" ng-disabled=\"!vm.hasNext();\">Next &gt;&gt;</button>\n </div>\n <br/>\n <br/>\n\n <div class=\"form-group\">\n\n <label class=\"col-sm-2 control-label\">Chart Type:</label>\n\n <div class=\"col-sm-10\">\n <div class=\"btn-group\">\n <button type=\"button\" class=\"btn btn-primary btn-sm\"\n ng-model=\"vm.chartType\" btn-radio=\"value\"\n ng-repeat=\"value in vm.chartTypes\"\n >{{value}}\n </button>\n </div>\n </div>\n </div>\n\n\n <!--\n <div class=\"form-group\" style=\"margin-top: 15px;\">\n <label class=\"col-sm-2 control-label\">Features:</label>\n\n <div class=\"col-sm-10\">\n <div class=\"btn-group\">\n <label class=\"btn btn-primary btn-sm\" ng-model=\"vm.showAvgLine\" btn-checkbox>Show Avg. Line</label>\n <label class=\"btn btn-primary btn-sm\" ng-model=\"vm.hideHighLowValues\" btn-checkbox>Hide High/Low Values</label>\n <label class=\"btn btn-primary btn-sm\" ng-model=\"vm.showPreviousRangeDataOverlay\" btn-checkbox\n ng-click=\"vm.togglePreviousRangeDataOverlay()\">Overlay Prev. Range</label>\n <label class=\"btn btn-primary btn-sm\" ng-model=\"vm.showContextZoom\" btn-checkbox ng-click=\"vm.toggleContextZoom()\">Show Context Zoom</label>\n </div>\n\n </div>\n </div>\n\n <ng-include src=\"\'views/multi-metric-section.html\'\"></ng-include>\n\n -->\n\n </div>\n </div>\n</div>\n");}]); hawtioPluginLoader.addModule("hawkular-metrics-templates");
$templateCache.put("plugins/metrics/html/graphs.html","<div class=\"panel panel-default\" style=\"width:880px\" ng-controller=\"ChartController as vm\">\n <div class=\"panel-body\">\n <div class=\"well\">\n <small style=\"margin-left: 15px\" class=\"graphDateTimeRangeLabel\"></small>\n\n <form class=\"form-horizontal\" name=\"chartForm\" role=\"form\" novalidate >\n\n <div class=\"form-group\">\n <label class=\"col-sm-2 control-label\">Metric ID:</label>\n\n <div class=\"col-sm-5\">\n <input type=\"text\" class=\"form-control\" name=\"searchId\" ng-model=\"vm.searchId\"\n ng-enter=\"vm.refreshChartDataNow();\"\n placeholder=\"Enter Id...\" required ng-minlength=\"1\">\n <span class=\"error-message\"\n ng-show=\"chartForm.searchId.$dirty && chartForm.searchId.$error.required\"> * Required.</span>\n <span class=\"help-block\">Example: 100, apache3.cpu1 </span>\n </div>\n </div>\n\n <!--<div class=\"row\">-->\n <!--<div class=\"col-md-12\">-->\n <!--<relative-time-range-button-bar style=\"margin-left: 140px;\"-->\n <!--start-time-stamp=\"vm.startTimestamp\"-->\n <!--end-time-stamp=\"vm..endTimeStamp\">-->\n <!--</relative-time-range-button-bar>-->\n\n <!--<input type=\"text\" style=\"margin-left: 20px;text-align: center;\" ng-model=\"vm.dateRange\" readonly disbabled/>-->\n <!--<p></p>-->\n <!--</div>-->\n <!--</div>-->\n\n <!--<div class=\"form-group\">-->\n <!--<label class=\"col-sm-2 control-label\">Start</label>-->\n\n <!--<div class=\"col-sm-6\">-->\n <!--<div class=\"dropdown\">-->\n <!--<a class=\"dropdown-toggle\" id=\"dropdownStart\" role=\"button\" data-toggle=\"dropdown\"-->\n <!--data-target=\"#\" href=\"#\">-->\n <!--<div class=\"input-group\">-->\n <!--<input type=\"text\" class=\"form-control\"-->\n <!--data-ng-model=\"vm.startTimeStamp\">-->\n <!--<span class=\"input-group-addon\"><i class=\"glyphicon glyphicon-calendar\"></i></span>-->\n <!--</div>-->\n <!--</a>-->\n <!--<ul class=\"dropdown-menu\" role=\"menu\" aria-labelledby=\"dLabel\">-->\n <!--<datetimepicker data-ng-model=\"vm.startTimeStamp\"-->\n <!--data-datetimepicker-config=\"{ dropdownSelector: \'#dropdownStart\' }\"/>-->\n <!--</ul>-->\n <!--</div>-->\n <!--</div>-->\n <!--</div>-->\n\n\n <!--<div class=\"form-group\">-->\n <!--<label class=\"col-sm-2 control-label\">End</label>-->\n\n <!--<div class=\"col-sm-6\">-->\n\n <!--<div class=\"dropdown\">-->\n <!--<a class=\"dropdown-toggle\" id=\"dropdownEnd\" role=\"button\" data-toggle=\"dropdown\"-->\n <!--data-target=\"#\" href=\"#\">-->\n <!--<div class=\"input-group\">-->\n <!--<input type=\"text\" class=\"form-control\"-->\n <!--data-ng-model=\"vm.endTimeStamp\">-->\n <!--<span class=\"input-group-addon\"><i-->\n <!--class=\"glyphicon glyphicon-calendar\"></i></span>-->\n <!--</div>-->\n <!--</a>-->\n <!--<ul class=\"dropdown-menu\" role=\"menu\" aria-labelledby=\"dLabel\">-->\n <!--<datetimepicker data-ng-model=\"vm.endTimeStamp\"-->\n <!--data-datetimepicker-config=\"{ dropdownSelector: \'#dropdownEnd\' }\"/>-->\n <!--</ul>-->\n <!--</div>-->\n <!--</div>-->\n <!--</div>-->\n\n <div class=\"form-group\">\n <div class=\"col-sm-offset-2 col-sm-10\">\n <div class=\"btn-group\" ng-disabled=\"!chartForm.$valid || vm.showAutoRefreshCancel\" dropdown>\n <button type=\"button\" class=\"btn btn-primary\" ng-disabled=\"!chartForm.$valid || vm.showAutoRefreshCancel\"\n ng-click=\"vm.refreshChartDataNow()\">Refresh\n </button>\n <button type=\"button\" class=\"btn btn-primary dropdown-toggle\" ng-disabled=\"!chartForm.$valid || vm.showAutoRefreshCancel\">\n <span class=\"caret\"></span>\n <span class=\"sr-only\">Refresh</span>\n </button>\n <ul class=\"dropdown-menu\" role=\"menu\" ng-disabled=\"!chartForm.$valid\">\n <li><a href=\"#\" ng-click=\"vm.refreshHistoricalChartData()\">Refresh from History</a></li>\n <li><a href=\"#\" ng-click=\"vm.autoRefresh(5)\">Auto Refresh (every 5s)</a></li>\n <li><a href=\"#\" ng-click=\"vm.autoRefresh(30)\">Auto Refresh (every 30s)</a></li>\n <li><a href=\"#\" ng-click=\"vm.autoRefresh(60)\">Auto Refresh (every 1m)</a></li>\n </ul>\n </div>\n <button style=\"margin-left: 15px\" type=\"button\" class=\"btn-small btn-danger\" ng-hide=\"!vm.showAutoRefreshCancel\" ng-click=\"vm.cancelAutoRefresh()\">Stop</button>\n <span class=\"help-block\">Default is Refresh to Now</span>\n </div>\n </div>\n </form>\n </div>\n\n\n <div ng-show=\"vm.chartData.dataPoints.length > 1\">\n <div id=\"stackedBarChart\" style=\"height:270px\">\n <!-- HINT: colors for the chart can be changed in the d3-chart.css -->\n <rhqm-chart\n data=\"{{vm.chartData.dataPoints}}\"\n chart-type=\"{{vm.chartType}}\"\n show-avg-line=\"{{vm.showAvgLine}}\"\n hide-high-low-values=\"{{vm.hideHighLowValues}}\"\n chart-title=\"{{\'Metrics Id: \'+vm.searchId}}\"\n chart-height=\"250\"></rhqm-chart>\n </div>\n\n <div style=\"margin-top: 30px;\">\n <button class=\"btn btn-sm\" ng-click=\"vm.showPreviousTimeRange()\" style=\"margin-left:90px;\"\n ng-show=\"vm.chartData.dataPoints.length > 2\">&lt;&lt; Prev.\n </button>\n <button class=\"btn btn-sm\" style=\"float:right;margin-right: 90px;\" ng-click=\"vm.showNextTimeRange()\"\n ng-show=\"vm.chartData.dataPoints.length > 2\" ng-disabled=\"!vm.hasNext();\">Next &gt;&gt;</button>\n </div>\n <br/>\n <br/>\n\n <div class=\"form-group\">\n\n <label class=\"col-sm-2 control-label\">Chart Type:</label>\n\n <div class=\"col-sm-10\">\n <div class=\"btn-group\">\n <button type=\"button\" class=\"btn btn-primary btn-sm\"\n ng-model=\"vm.chartType\" btn-radio=\"value\"\n ng-repeat=\"value in vm.chartTypes\"\n >{{value}}\n </button>\n </div>\n </div>\n </div>\n </div>\n </div>\n</div>\n");}]); hawtioPluginLoader.addModule("hawkular-metrics-templates");
1 change: 0 additions & 1 deletion plugins/metrics/bower.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,6 @@
"toastr": "2.1.0",
"lodash": "2.4.1",
"d3": "3.4.8",
"moment": "2.9.0",
"d3-tip": "0.6.4",
"rhqm-charts": "~0.1.10"
},
Expand Down
Loading

0 comments on commit a5f8b80

Please sign in to comment.