mirror/helm-dashboard
1
0
Fork 0
mirror of https://github.com/komodorio/helm-dashboard.git synced 2026-03-24 11:48:04 +00:00
Code Issues Packages Projects Releases Wiki Activity

Enhancement/show chart icon and description (#70)

Browse Source 
* New API to fetch chart.yaml for an installec chart

* Show icon and description for installed chart list

Co-authored-by: Harshit Mehta <harshitm@nvidia.com>
This commit is contained in:
Harshit Mehta
2022-11-09 13:53:44 +05:30
committed by GitHub
parent b9392ab4c9
commit 76d55f8e44
5 changed files with 75 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
pkg/dashboard/static/list-view.js
View File

@@ -20,7 +20,7 @@ function loadChartsList() {
}
function buildChartCard(elm) {
const card = $(`<div class="row m-0 py-3 bg-white rounded-1 b-shadow border-4 border-start">
const card = $(`<div class="row m-0 py-4 bg-white rounded-1 b-shadow border-4 border-start">
<div class="col-4 rel-name"><span class="link">release-name</span><div></div></div>
<div class="col-3 rel-status"><span></span><div></div></div>
<div class="col-2 rel-chart text-nowrap"><span></span><div>Chart Version</div></div>
@@ -28,6 +28,27 @@ function buildChartCard(elm) {
<div class="col-1 rel-ns text-nowrap"><span>default</span><div>Namespace</div></div>
<div class="col-1 rel-date text-nowrap"><span>today</span><div>Updated</div></div>
</div>`)
$.getJSON("/api/helm/repo/search?name=" + elm.name).fail(function (xhr) {
reportError("Failed to get repo name for charts", xhr)
}).done(function (data) {
if(data.length > 0) {
$.getJSON("/api/helm/charts/show?name=" + data[0].name).fail(function (xhr) {
reportError("Failed to get list of charts", xhr)
}).done(function (data) {
if(data) {
var res = data[0]
if(res.icon) {
card.find(".rel-name").attr("style", "background-image: url(" + res.icon + ")")
}
if(res.description) {
card.find(".rel-name div").text(res.description)
}
}
})
}
})
card.find(".rel-name span").text(elm.name)
card.find(".rel-rev span").text("#" + elm.revision)

4
pkg/dashboard/static/styles.css
View File

@@ -162,6 +162,10 @@ span.link {
background-size: 3rem;
}
#installedList .rel-name div {
overflow: hidden;
}
#installedList .rel-name span {
font-family: Roboto Slab, sans-serif;
font-weight: 700;