The map panel uses 2 letter country or US state codes to plot concentrations on a map. Darker terroritories mean more records matched that area. If multiple queries are sent from a single panel the first query will be displayed
@@ -21,15 +21,47 @@
Map
-
-
-
-
+ Static tab content A
Static tab content B
+
+
+
+
+ Display Options
+
+
+
+
+
+
+
+ | + + + | ++ + + | +
Panel Spy
diff --git a/panels/map2/module.js b/panels/map2/module.js
index 7ab19ee3eab..c55fef9ebeb 100644
--- a/panels/map2/module.js
+++ b/panels/map2/module.js
@@ -1,287 +1,286 @@
angular.module('kibana.map2', [])
-.controller('map2', function($scope, eventBus) {
-
- // Set and populate defaults
- var _d = {
- query : "*",
- map : "world",
- colors : ['#C8EEFF', '#0071A4'],
- size : 1000,
- exclude : [],
- spyable : true,
- group : "default",
- index_limit : 0
- }
-
- _.defaults($scope.panel,_d)
-
- console.log("$scope.panel", $scope.panel);
- console.log("_d", _d);
- $scope.init = function() {
- console.log("init");
- eventBus.register($scope,'time', function(event,time){set_time(time)});
- eventBus.register($scope,'query', function(event, query) {
- $scope.panel.query = _.isArray(query) ? query[0] : query;
- $scope.get_data();
- });
- // Now that we're all setup, request the time from our group
- eventBus.broadcast($scope.$id,$scope.panel.group,'get_time')
- }
-
- $scope.isNumber = function(n) {
- return !isNaN(parseFloat(n)) && isFinite(n);
- }
-
- $scope.get_data = function() {
-
- console.log("get_data");
- // Make sure we have everything for the request to complete
- if(_.isUndefined($scope.panel.index) || _.isUndefined($scope.time))
- return
-
-
- $scope.panel.loading = true;
- var request = $scope.ejs.Request().indices($scope.panel.index);
-
-
- var facet = $scope.ejs.TermsFacet('map')
- .field($scope.panel.field)
- .size(1000)
- .exclude($scope.panel.exclude)
- .facetFilter(ejs.QueryFilter(
- ejs.FilteredQuery(
- ejs.QueryStringQuery($scope.panel.query || '*'),
- ejs.RangeFilter($scope.time.field)
- .from($scope.time.from)
- .to($scope.time.to)
- )));
-
-
-
-
-
-
- // Then the insert into facet and make the request
- var request = request.facet(facet).size(0);
-
- $scope.populate_modal(request);
-
- var results = request.doSearch();
-
- // Populate scope when we have results
- results.then(function(results) {
- $scope.panel.loading = false;
- $scope.hits = results.hits.total;
- $scope.data = {};
- console.log("results",results);
- _.each(results.facets.map.terms, function(v) {
-
- //FIX THIS
- if (!$scope.isNumber(v.term)) {
- $scope.data[v.term.toUpperCase()] = v.count;
- } else {
- $scope.data[v.term] = v.count;
- }
-
- });
-
- console.log("emit render");
- $scope.$emit('render')
- });
-
- }
-
- // I really don't like this function, too much dom manip. Break out into directive?
- $scope.populate_modal = function(request) {
- $scope.modal = {
- title: "Inspector",
- body : "
Last Elasticsearch Query
"+ - 'curl -XGET '+config.elasticsearch+'/'+$scope.panel.index+"/_search?pretty -d'\n"+ - angular.toJson(JSON.parse(request.toString()),true)+ - "'", - } - } - - function set_time(time) { - $scope.time = time; - $scope.panel.index = _.isUndefined(time.index) ? $scope.panel.index : time.index - $scope.get_data(); - } - - $scope.build_search = function(field,value) { - $scope.panel.query = add_to_query($scope.panel.query,field,value,false) - $scope.get_data(); - eventBus.broadcast($scope.$id,$scope.panel.group,'query',$scope.panel.query); - } - -}) -.directive('map2', function() { - return { - restrict: 'A', - link: function(scope, elem, attrs) { - - elem.html('
Last Elasticsearch Query
" + 'curl -XGET ' + config.elasticsearch + '/' + $scope.panel.index + "/_search?pretty -d'\n" + angular.toJson(JSON.parse(request.toString()), true) + "'", } + }; + function set_time(time) { + $scope.time = time; + $scope.panel.index = _.isUndefined(time.index) ? $scope.panel.index : time.index + $scope.get_data(); + } + $scope.build_search = function (field, value) { + $scope.panel.query = add_to_query($scope.panel.query, field, value, false) + $scope.get_data(); + eventBus.broadcast($scope.$id, $scope.panel.group, 'query', $scope.panel.query); + }; + $scope.isActive = function(tab) { + return (tab.toLowerCase() === $scope.panel.activeDisplayTab.toLowerCase()); + } + $scope.tabClick = function(tab) { + $scope.panel.activeDisplayTab = tab; + } + }) + .filter('enabledText', function() { + return function (value) { + console.log(value); + if (value === true) { + return "Enabled"; + } else { + return "Disabled"; + } + } + }) + .directive('map2', function () { + return { + restrict: 'A', + link: function (scope, elem, attrs) { + + elem.html('