Only display NS that has charts (#113)

pkg/dashboard/static/list-view.js

@@ -9,12 +9,24 @@ function loadChartsList() {
     }).done(function (data) {
         chartsCards.empty().hide()
         $("#installedList .header h2 span").text(data.length)
+        const usedNS = {}
         data.forEach(function (elm) {
             let card = buildChartCard(elm);
             chartsCards.append(card)
+            usedNS[elm.namespace] = usedNS[elm.namespace] ? usedNS[elm.namespace] + 1 : 1
         })
         sendStats('Get releases', {'status': 'success', length:data.length});
         filterInstalledList(chartsCards.find(".row"))
+        $("#namespace li").each(function (ix, obj) {
+            obj = $(obj)
+            const objNS = obj.find("input").val();
+            if (usedNS[objNS]) {
+                obj.find("label .text-muted").text('['+usedNS[objNS]+']')
+                obj.show()
+            } else {
+                obj.hide()
+            }
+        })
         chartsCards.show()
         if (!data.length) {
             $("#installedList .no-charts").show()
@@ -22,7 +34,6 @@ function loadChartsList() {
     })
 }
 
-
 function buildChartCard(elm) {
     const card = $(`<div class="row m-0 py-4 bg-white rounded-1 b-shadow border-4 border-start link">
             <div class="col-4 rel-name"><span>release-name</span><div></div></div>

pkg/dashboard/static/scripts.js

@@ -212,7 +212,7 @@ function fillNamespaceList(data) {
     }
     Array.from(data).forEach(function (elm) {
         const filteredNamespace = getHashParam("filteredNamespace")
-        let opt = $('<li><label><input type="checkbox" name="namespace" class="me-2"/><span></span></label></li>');
+        let opt = $('<li class="display-none"><label><input type="checkbox" name="namespace" class="me-2"/><span></span><span class="text-muted ms-2"></span></label></li>');
         opt.attr('title', elm.metadata.name)
         opt.find("input").val(elm.metadata.name).text(elm.metadata.name)
         opt.find("span").text(elm.metadata.name)