Added drill-down to statistics panel to jump into a specified tracing backend (#11)

Author: fylip97

src/css/novatec-service-dependency-graph-panel.css

@@ -57,11 +57,13 @@
   padding-top: 1.5rem;
   padding-bottom: 0.5rem;
 }
+
 .no-data--selection{
   font-size: 1.2em;
   display: block;
   text-align: center;
 }
+
 .table--selection {
   width: 99%;
   table-layout: fixed;
@@ -89,4 +91,6 @@
   background-color: #28282a;
   border-top: 2px solid #161719;
   color: #33b5e5;
-}
+}
+
+

src/options_ctrl.ts

@@ -42,6 +42,12 @@ export class OptionsCtrl {
 		return [];
 	}
 
+	getTraceBackend() {
+
+		return ["http://localhost:9411/zipkin/?serviceName={}", "http://localhost:9411/zipkin/?serviceName={}&lookback=custom&startTs=[[__from]]&endTs=[[__to]]", "http://localhost:16686/search?service={}&end=[[__to]]&limit=20&lookback=custom&start=[[__from]]"
+		]
+	}
+
 	getPrefixCandidates() {
 		var aggregationType = (_.find(this.controller.dashboard.templating.list, {
 			name: 'aggregationType'

src/partials/module.html

@@ -13,8 +13,14 @@
             </div>
         </div>
 
+
         <div ng-class="{statistics: true, 'show': ctrl.showStatistics}">
-            <div class="header--selection">{{ctrl.selectionId}}</div>
+            <div class="header--selection">{{ctrl.selectionId}}
+                <a target="_blank" ng-href="{{ctrl.resolvedDrillDownLink}}"
+                    ng-show="ctrl.resolvedDrillDownLink && ctrl.resolvedDrillDownLink.length > 0 && ctrl.currentType === 'INTERNAL'">
+                    <i class="fa fa-paper-plane-o"></i>
+                </a>
+            </div>
             <div class="secondHeader--selection">Receiving</div>
             <div class="no-data--selection" ng-show="ctrl.receiving.length == 0">No receiving Data</div>
             <table class="table--selection" ng-show="ctrl.receiving.length > 0">
@@ -51,7 +57,6 @@
             </table>
         </div>
     </div>
-
     <div ng-show="ctrl.getError()">{{ctrl.getError()}}</div>
 
 </div>