working on metric key search

src/app/components/settings.js

@@ -14,7 +14,8 @@ function (_) {
       panel_names       : [],
       kibana_index      : 'kibana-int',
       graphiteUrl       : null,
-      default_route     : '/dashboard/file/default.json'
+      default_route     : '/dashboard/file/default.json',
+      grafana_index     : 'grafana-int2'
     };
 
     // This initializes a new hash on purpose, to avoid adding parameters to

src/app/controllers/all.js

@@ -4,5 +4,6 @@ define([
   './row',
   './pulldown',
   './zoom',
-  './search'
+  './search',
+  './metricKeys'
 ], function () {});

src/app/controllers/metricKeys.js

@@ -0,0 +1,113 @@
+define([
+  'angular',
+  'underscore',
+  'config'
+],
+function (angular, _, config) {
+  'use strict';
+
+  var module = angular.module('kibana.controllers');
+
+  module.controller('MetricKeysCtrl', function($scope, $http) {
+
+    $scope.init = function () {
+      $scope.metricPath = "prod.apps.api.boobarella.*";
+    };
+
+    $scope.loadMetricsFromPath = function () {
+      $scope.infoText = 'loading';
+      loadMetricsRecursive($scope.metricPath)
+
+      /*$http.put(config.elasticsearch + "/grafana-int/", {
+{
+  "settings": {
+    "analysis": {
+      "analyzer": {
+        "category_path": {
+          "type": "custom",
+          "tokenizer": "category_path"
+        },
+        "my_ngram_analyzer" : {
+      "tokenizer" : "my_ngram_tokenizer"
+    }
+      },
+      "tokenizer": {
+        "category_path": {
+          "type": "path_hierarchy",
+          "delimiter": "."
+        },
+        "my_ngram_tokenizer" : {
+          "type" : "nGram",
+          "min_gram" : "4",
+          "max_gram" : "8",
+          "token_chars": [ "letter", "digit" ]
+        }
+      }
+    }
+  },
+  "mappings": {
+    "metricKey": {
+      "properties": {
+        "metricPath": {
+          "type": "string",
+          "index": "analyzed",
+          "index_analyzer": "my_ngram_analyzer"
+    }
+      }
+    }
+  }
+}
+      });*/
+    };
+
+    function receiveMetric(data) {
+      if (!data || data.length == 0) {
+        console.log('no data');
+        return;
+      }
+
+      _.each(data, function(metric) {
+        if (metric.expandable) {
+          console.log('Loading children: ' + metric.id);
+          loadMetricsRecursive(metric.id + ".*");
+        }
+        if (metric.leaf) {
+          saveMetricKey(metric.id);
+        }
+      });
+    }
+
+    function saveMetricKey(metricId) {
+
+      // Create request with id as title. Rethink this.
+      var request = ejs.Document(config.grafana_index, 'metricKey', metricId).source({
+        metricPath: metricId
+      });
+
+      request.doIndex(
+        // Success
+        function(result) {
+          console.log('save metric success', result);
+        },
+        function(error) {
+          console.log('save metric error', error);
+        }
+      );
+    }
+
+    function metricLoadError(data, status, headers, config)
+    {
+      console.log('error: ' + status);
+      $scope.error = "failed to get metrics from graphite";
+    }
+
+    function loadMetricsRecursive(metricPath, data, callback)
+    {
+      $http({ method: 'GET', url: config.graphiteUrl + '/metrics/find/?query=' + metricPath} )
+        .success(receiveMetric)
+        .error(metricLoadError);
+    }
+
+  });
+
+});

src/app/controllers/search.js

@@ -1,7 +1,10 @@
 define([
-  'angular'
+  'angular',
+  'underscore',
+  'config',
+  'jquery'
 ],
-function (angular) {
+function (angular, _, config, $) {
   'use strict';
 
   var module = angular.module('kibana.controllers');
@@ -11,14 +14,33 @@ function (angular) {
     $scope.init = function() {
       $scope.elasticsearch = $scope.elasticsearch || {};
       $scope.giveSearchFocus = 0;
+      $scope.search_results = {
+        dashboards: [],
+        metrics: [],
+        graphs: []
+      };
     };
 
     $scope.elasticsearch_dblist = function(query) {
-      dashboard.elasticsearch_list(query,100).then(
-        function(result) {
-        if(!_.isUndefined(result.hits)) {
-          $scope.hits = result.hits.total;
-          $scope.elasticsearch.dashboards = result.hits.hits;
+      var words = query.split(" ");
+      var query = $scope.ejs.BoolQuery();
+      var terms = _.map(words, function(word) {
+        return $scope.ejs.MatchQuery("metricPath", word);
+      });
+
+      console.log("query: ", terms);
+      query.must(terms);
+
+      var request = $scope.ejs.Request().indices(config.grafana_index).types('metricKey');
+      var results = request.query(query).size(20).doSearch();
+
+      results.then(function(results) {
+        if (results && results.hits && results.hits.hits.length > 0) {
+          $scope.search_results.metrics = results.hits.hits;
+          console.log("hits", $scope.search_results.metrics);
+        }
+        else {
+          $scope.search_results.metrics = [];
         }
       });
     };
@@ -31,13 +53,16 @@ function (angular) {
 
   module.directive('xngFocus', function() {
     return function(scope, element, attrs) {
-       scope.$watch(attrs.xngFocus,
-         function (newValue) {
-            setTimeout(function() {
-              newValue && element.focus();
-            }, 200);
-         },true);
-      };
+      $(element).click(function(e) {
+        e.stopPropagation();
+      });
+
+      scope.$watch(attrs.xngFocus,function (newValue) {
+        setTimeout(function() {
+          newValue && element.focus();
+        }, 200);
+      },true);
+    };
   });
 
 });

src/app/panels/graphite/graphiteSrv.js

@@ -84,7 +84,7 @@ function ($, RQ, config) {
       accepts: { text: 'application/json' },
       cache: false,
       dataType: 'json',
-      url: config.graphiteUrl,
+      url: config.graphiteUrl + '/render/',
       type: "POST",
       data: parameters.join('&')
     });

src/app/partials/dashLoader.html

@@ -11,99 +11,7 @@
 <li ng-repeat="pulldown in dashboard.current.nav" ng-controller="PulldownCtrl" ng-show="pulldown.enable"><kibana-simple-panel type="pulldown.type" ng-cloak></kibana-simple-panel></li>
 
 <li><a bs-tooltip="'Goto saved default'" data-placement="bottom" href='#/dashboard'><i class='icon-home'></i></a></li>
-<li class="dropdown" ng-show="showDropdown('load')" >
-  <a href="#" bs-tooltip="'Load'" data-placement="bottom" class="dropdown-toggle" data-toggle="dropdown" ng-click="elasticsearch_dblist('title:'+elasticsearch.query+'*')">
-    <i class='icon-folder-open'></i>
-  </a>
 
-  <ul class="dropdown-menu" style="padding:10px">
-    <li ng-if='dashboard.current.loader.load_elasticsearch'>
-      <form class="nomargin">
-        <input type="text" ng-model="elasticsearch.query" ng-change="elasticsearch_dblist('title:'+elasticsearch.query+'*')" placeholder="Type to filter"/>
-      </form>
-      <h6 ng-hide="elasticsearch.dashboards.length">No dashboards matching your query found</h6>
-      <table class="table table-condensed table-striped">
-        <tr bindonce ng-repeat="row in elasticsearch.dashboards | orderBy:['_id']">
-          <td><a ng-click="elasticsearch_delete(row._id)"><i class="icon-remove"></i></a></td>
-          <td><a href="#/dashboard/elasticsearch/{{row._id}}" bo-text="row._id"></a></td>
-          <td><a><i class="icon-share" ng-click="share = dashboard.share_link(row._id,'elasticsearch',row._id)" bs-modal="'app/panels/dashcontrol/share.html'"></i></a></td>
-        </tr>
-      </table>
-    </li>
-
-    <li class="dropdown-submenu noarrow" ng-show="dashboard.current.loader.load_gist || dashboard.current.loader.load_local">
-      <a tabindex="-1" class="small" style="padding:0"><i class="icon-caret-left"></i> Advanced</a>
-      <ul class="dropdown-menu" style="padding:10px">
-        <li ng-show='dashboard.current.loader.load_local'>
-          <h5>Local File <tip>Load dashboard JSON layout from file</tip></h5>
-          <form>
-            <input type="file" id="dashupload" dash-upload /><br>
-          </form>
-        </li>
-        <li ng-show='dashboard.current.loader.load_gist'>
-          <h5>Gist <tip>Enter a gist number or url</tip></h5>
-          <form>
-            <input type="text" ng-model="gist.url"/ placeholder="Gist number or URL"><br>
-            <button class="btn" ng-click="gist_dblist(dashboard.gist_id(gist.url))" ng-show="dashboard.is_gist(gist.url)"><i class="icon-github-alt"></i> Get gist:{{gist.url | gistid}}</button>
-            <h6 ng-show="gist.files.length">Dashboards in gist:{{gist.url | gistid}} <small>click to load</small></h6>
-            <h6 ng-hide="gist.files.length || !gist.url.length">No gist dashboards found</h6>
-            <table class="table table-condensed table-striped">
-              <tr ng-repeat="file in gist.files">
-                <td><a ng-click="dashboard.dash_load(file)">{{file.title}}</a></td>
-              </tr>
-            </table>
-          </form>
-        </li>
-      </ul>
-    </li>
-
-  </ul>
-
-
-</li>
-<li class="dropdown"ng-show="showDropdown('save')">
-  <a href="#"  bs-tooltip="'Save'" data-placement="bottom" class="dropdown-toggle" data-toggle="dropdown">
-    <i class='icon-save'></i>
-  </a>
-
-
-  <ul class="dropdown-menu" style="padding:10px">
-
-    <li ng-show="dashboard.current.loader.save_elasticsearch">
-      <form class="input-prepend nomargin">
-        <button style="margin-top:-1px" class="btn" ng-click="elasticsearch_save('dashboard')"><i class="icon-save"></i></button>
-        <input class='input-medium' ng-model="dashboard.current.title" type="text" ng-model="elasticsearch.title"/>
-      </form>
-    </li>
-
-    <li class="dropdown-submenu noarrow" ng-show="dashboard.current.loader.save_local || dashboard.current.loader.save_gist || dashboard.current.loader.save_default">
-      <a tabindex="-1" class="small" style="padding:0"><i class="icon-caret-left"></i> Advanced</a>
-      <ul class="dropdown-menu">
-
-        <li ng-show="dashboard.current.loader.save_default">
-          <a class="link" ng-click="set_default()">Save as Home</a>
-        </li>
-        <li ng-show="dashboard.current.loader.save_default">
-          <a class="link" ng-click="purge_default()">Reset Home</a>
-        </li>
-        <li ng-show="dashboard.current.loader.save_local">
-          <a class="link" ng-click="dashboard.to_file()">Export schema</a>
-        </li>
-
-        <li ng-show="dashboard.current.loader.save_gist" style="margin:10px">
-          <h6>Gist</h6>
-          <form class="input-append">
-            <input class='input-medium' placeholder='Title' type="text" ng-model="gist.title"/>
-            <button class="btn" ng-click="save_gist()"><i class="icon-github-alt"></i></button>
-          </form><br>
-          <small ng-show="gist.last">Last gist: <a target="_blank" href="{{gist.last}}">{{gist.last}}</a></small>
-        </li>
-      </ul>
-    </li>
-  </ul>
-
-
-</li>
 <li ng-show="showDropdown('share')"><a bs-tooltip="'Share'" data-placement="bottom" ng-click="elasticsearch_save('temp',dashboard.current.loader.save_temp_ttl)" bs-modal="'app/partials/dashLoaderShare.html'"><i class='icon-share'></i></a></li>
 
 <li ng-show="dashboard.current.editable" bs-tooltip="'Configure dashboard'" data-placement="bottom"><a href='#' bs-modal="'app/partials/dasheditor.html'"><i class='icon-cog pointer'></i></a></li>

src/app/partials/dasheditor.html

@@ -2,7 +2,7 @@
   <div class="pull-right editor-title">Dashboard settings</div>
 
   <div ng-model="editor.index" bs-tabs style="text-transform:capitalize;">
-    <div ng-repeat="tab in ['General', 'Rows','Controls']" data-title="{{tab}}">
+    <div ng-repeat="tab in ['General', 'Rows','Controls', 'Metrics']" data-title="{{tab}}">
     </div>
     <div ng-repeat="tab in dashboard.current.nav" data-title="{{tab.type}}">
     </div>
@@ -122,12 +122,15 @@
     </div>
   </div>
 
-  <div ng-repeat="pulldown in dashboard.current.nav" ng-controller="PulldownCtrl" ng-show="editor.index == 3+$index">
+  <div ng-show="editor.index == 3">
+    <ng-include src="'app/partials/loadmetrics.html'"></ng-include>
+  </div>
+
+  <div ng-repeat="pulldown in dashboard.current.nav" ng-controller="PulldownCtrl" ng-show="editor.index == 4+$index">
     <ng-include ng-show="pulldown.enable" src="edit_path(pulldown.type)"></ng-include>
     <button ng-hide="pulldown.enable" class="btn" ng-click="pulldown.enable = true">Enable the {{pulldown.type}}</button>
   </div>
 
-
 </div>
 
 <div class="modal-footer">

src/app/partials/loadmetrics.html

@@ -0,0 +1,25 @@
+<div ng-controller="MetricKeysCtrl" ng-init="init()">
+  <h5>Load metrics keys into elastic search</h5>
+  <div class="row-fluid">
+    <div class="span8">
+      <label class="small">Load all metric keys at once (intensive for graphite web)</label>
+    </div>
+    <div class="span4">
+      <button class="btn btn-danger">Start load all</button>
+    </div>
+  </div>
+  <div class="row-fluid">
+    <div class="span8">
+      <label class="small">Load metric keys recursively starting at metric key path</label>
+      <input type="text" class="input-xlarge" ng-model="metricPath"> </input>
+    </div>
+    <div class="span4">
+      <button class="btn btn-danger" style="margin-top: 20px" ng-click="loadMetricsFromPath()">Start load from metric path</button>
+    </div>
+  </div>
+  <div class="row-fluid">
+    <div class="span12 alert-message block-message info">
+      {{infoText}}
+    </div>
+  </div>
+</div>

src/app/partials/search.html

@@ -19,15 +19,19 @@
   <ul class="dropdown-menu grafana-search">
     <li>
       <div class="grafana-search-panel">
-        <input type="text" placeholder="search dashboards, metrics, or graphs" xng-focus="giveSearchFocus" ng-model="elasticsearch.query" ng-change="elasticsearch_dblist('title:'+elasticsearch.query+'*')" />
+        <input type="text" placeholder="search dashboards, metrics, or graphs" xng-focus="giveSearchFocus" ng-model="elasticsearch.query" ng-change="elasticsearch_dblist(elasticsearch.query)" />
 
-        <h6 ng-hide="elasticsearch.dashboards.length">No dashboards matching your query found</h6>
+        <h6 ng-hide="search_results.metrics.length">No dashboards matching your query found</h6>
         <table class="table table-condensed table-striped">
-          <tr bindonce ng-repeat="row in elasticsearch.dashboards | orderBy:['_id']">
+          <tr bindonce ng-repeat="row in search_results.metrics">
+            <td><span class="label label-info">metric</span> {{row._id}}</td>
+          </tr>
+<!--
+          <tr bindonce ng-repeat="row in search_results | orderBy:['_id']">
             <td><a ng-click="elasticsearch_delete(row._id)"><i class="icon-remove"></i></a></td>
             <td><a href="#/dashboard/elasticsearch/{{row._id}}" bo-text="row._id"></a></td>
             <td><a><i class="icon-share" ng-click="share = dashboard.share_link(row._id,'elasticsearch',row._id)" bs-modal="'app/panels/dashcontrol/share.html'"></i></a></td>
-          </tr>
+          </tr> -->
         </table>
       </div>
     </li>

src/css/bootstrap.dark.min.css

@@ -6,4 +6,4 @@
  * http://www.apache.org/licenses/LICENSE-2.0
  *
  * Designed and built with all the love in the world by @mdo and @fat.
- */.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0}.clearfix:after{clear:both}.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.input-block-level{display:block;width:100%;min-height:31px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}a:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}a:hover,a:active{outline:0}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{max-width:100%;width:auto\9;height:auto;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic}#map_canvas img,.google-maps img{max-width:none}button,input,select,textarea{margin:0;font-size:100%;vertical-align:middle}button,input{*overflow:visible;line-height:normal}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}label,select,button,input[type="button"],input[type="reset"],input[type="submit"],input[type="radio"],input[type="checkbox"]{cursor:pointer}input[type="search"]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}textarea{overflow:auto;vertical-align:top}@media print{*{text-shadow:none!important;color:#000!important;background:transparent!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}@page{margin:.5cm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}body{margin:0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:21px;color:#c8c8c8;background-color:#272b30}a{color:#fff;text-decoration:none}a:hover,a:focus{color:#fff;text-decoration:underline}.img-rounded{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}.img-polaroid{padding:4px;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.2);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.1);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.1);box-shadow:0 1px 3px rgba(0,0,0,0.1)}.img-circle{-webkit-border-radius:500px;-moz-border-radius:500px;border-radius:500px}.row{margin-left:-10px;*zoom:1}.row:before,.row:after{display:table;content:"";line-height:0}.row:after{clear:both}[class*="span"]{float:left;min-height:1px;margin-left:10px}.container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:830px}.span12{width:830px}.span11{width:760px}.span10{width:690px}.span9{width:620px}.span8{width:550px}.span7{width:480px}.span6{width:410px}.span5{width:340px}.span4{width:270px}.span3{width:200px}.span2{width:130px}.span1{width:60px}.offset12{margin-left:850px}.offset11{margin-left:780px}.offset10{margin-left:710px}.offset9{margin-left:640px}.offset8{margin-left:570px}.offset7{margin-left:500px}.offset6{margin-left:430px}.offset5{margin-left:360px}.offset4{margin-left:290px}.offset3{margin-left:220px}.offset2{margin-left:150px}.offset1{margin-left:80px}.row-fluid{width:100%;*zoom:1}.row-fluid:before,.row-fluid:after{display:table;content:"";line-height:0}.row-fluid:after{clear:both}.row-fluid [class*="span"]{display:block;width:100%;min-height:31px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left;margin-left:1.2048192771084338%;*margin-left:1.144578313253012%}.row-fluid [class*="span"]:first-child{margin-left:0}.row-fluid .controls-row [class*="span"]+[class*="span"]{margin-left:1.2048192771084338%}.row-fluid .span12{width:100%;*width:99.93975903614458%}.row-fluid .span11{width:91.56626506024097%;*width:91.50602409638554%}.row-fluid .span10{width:83.13253012048192%;*width:83.0722891566265%}.row-fluid .span9{width:74.6987951807229%;*width:74.63855421686748%}.row-fluid .span8{width:66.26506024096385%;*width:66.20481927710843%}.row-fluid .span7{width:57.831325301204814%;*width:57.77108433734939%}.row-fluid .span6{width:49.39759036144578%;*width:49.33734939759036%}.row-fluid .span5{width:40.963855421686745%;*width:40.903614457831324%}.row-fluid .span4{width:32.53012048192771%;*width:32.46987951807229%}.row-fluid .span3{width:24.096385542168676%;*width:24.036144578313255%}.row-fluid .span2{width:15.662650602409638%;*width:15.60240Line truncated
+ */.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0}.clearfix:after{clear:both}.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.input-block-level{display:block;width:100%;min-height:31px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}a:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}a:hover,a:active{outline:0}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{max-width:100%;width:auto\9;height:auto;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic}#map_canvas img,.google-maps img{max-width:none}button,input,select,textarea{margin:0;font-size:100%;vertical-align:middle}button,input{*overflow:visible;line-height:normal}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}label,select,button,input[type="button"],input[type="reset"],input[type="submit"],input[type="radio"],input[type="checkbox"]{cursor:pointer}input[type="search"]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}textarea{overflow:auto;vertical-align:top}@media print{*{text-shadow:none!important;color:#000!important;background:transparent!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}@page{margin:.5cm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}body{margin:0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:21px;color:#c8c8c8;background-color:#272b30}a{color:#fff;text-decoration:none}a:hover,a:focus{color:#fff;text-decoration:underline}.img-rounded{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}.img-polaroid{padding:4px;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.2);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.1);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.1);box-shadow:0 1px 3px rgba(0,0,0,0.1)}.img-circle{-webkit-border-radius:500px;-moz-border-radius:500px;border-radius:500px}.row{margin-left:-10px;*zoom:1}.row:before,.row:after{display:table;content:"";line-height:0}.row:after{clear:both}[class*="span"]{float:left;min-height:1px;margin-left:10px}.container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:830px}.span12{width:830px}.span11{width:760px}.span10{width:690px}.span9{width:620px}.span8{width:550px}.span7{width:480px}.span6{width:410px}.span5{width:340px}.span4{width:270px}.span3{width:200px}.span2{width:130px}.span1{width:60px}.offset12{margin-left:850px}.offset11{margin-left:780px}.offset10{margin-left:710px}.offset9{margin-left:640px}.offset8{margin-left:570px}.offset7{margin-left:500px}.offset6{margin-left:430px}.offset5{margin-left:360px}.offset4{margin-left:290px}.offset3{margin-left:220px}.offset2{margin-left:150px}.offset1{margin-left:80px}.row-fluid{width:100%;*zoom:1}.row-fluid:before,.row-fluid:after{display:table;content:"";line-height:0}.row-fluid:after{clear:both}.row-fluid [class*="span"]{display:block;width:100%;min-height:31px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left;margin-left:1.2048192771084338%;*margin-left:1.144578313253012%}.row-fluid [class*="span"]:first-child{margin-left:0}.row-fluid .controls-row [class*="span"]+[class*="span"]{margin-left:1.2048192771084338%}.row-fluid .span12{width:100%;*width:99.93975903614458%}.row-fluid .span11{width:91.56626506024097%;*width:91.50602409638554%}.row-fluid .span10{width:83.13253012048192%;*width:83.0722891566265%}.row-fluid .span9{width:74.6987951807229%;*width:74.63855421686748%}.row-fluid .span8{width:66.26506024096385%;*width:66.20481927710843%}.row-fluid .span7{width:57.831325301204814%;*width:57.77108433734939%}.row-fluid .span6{width:49.39759036144578%;*width:49.33734939759036%}.row-fluid .span5{width:40.963855421686745%;*width:40.903614457831324%}.row-fluid .span4{width:32.53012048192771%;*width:32.46987951807229%}.row-fluid .span3{width:24.096385542168676%;*width:24.036144578313255%}.row-fluid .span2{width:15.662650602409638%;*width:15.60240Line truncated

src/vendor/bootstrap/less/grafana.less

@@ -18,3 +18,8 @@
   //padding: 0 0 10px 10px;
 }
 
+.modal {
+  width: 770px;
+  margin-left: -385px;
+  top: 100px !important;
+}