diff --git a/src/app/controllers/search.js b/src/app/controllers/search.js index 6e9de7ba585..a32aa64acf0 100644 --- a/src/app/controllers/search.js +++ b/src/app/controllers/search.js @@ -9,32 +9,6 @@ function (angular, _, config, $) { var module = angular.module('grafana.controllers'); - function djb2(str) { - var hash = 5381; - for (var i = 0; i < str.length; i++) { - hash = ((hash << 5) + hash) + str.charCodeAt(i); /* hash * 33 + c */ - } - return hash; - } - - module.directive('tagColorFromName', function() { - return function (scope, element) { - var name = _.isString(scope.tag) ? scope.tag : scope.tag.term; - var hash = djb2(name.toLowerCase()); - var colors = [ - "#E24D42","#1F78C1","#BA43A9","#705DA0", - "#508642","#447EBC","#C15C17","#890F02", - "#0A437C","#6D1F62","#584477","#629E51", - "#BF1B00","#EA6460","#D683CE","#806EB7", - "#3F6833","#2F575E","#99440A","#E0752D", - "#58140C","#052B51","#511749","#3F2B5B", - ]; - var color = colors[Math.abs(hash % colors.length)]; - console.log("namei " + name + " color: " + color, hash % 4); - element.css("background-color", color); - }; - }); - module.controller('SearchCtrl', function($scope, $rootScope, $element, $location, datasourceSrv) { $scope.init = function() { @@ -177,4 +151,32 @@ function (angular, _, config, $) { }; }); + module.directive('tagColorFromName', function() { + + function djb2(str) { + var hash = 5381; + for (var i = 0; i < str.length; i++) { + hash = ((hash << 5) + hash) + str.charCodeAt(i); /* hash * 33 + c */ + } + return hash; + } + + return function (scope, element) { + var name = _.isString(scope.tag) ? scope.tag : scope.tag.term; + var hash = djb2(name.toLowerCase()); + var colors = [ + "#E24D42","#1F78C1","#BA43A9","#705DA0","#466803", + "#508642","#447EBC","#C15C17","#890F02","#757575", + "#0A437C","#6D1F62","#584477","#629E51","#2F4F4F", + "#BF1B00","#806EB7","#8a2eb8", "#699e00","#000000", + "#3F6833","#2F575E","#99440A","#E0752D","#0E4AB4", + "#58140C","#052B51","#511749","#3F2B5B", + ]; + var color = colors[Math.abs(hash % colors.length)]; + console.log("namei " + name + " color: " + color, hash % 4); + element.css("background-color", color); + }; + + }); + }); diff --git a/src/app/partials/search.html b/src/app/partials/search.html index ce987759999..b9974207d3b 100644 --- a/src/app/partials/search.html +++ b/src/app/partials/search.html @@ -52,9 +52,9 @@ class="search-result-item pointer" ng-class="{'selected': $index === selectedIndex }" ng-click="filterByTag(tag.term, $event)"> - + - {{tag.term}} ({{tag.count}}) + {{tag.term}} ({{tag.count}}) @@ -64,7 +64,7 @@ bindonce ng-repeat="row in results.dashboards" ng-class="{'selected': $index === selectedIndex }" ng-click="goToDashboard(row.id)"> -