removed Rickshaw dependency used by dead code
This commit is contained in:
parent
41c12c853c
commit
82a08a942e
7 changed files with 1 additions and 257 deletions
|
@ -7,7 +7,7 @@
|
||||||
"dev": "karma start --browsers ChromeHeadless",
|
"dev": "karma start --browsers ChromeHeadless",
|
||||||
"test": "karma start --single-run --browsers ChromeHeadless",
|
"test": "karma start --single-run --browsers ChromeHeadless",
|
||||||
"test:node": "JASMINE_CONFIG_PATH=static/test/jasmine.json jasmine-ts './static/js/**/*.spec.ts'",
|
"test:node": "JASMINE_CONFIG_PATH=static/test/jasmine.json jasmine-ts './static/js/**/*.spec.ts'",
|
||||||
"e2e": "ts-node protractor static/test/protractor.conf.ts",
|
"e2e": "ts-node ./node_modules/.bin/protractor static/test/protractor.conf.ts",
|
||||||
"build": "npm run clean && NODE_ENV=production webpack --progress",
|
"build": "npm run clean && NODE_ENV=production webpack --progress",
|
||||||
"watch": "npm run clean && webpack --watch",
|
"watch": "npm run clean && webpack --watch",
|
||||||
"lint": "tslint --type-check -p tsconfig.json -e **/*.spec.ts",
|
"lint": "tslint --type-check -p tsconfig.json -e **/*.spec.ts",
|
||||||
|
|
|
@ -920,16 +920,6 @@ a:focus {
|
||||||
margin-top: 6px;
|
margin-top: 6px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.realtime-area-chart, .realtime-line-chart {
|
|
||||||
margin: 10px;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.rickshaw_graph {
|
|
||||||
overflow: hidden;
|
|
||||||
padding-bottom: 40px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.cor-container {
|
.cor-container {
|
||||||
padding-left: 15px;
|
padding-left: 15px;
|
||||||
padding-right: 15px;
|
padding-right: 15px;
|
||||||
|
|
|
@ -1,6 +0,0 @@
|
||||||
<div class="realtime-area-chart-element">
|
|
||||||
<div ng-show="counter >= 1">
|
|
||||||
<div class="chart"></div>
|
|
||||||
</div>
|
|
||||||
<div class="cor-loader-inline" ng-if="counter < 1"></div>
|
|
||||||
</div>
|
|
|
@ -1,6 +0,0 @@
|
||||||
<div class="realtime-line-chart-element">
|
|
||||||
<div ng-show="counter >= 1">
|
|
||||||
<div class="chart"></div>
|
|
||||||
</div>
|
|
||||||
<div class="cor-loader-inline" ng-if="counter < 1"></div>
|
|
||||||
</div>
|
|
|
@ -302,236 +302,6 @@ angular.module("core-ui", [])
|
||||||
return directiveDefinitionObject;
|
return directiveDefinitionObject;
|
||||||
})
|
})
|
||||||
|
|
||||||
.directive('realtimeAreaChart', function () {
|
|
||||||
var directiveDefinitionObject = {
|
|
||||||
priority: 0,
|
|
||||||
templateUrl: '/static/directives/realtime-area-chart.html',
|
|
||||||
replace: false,
|
|
||||||
transclude: false,
|
|
||||||
restrict: 'C',
|
|
||||||
scope: {
|
|
||||||
'data': '=data',
|
|
||||||
'labels': '=labels',
|
|
||||||
'colors': '=colors',
|
|
||||||
'counter': '=counter'
|
|
||||||
},
|
|
||||||
controller: function($scope, $element) {
|
|
||||||
var graph = null;
|
|
||||||
var series = [];
|
|
||||||
var palette = new Rickshaw.Color.Palette( { scheme: 'spectrum14' } );
|
|
||||||
var colors = $scope.colors || [];
|
|
||||||
|
|
||||||
var setupGraph = function() {
|
|
||||||
for (var i = 0; i < $scope.labels.length; ++i) {
|
|
||||||
series.push({
|
|
||||||
name: $scope.labels[i],
|
|
||||||
color: i >= colors.length ? palette.color(): $scope.colors[i],
|
|
||||||
stroke: 'rgba(0,0,0,0.15)',
|
|
||||||
data: []
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
var options = {
|
|
||||||
element: $element.find('.chart')[0],
|
|
||||||
renderer: 'area',
|
|
||||||
stroke: true,
|
|
||||||
series: series,
|
|
||||||
min: 0,
|
|
||||||
padding: {
|
|
||||||
'top': 0.3,
|
|
||||||
'left': 0,
|
|
||||||
'right': 0,
|
|
||||||
'bottom': 0.3
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
if ($scope.minimum != null) {
|
|
||||||
options['min'] = $scope.minimum == 'auto' ? 'auto' : $scope.minimum * 1;
|
|
||||||
} else {
|
|
||||||
options['min'] = 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
if ($scope.maximum != null) {
|
|
||||||
options['max'] = $scope.maximum == 'auto' ? 'auto' : $scope.maximum * 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
graph = new Rickshaw.Graph(options);
|
|
||||||
|
|
||||||
xaxes = new Rickshaw.Graph.Axis.Time({
|
|
||||||
graph: graph,
|
|
||||||
timeFixture: new Rickshaw.Fixtures.Time.Local()
|
|
||||||
});
|
|
||||||
|
|
||||||
yaxes = new Rickshaw.Graph.Axis.Y({
|
|
||||||
graph: graph,
|
|
||||||
tickFormat: Rickshaw.Fixtures.Number.formatKMBT
|
|
||||||
});
|
|
||||||
|
|
||||||
hoverDetail = new Rickshaw.Graph.HoverDetail({
|
|
||||||
graph: graph,
|
|
||||||
xFormatter: function(x) {
|
|
||||||
return new Date(x * 1000).toString();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
};
|
|
||||||
|
|
||||||
var refresh = function(data) {
|
|
||||||
if (!data || $scope.counter < 0) { return; }
|
|
||||||
if (!graph) {
|
|
||||||
setupGraph();
|
|
||||||
}
|
|
||||||
|
|
||||||
var timecode = new Date().getTime() / 1000;
|
|
||||||
for (var i = 0; i < $scope.data.length; ++i) {
|
|
||||||
var arr = series[i].data;
|
|
||||||
arr.push(
|
|
||||||
{'x': timecode, 'y': $scope.data[i] }
|
|
||||||
);
|
|
||||||
|
|
||||||
if (arr.length > 10) {
|
|
||||||
series[i].data = arr.slice(arr.length - 10, arr.length);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
graph.renderer.unstack = true;
|
|
||||||
graph.update();
|
|
||||||
};
|
|
||||||
|
|
||||||
$scope.$watch('counter', function() {
|
|
||||||
refresh($scope.data_raw);
|
|
||||||
});
|
|
||||||
|
|
||||||
$scope.$watch('data', function(data) {
|
|
||||||
$scope.data_raw = data;
|
|
||||||
refresh($scope.data_raw);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
};
|
|
||||||
return directiveDefinitionObject;
|
|
||||||
})
|
|
||||||
|
|
||||||
|
|
||||||
.directive('realtimeLineChart', function () {
|
|
||||||
var directiveDefinitionObject = {
|
|
||||||
priority: 0,
|
|
||||||
templateUrl: '/static/directives/realtime-line-chart.html',
|
|
||||||
replace: false,
|
|
||||||
transclude: false,
|
|
||||||
restrict: 'C',
|
|
||||||
scope: {
|
|
||||||
'data': '=data',
|
|
||||||
'labels': '=labels',
|
|
||||||
'counter': '=counter',
|
|
||||||
'labelTemplate': '@labelTemplate',
|
|
||||||
'minimum': '@minimum',
|
|
||||||
'maximum': '@maximum'
|
|
||||||
},
|
|
||||||
controller: function($scope, $element) {
|
|
||||||
var graph = null;
|
|
||||||
var xaxes = null;
|
|
||||||
var yaxes = null;
|
|
||||||
var hoverDetail = null;
|
|
||||||
var series = [];
|
|
||||||
var counter = 0;
|
|
||||||
var palette = new Rickshaw.Color.Palette( { scheme: 'spectrum14' } );
|
|
||||||
|
|
||||||
var setupGraph = function() {
|
|
||||||
var options = {
|
|
||||||
element: $element.find('.chart')[0],
|
|
||||||
renderer: 'line',
|
|
||||||
series: series,
|
|
||||||
padding: {
|
|
||||||
'top': 0.3,
|
|
||||||
'left': 0,
|
|
||||||
'right': 0,
|
|
||||||
'bottom': 0.3
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
if ($scope.minimum != null) {
|
|
||||||
options['min'] = $scope.minimum == 'auto' ? 'auto' : $scope.minimum * 1;
|
|
||||||
} else {
|
|
||||||
options['min'] = 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
if ($scope.maximum != null) {
|
|
||||||
options['max'] = $scope.maximum == 'auto' ? 'auto' : $scope.maximum * 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
graph = new Rickshaw.Graph(options);
|
|
||||||
xaxes = new Rickshaw.Graph.Axis.Time({
|
|
||||||
graph: graph,
|
|
||||||
timeFixture: new Rickshaw.Fixtures.Time.Local()
|
|
||||||
});
|
|
||||||
|
|
||||||
yaxes = new Rickshaw.Graph.Axis.Y({
|
|
||||||
graph: graph,
|
|
||||||
tickFormat: Rickshaw.Fixtures.Number.formatKMBT
|
|
||||||
});
|
|
||||||
|
|
||||||
hoverDetail = new Rickshaw.Graph.HoverDetail({
|
|
||||||
graph: graph,
|
|
||||||
xFormatter: function(x) {
|
|
||||||
return new Date(x * 1000).toString();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
};
|
|
||||||
|
|
||||||
var refresh = function(data) {
|
|
||||||
if (data == null) { return; }
|
|
||||||
if (!graph) {
|
|
||||||
setupGraph();
|
|
||||||
}
|
|
||||||
|
|
||||||
if (typeof data == 'number') {
|
|
||||||
data = [data];
|
|
||||||
}
|
|
||||||
|
|
||||||
if ($scope.labels) {
|
|
||||||
data = data.slice(0, $scope.labels.length);
|
|
||||||
}
|
|
||||||
|
|
||||||
if (series.length == 0){
|
|
||||||
for (var i = 0; i < data.length; ++i) {
|
|
||||||
var title = $scope.labels ? $scope.labels[i] : $scope.labelTemplate.replace('{x}', i + 1);
|
|
||||||
series.push({
|
|
||||||
'color': palette.color(),
|
|
||||||
'data': [],
|
|
||||||
'name': title
|
|
||||||
})
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
counter++;
|
|
||||||
var timecode = new Date().getTime() / 1000;
|
|
||||||
|
|
||||||
for (var i = 0; i < data.length; ++i) {
|
|
||||||
var arr = series[i].data;
|
|
||||||
arr.push({
|
|
||||||
'x': timecode,
|
|
||||||
'y': data[i]
|
|
||||||
})
|
|
||||||
|
|
||||||
if (arr.length > 10) {
|
|
||||||
series[i].data = arr.slice(arr.length - 10, arr.length);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
graph.update();
|
|
||||||
};
|
|
||||||
|
|
||||||
$scope.$watch('counter', function(counter) {
|
|
||||||
refresh($scope.data_raw);
|
|
||||||
});
|
|
||||||
|
|
||||||
$scope.$watch('data', function(data) {
|
|
||||||
$scope.data_raw = data;
|
|
||||||
});
|
|
||||||
}
|
|
||||||
};
|
|
||||||
return directiveDefinitionObject;
|
|
||||||
})
|
|
||||||
|
|
||||||
.directive('corProgressBar', function() {
|
.directive('corProgressBar', function() {
|
||||||
var directiveDefinitionObject = {
|
var directiveDefinitionObject = {
|
||||||
priority: 4,
|
priority: 4,
|
||||||
|
|
1
static/lib/rickshaw.min.css
vendored
1
static/lib/rickshaw.min.css
vendored
File diff suppressed because one or more lines are too long
3
static/lib/rickshaw.min.js
vendored
3
static/lib/rickshaw.min.js
vendored
File diff suppressed because one or more lines are too long
Reference in a new issue