mirror of
https://github.com/komodorio/helm-dashboard.git
synced 2026-03-24 11:48:04 +00:00
7fd5fcc5b2
* Logos change * Coding HTML * Top bar * Top bar is fine * Restyling it * progressing * age line * cosmetics * Installed list is fine * Save * revision list display * Split up files * Rev list works * Details * Working on details * Action buttons * cosmetics * Describe flyout * Uninstall confirm flyout * Working on flyouts * Fixed the actions working * Polishing it * Cosmetics
64 lines
2.9 KiB
JavaScript
64 lines
2.9 KiB
JavaScript
const revRow = $("#sectionDetails .rev-list ul");
|
|
|
|
function loadChartHistory(namespace, name) {
|
|
$("#sectionDetails").show()
|
|
$("#sectionDetails .name").text(name)
|
|
revRow.empty().append("<li><span class=\"spinner-border spinner-border-sm\" role=\"status\" aria-hidden=\"true\"></span></li>")
|
|
$.getJSON("/api/helm/charts/history?name=" + name + "&namespace=" + namespace).fail(function (xhr) {
|
|
reportError("Failed to get chart details", xhr)
|
|
}).done(function (data) {
|
|
fillChartHistory(data, namespace, name);
|
|
|
|
checkUpgradeable(data[data.length - 1].chart_name)
|
|
|
|
const rev = getHashParam("revision")
|
|
if (rev) {
|
|
revRow.find(".rev-" + rev).click()
|
|
} else {
|
|
revRow.find("li:first-child").click()
|
|
}
|
|
})
|
|
}
|
|
|
|
function fillChartHistory(data, namespace, name) {
|
|
revRow.empty()
|
|
data.reverse()
|
|
for (let x = 0; x < data.length; x++) {
|
|
const elm = data[x]
|
|
$("#specRev").val(elm.revision).data("first-rev", elm.revision)
|
|
|
|
if (!x) {
|
|
$("#specRev").data("last-rev", elm.revision).data("last-chart-ver", elm.chart_ver)
|
|
}
|
|
|
|
const rev = $(`<li class="px-2 pt-5 pb-4 mb-2 rounded border border-secondary bg-secondary position-relative">
|
|
<div class="rev-status position-absolute top-0 m-2 mb-5 start-0 fw-bold"></div>
|
|
<div class="rev-number position-absolute top-0 m-2 mb-5 end-0 fw-bold fs-6"></div>
|
|
<div class="rev-changes position-absolute bottom-0 start-0 m-2 text-muted small"></div>
|
|
<div class="position-absolute bottom-0 end-0 m-2 text-muted small">AGE: <span class="rev-age"></span></div>
|
|
</li>`)
|
|
rev.find(".rev-number").text("#" + elm.revision)
|
|
//rev.find(".app-ver").text(elm.app_version)
|
|
//rev.find(".chart-ver").text(elm.chart_ver)
|
|
rev.find(".rev-date").text(elm.updated.replace("T", " "))
|
|
|
|
rev.find(".rev-age").text(getAge(elm, data[x - 1])).parent().attr("title", elm.updated)
|
|
statusStyle(elm.status, rev.find(".rev-status"), rev.find(".rev-status"))
|
|
|
|
const nxt = data[x + 1];
|
|
if (nxt && isNewerVersion(elm.chart_ver, nxt.chart_ver)) {
|
|
rev.find(".rev-changes").html("<span class='strike'>" + nxt.chart_ver + "</span> <i class='text-danger bi-arrow-down-right'></i> " + elm.chart_ver)
|
|
} else if (nxt && isNewerVersion(nxt.chart_ver, elm.chart_ver)) {
|
|
rev.find(".rev-changes").html("<span class='strike'>" + nxt.chart_ver + "</span> <i class='text-success bi-arrow-up-right'></i> " + elm.chart_ver)
|
|
}
|
|
|
|
rev.data("elm", elm)
|
|
rev.addClass("rev-" + elm.revision)
|
|
rev.click(function () {
|
|
revisionClicked(namespace, name, $(this))
|
|
})
|
|
|
|
revRow.append(rev)
|
|
}
|
|
}
|