migrated files to ts

This commit is contained in:
Patrick O'Carroll 2017-12-28 09:18:57 +01:00
parent 3a1f52d8a2
commit fc8ed3ad87
2 changed files with 121 additions and 104 deletions

View File

@ -1,28 +1,23 @@
define([ import angular from 'angular';
'angular', import _ from 'lodash';
'lodash', import * as queryDef from './query_def';
'./query_def',
],
function (angular, _, queryDef) {
'use strict';
var module = angular.module('grafana.directives'); export function elasticBucketAgg() {
module.directive('elasticBucketAgg', function() {
return { return {
templateUrl: 'public/app/plugins/datasource/elasticsearch/partials/bucket_agg.html', templateUrl: 'public/app/plugins/datasource/elasticsearch/partials/bucket_agg.html',
controller: 'ElasticBucketAggCtrl', controller: 'ElasticBucketAggCtrl',
restrict: 'E', restrict: 'E',
scope: { scope: {
target: "=", target: '=',
index: "=", index: '=',
onChange: "&", onChange: '&',
getFields: "&", getFields: '&',
} },
}; };
}); }
module.controller('ElasticBucketAggCtrl', function($scope, uiSegmentSrv, $q, $rootScope) { export class ElasticBucketAggCtrl {
constructor($scope, uiSegmentSrv, $q, $rootScope) {
var bucketAggs = $scope.target.bucketAggs; var bucketAggs = $scope.target.bucketAggs;
$scope.orderByOptions = []; $scope.orderByOptions = [];
@ -39,9 +34,13 @@ function (angular, _, queryDef) {
return queryDef.sizeOptions; return queryDef.sizeOptions;
}; };
$rootScope.onAppEvent('elastic-query-updated', function() { $rootScope.onAppEvent(
'elastic-query-updated',
function() {
$scope.validateModel(); $scope.validateModel();
}, $scope); },
$scope
);
$scope.init = function() { $scope.init = function() {
$scope.agg = bucketAggs[$scope.index]; $scope.agg = bucketAggs[$scope.index];
@ -84,15 +83,15 @@ function (angular, _, queryDef) {
$scope.isFirst = $scope.index === 0; $scope.isFirst = $scope.index === 0;
$scope.bucketAggCount = bucketAggs.length; $scope.bucketAggCount = bucketAggs.length;
var settingsLinkText = ""; var settingsLinkText = '';
var settings = $scope.agg.settings || {}; var settings = $scope.agg.settings || {};
switch ($scope.agg.type) { switch ($scope.agg.type) {
case 'terms': { case 'terms': {
settings.order = settings.order || "desc"; settings.order = settings.order || 'desc';
settings.size = settings.size || "10"; settings.size = settings.size || '10';
settings.min_doc_count = settings.min_doc_count || 1; settings.min_doc_count = settings.min_doc_count || 1;
settings.orderBy = settings.orderBy || "_term"; settings.orderBy = settings.orderBy || '_term';
if (settings.size !== '0') { if (settings.size !== '0') {
settingsLinkText = queryDef.describeOrder(settings.order) + ' ' + settings.size + ', '; settingsLinkText = queryDef.describeOrder(settings.order) + ' ' + settings.size + ', ';
@ -112,12 +111,16 @@ function (angular, _, queryDef) {
} }
case 'filters': { case 'filters': {
settings.filters = settings.filters || [{ query: '*' }]; settings.filters = settings.filters || [{ query: '*' }];
settingsLinkText = _.reduce(settings.filters, function(memo, value, index) { settingsLinkText = _.reduce(
settings.filters,
function(memo, value, index) {
memo += 'Q' + (index + 1) + ' = ' + value.query + ' '; memo += 'Q' + (index + 1) + ' = ' + value.query + ' ';
return memo; return memo;
}, ''); },
''
);
if (settingsLinkText.length > 50) { if (settingsLinkText.length > 50) {
settingsLinkText = settingsLinkText.substr(0, 50) + "..."; settingsLinkText = settingsLinkText.substr(0, 50) + '...';
} }
settingsLinkText = 'Filter Queries (' + settings.filters.length + ')'; settingsLinkText = 'Filter Queries (' + settings.filters.length + ')';
break; break;
@ -198,14 +201,18 @@ function (angular, _, queryDef) {
var addIndex = bucketAggs.length - 1; var addIndex = bucketAggs.length - 1;
if (lastBucket && lastBucket.type === 'date_histogram') { if (lastBucket && lastBucket.type === 'date_histogram') {
addIndex - 1; addIndex -= 1;
} }
var id = _.reduce($scope.target.bucketAggs.concat($scope.target.metrics), function(max, val) { var id = _.reduce(
$scope.target.bucketAggs.concat($scope.target.metrics),
function(max, val) {
return parseInt(val.id) > max ? parseInt(val.id) : max; return parseInt(val.id) > max ? parseInt(val.id) : max;
}, 0); },
0
);
bucketAggs.splice(addIndex, 0, {type: "terms", field: "select field", id: (id+1).toString(), fake: true}); bucketAggs.splice(addIndex, 0, { type: 'terms', field: 'select field', id: (id + 1).toString(), fake: true });
$scope.onChange(); $scope.onChange();
}; };
@ -215,7 +222,9 @@ function (angular, _, queryDef) {
}; };
$scope.init(); $scope.init();
}
}
}); var module = angular.module('grafana.directives');
module.directive('elasticBucketAgg', elasticBucketAgg);
}); module.controller('ElasticBucketAggCtrl', ElasticBucketAggCtrl);

View File

@ -1,31 +1,25 @@
define([ import angular from 'angular';
'angular', import _ from 'lodash';
'lodash', import * as queryDef from './query_def';
'./query_def'
],
function (angular, _, queryDef) {
'use strict';
var module = angular.module('grafana.directives'); export function elasticMetricAgg() {
module.directive('elasticMetricAgg', function() {
return { return {
templateUrl: 'public/app/plugins/datasource/elasticsearch/partials/metric_agg.html', templateUrl: 'public/app/plugins/datasource/elasticsearch/partials/metric_agg.html',
controller: 'ElasticMetricAggCtrl', controller: 'ElasticMetricAggCtrl',
restrict: 'E', restrict: 'E',
scope: { scope: {
target: "=", target: '=',
index: "=", index: '=',
onChange: "&", onChange: '&',
getFields: "&", getFields: '&',
esVersion: '=' esVersion: '=',
} },
}; };
}); }
module.controller('ElasticMetricAggCtrl', function($scope, uiSegmentSrv, $q, $rootScope) { export class ElasticMetricAggCtrl {
constructor($scope, uiSegmentSrv, $q, $rootScope) {
var metricAggs = $scope.target.metrics; var metricAggs = $scope.target.metrics;
$scope.metricAggTypes = queryDef.getMetricAggTypes($scope.esVersion); $scope.metricAggTypes = queryDef.getMetricAggTypes($scope.esVersion);
$scope.extendedStats = queryDef.extendedStats; $scope.extendedStats = queryDef.extendedStats;
$scope.pipelineAggOptions = []; $scope.pipelineAggOptions = [];
@ -41,11 +35,15 @@ function (angular, _, queryDef) {
$scope.pipelineAggOptions = queryDef.getPipelineAggOptions($scope.target); $scope.pipelineAggOptions = queryDef.getPipelineAggOptions($scope.target);
}; };
$rootScope.onAppEvent('elastic-query-updated', function() { $rootScope.onAppEvent(
'elastic-query-updated',
function() {
$scope.index = _.indexOf(metricAggs, $scope.agg); $scope.index = _.indexOf(metricAggs, $scope.agg);
$scope.updatePipelineAggOptions(); $scope.updatePipelineAggOptions();
$scope.validateModel(); $scope.validateModel();
}, $scope); },
$scope
);
$scope.validateModel = function() { $scope.validateModel = function() {
$scope.isFirst = $scope.index === 0; $scope.isFirst = $scope.index === 0;
@ -84,13 +82,17 @@ function (angular, _, queryDef) {
$scope.agg.meta.std_deviation_bounds_upper = true; $scope.agg.meta.std_deviation_bounds_upper = true;
} }
var stats = _.reduce($scope.agg.meta, function(memo, val, key) { var stats = _.reduce(
$scope.agg.meta,
function(memo, val, key) {
if (val) { if (val) {
var def = _.find($scope.extendedStats, { value: key }); var def = _.find($scope.extendedStats, { value: key });
memo.push(def.text); memo.push(def.text);
} }
return memo; return memo;
}, []); },
[]
);
$scope.settingsLinkText = 'Stats: ' + stats.join(', '); $scope.settingsLinkText = 'Stats: ' + stats.join(', ');
break; break;
@ -143,7 +145,7 @@ function (angular, _, queryDef) {
} }
for (var key in $scope.agg.settings.settings) { for (var key in $scope.agg.settings.settings) {
if (($scope.agg.settings.settings[key] === null) || (modelSettingsKeys.indexOf(key) === -1)) { if ($scope.agg.settings.settings[key] === null || modelSettingsKeys.indexOf(key) === -1) {
delete $scope.agg.settings.settings[key]; delete $scope.agg.settings.settings[key];
} }
} }
@ -172,11 +174,15 @@ function (angular, _, queryDef) {
$scope.addMetricAgg = function() { $scope.addMetricAgg = function() {
var addIndex = metricAggs.length; var addIndex = metricAggs.length;
var id = _.reduce($scope.target.bucketAggs.concat($scope.target.metrics), function(max, val) { var id = _.reduce(
$scope.target.bucketAggs.concat($scope.target.metrics),
function(max, val) {
return parseInt(val.id) > max ? parseInt(val.id) : max; return parseInt(val.id) > max ? parseInt(val.id) : max;
}, 0); },
0
);
metricAggs.splice(addIndex, 0, {type: "count", field: "select field", id: (id+1).toString()}); metricAggs.splice(addIndex, 0, { type: 'count', field: 'select field', id: (id + 1).toString() });
$scope.onChange(); $scope.onChange();
}; };
@ -194,7 +200,9 @@ function (angular, _, queryDef) {
}; };
$scope.init(); $scope.init();
}
}
}); var module = angular.module('grafana.directives');
module.directive('elasticMetricAgg', elasticMetricAgg);
}); module.controller('ElasticMetricAggCtrl', ElasticMetricAggCtrl);