dashboard/app: add dropdown with subsystems

Author: tarasmadan

dashboard/app/main.go

@@ -70,6 +70,7 @@ func initHTTPHandlers() {
 			http.Handle("/"+ns+"/graph/coverage", handlerWrapper(handleCoverageGraph))
 			http.Handle("/"+ns+"/graph/coverage_heatmap", handlerWrapper(handleCoverageHeatmap))
 			if nsConfig.Subsystems.Service != nil {
+				http.Handle("/"+ns+"/subsystems.json", handlerWrapper(handleSubsystemsCoverageHeatmap))
 				http.Handle("/"+ns+"/graph/coverage_subsystems_heatmap", handlerWrapper(handleSubsystemsCoverageHeatmap))
 			}
 		}
@@ -1423,6 +1424,14 @@ func findBugByID(c context.Context, r *http.Request) (*Bug, error) {
 	return nil, fmt.Errorf("mandatory parameter id/extid is missing")
 }
 
+func ssListJSON(service *subsystem.Service, w http.ResponseWriter) error {
+	res := []string{}
+	for _, subsystem := range service.List() {
+		res = append(res, subsystem.Name)
+	}
+	return json.NewEncoder(w).Encode(res)
+}
+
 func handleSubsystemsList(c context.Context, w http.ResponseWriter, r *http.Request) error {
 	hdr, err := commonHeader(c, r, w, "")
 	if err != nil {
@@ -1436,6 +1445,13 @@ func handleSubsystemsList(c context.Context, w http.ResponseWriter, r *http.Requ
 	if service == nil {
 		return fmt.Errorf("%w: the namespace does not have subsystems", ErrClientBadRequest)
 	}
+	if r.FormValue("json") == "1" {
+		w.Header().Set("Content-Type", "application/json")
+		if err := ssListJSON(service, w); err != nil {
+			return fmt.Errorf("ssListJSON: %w", err)
+		}
+		return nil
+	}
 	nonEmpty := r.FormValue("all") != "true"
 	list := []*uiSubsystem{}
 	someHidden := false

dashboard/app/static/coverage.js

@@ -11,6 +11,23 @@ function initTogglers(){
   });
 }
 
+function initDropdowns(){
+  $.ajax({
+    url: '/upstream/subsystems?json=1',
+    method: 'GET',
+    success: function(data) {
+      data.forEach(item => {
+        $('#target-subsystem').append(new Option(item, item));
+      });
+    },
+    error: function() {
+      log('Failed to load subsystem names.');
+    }
+  });
+}
+
+$(document).ready(initDropdowns);
+
 // This handler is called when user clicks on the coverage percentage.
 // It downloads the kernel file coverage html block and adjust page to show it.
 // "#file-content-prev" and "#file-content-curr" are the file content <div>s.

pkg/cover/templates/heatmap.html

@@ -105,6 +105,14 @@
 
 {{ define "body" }}
   <div style="white-space: nowrap">
+    <div>
+      <select id="target-subsystem">
+        <option value="*">*</option>
+      </select>
+      <select id="target-manager">
+        <option value="*">*</option>
+      </select>
+    </div>
     <div style="display:inline-block">
       <ul id="collapsible-list">
         <li>