cmd/bosun disable items menu point for environments without OpenTSDB …

…configured (bosun-monitor#2267)
bookingcom · Jun 18, 2018 · 989b8da · 989b8da
1 parent eb0f611
commit 989b8da
Show file tree

Hide file tree

Showing 2 changed files with 48 additions and 39 deletions.
diff --git a/cmd/bosun/web/static.go b/cmd/bosun/web/static.go
diff --git a/cmd/bosun/web/static/templates/index.html b/cmd/bosun/web/static/templates/index.html
@@ -9,6 +9,10 @@
 		<link href="/static/css/jquery-ui.min.css" rel="stylesheet">
 		<link href="/static/css/font-awesome.min.css" rel="stylesheet">
 		<style>
+			.disabled, .disabled:hover {
+				cursor: not-allowed;
+				color: #999999 !important;
+			}
 			.navbar-static-top {
 				margin-bottom: 19px;
 			}
@@ -112,7 +116,10 @@
 				</div>
 				<div class="navbar-collapse collapse" id="navbar-collapse">
 					<ul class="nav navbar-nav">
-						<li ng-class="active('items')"><a href="/items">Items</a></li>
+						<li ng-class="active('items')">
+							<a ng-if="opentsdbEnabled" href="/items">Items</a>
+							<a ng-if="!opentsdbEnabled" class="disabled" tooltip title="Items available for configured OpenTSDB datasource" href="javascript:void(0)">Items</a>
+						</li>
 						<li ng-show="opentsdbEnabled" ng-class="active('graph')"><a href="/graph">Graph</a></li>
 						<li ng-class="active('expr')"><a href="/expr">Expression</a></li>
 						<li ng-class="active('config')"><a href="/config">Rule Editor</a></li>