Sergey Antropoff
eb063aec20
- Выделена страница списка кластеров, панель упрощена; nav_active и крошки ведут в раздел Кластеры; theme.js синхронизирует активную пилюлю по URL. - Доработки дашборда, аддонов, журнала, стилей и API-документации. - Поддержка Podman: docker-compose.podman.yml, скрипты сокета; Makefile и env.
754 lines
30 KiB
JavaScript
754 lines
30 KiB
JavaScript
/**
|
||
* Страница Helm-аддонов: GET /api/v1/clusters, статус и POST/DELETE …/addons/*.
|
||
*
|
||
* Автор: Сергей Антропов
|
||
* Сайт: https://devops.org.ru
|
||
*/
|
||
(function () {
|
||
"use strict";
|
||
|
||
const body = document.body;
|
||
if ((body.getAttribute("data-dashboard-mode") || "") !== "addons") return;
|
||
|
||
const API = (body.dataset.apiBase || "/api/v1").replace(/\/$/, "");
|
||
|
||
/** data-endpoint кнопки → поле ответа GET …/addons/status */
|
||
var ENDPOINT_TO_STATUS_KEY = {
|
||
"ingress-nginx": "ingress_nginx",
|
||
"kube-prometheus-stack": "kube_prometheus_stack",
|
||
"metrics-server": "metrics_server",
|
||
"istio-kiali": "istio_mesh_ready",
|
||
};
|
||
|
||
var ADDON_HUMAN_LABEL = {
|
||
"ingress-nginx": "ingress-nginx",
|
||
"kube-prometheus-stack": "kube-prometheus-stack",
|
||
"metrics-server": "metrics-server",
|
||
"istio-kiali": "Istio + Kiali",
|
||
};
|
||
|
||
/** Последний успешный снимок статуса (для подписи «Установить» / «Обновить»). */
|
||
var lastAddonsStatus = null;
|
||
|
||
/** @type {((value: boolean) => void) | null} */
|
||
var confirmModalResolver = null;
|
||
var confirmModalIsAlert = false;
|
||
|
||
function isConfirmModalOpen() {
|
||
const el = document.getElementById("confirm-modal-overlay");
|
||
return !!(el && !el.classList.contains("hidden"));
|
||
}
|
||
|
||
function closeConfirmModal(confirmed) {
|
||
const ov = document.getElementById("confirm-modal-overlay");
|
||
const cancelBtn = document.getElementById("confirm-modal-cancel");
|
||
if (ov) ov.classList.add("hidden");
|
||
document.body.classList.remove("modal-open");
|
||
if (cancelBtn) cancelBtn.classList.remove("hidden");
|
||
if (confirmModalResolver) {
|
||
var fn = confirmModalResolver;
|
||
confirmModalResolver = null;
|
||
var out = confirmModalIsAlert ? true : !!confirmed;
|
||
confirmModalIsAlert = false;
|
||
fn(out);
|
||
} else {
|
||
confirmModalIsAlert = false;
|
||
}
|
||
}
|
||
|
||
/**
|
||
* Модальное подтверждение (разметка из partials/dashboard_modals.html).
|
||
* @param {{ title?: string, message: string, confirmLabel?: string, danger?: boolean, alert?: boolean }} opts
|
||
* @returns {Promise<boolean>}
|
||
*/
|
||
function openConfirmModal(opts) {
|
||
return new Promise(function (resolve) {
|
||
const ov = document.getElementById("confirm-modal-overlay");
|
||
const titleEl = document.getElementById("confirm-modal-title");
|
||
const msgEl = document.getElementById("confirm-modal-message");
|
||
const okBtn = document.getElementById("confirm-modal-ok");
|
||
const cancelBtn = document.getElementById("confirm-modal-cancel");
|
||
if (!ov || !titleEl || !msgEl || !okBtn) {
|
||
resolve(false);
|
||
return;
|
||
}
|
||
if (confirmModalResolver) {
|
||
const prevFn = confirmModalResolver;
|
||
confirmModalResolver = null;
|
||
confirmModalIsAlert = false;
|
||
prevFn(false);
|
||
ov.classList.add("hidden");
|
||
document.body.classList.remove("modal-open");
|
||
if (cancelBtn) cancelBtn.classList.remove("hidden");
|
||
}
|
||
confirmModalResolver = resolve;
|
||
confirmModalIsAlert = !!opts.alert;
|
||
titleEl.textContent = opts.title || "Подтвердите действие";
|
||
msgEl.textContent = opts.message || "";
|
||
okBtn.textContent = opts.confirmLabel || (confirmModalIsAlert ? "Понятно" : "Подтвердить");
|
||
okBtn.className = opts.danger ? "btn-danger" : "";
|
||
if (cancelBtn) {
|
||
cancelBtn.classList.toggle("hidden", confirmModalIsAlert);
|
||
}
|
||
ov.classList.remove("hidden");
|
||
document.body.classList.add("modal-open");
|
||
okBtn.focus();
|
||
});
|
||
}
|
||
|
||
function bindConfirmModalControls() {
|
||
const confirmOv = document.getElementById("confirm-modal-overlay");
|
||
const confirmCancel = document.getElementById("confirm-modal-cancel");
|
||
const confirmOk = document.getElementById("confirm-modal-ok");
|
||
if (confirmCancel) {
|
||
confirmCancel.addEventListener("click", function () {
|
||
closeConfirmModal(false);
|
||
});
|
||
}
|
||
if (confirmOk) {
|
||
confirmOk.addEventListener("click", function () {
|
||
closeConfirmModal(true);
|
||
});
|
||
}
|
||
if (confirmOv) {
|
||
confirmOv.addEventListener("click", function (ev) {
|
||
if (ev.target === confirmOv) closeConfirmModal(confirmModalIsAlert ? true : false);
|
||
});
|
||
}
|
||
document.addEventListener("keydown", function (ev) {
|
||
if (ev.key !== "Escape" || !isConfirmModalOpen()) return;
|
||
closeConfirmModal(false);
|
||
});
|
||
}
|
||
|
||
/**
|
||
* @param {string} path
|
||
* @param {RequestInit} [opts]
|
||
*/
|
||
async function api(path, opts) {
|
||
const url = path.startsWith("http") ? path : API + path;
|
||
const r = await fetch(url, opts);
|
||
const text = await r.text();
|
||
var data;
|
||
try {
|
||
data = text ? JSON.parse(text) : null;
|
||
} catch (e) {
|
||
data = { raw: text };
|
||
}
|
||
if (!r.ok) {
|
||
const msg =
|
||
typeof data.detail === "string"
|
||
? data.detail
|
||
: Array.isArray(data.detail)
|
||
? data.detail.map(function (x) { return x.msg || JSON.stringify(x); }).join("; ")
|
||
: text || r.statusText;
|
||
const err = new Error(msg);
|
||
err.status = r.status;
|
||
throw err;
|
||
}
|
||
return data;
|
||
}
|
||
|
||
const sel = document.getElementById("addons-cluster-select");
|
||
const statusBar = document.getElementById("addons-status-bar");
|
||
const addonsCardsWrap = document.getElementById("addons-cards-wrap");
|
||
const helmWrap = document.getElementById("addons-helm-progress-wrap");
|
||
const helmHint = document.getElementById("addons-helm-progress-hint");
|
||
const helmBar = document.getElementById("addons-helm-progress-bar");
|
||
const helmTrack = document.getElementById("addons-helm-progress-track");
|
||
const helmLabel = document.getElementById("addons-helm-progress-label");
|
||
const helmLogPanel = document.getElementById("addons-helm-log-panel");
|
||
const bootstrapMsg = document.getElementById("addons-bootstrap-msg");
|
||
|
||
function getClusterName() {
|
||
if (!sel || !sel.value) return "";
|
||
return String(sel.value).trim();
|
||
}
|
||
|
||
/** Карточки аддонов — только при выбранном кластере в селекте. */
|
||
function updateAddonsCardsVisibility() {
|
||
if (!addonsCardsWrap) return;
|
||
var n = getClusterName();
|
||
addonsCardsWrap.classList.toggle("hidden", !n);
|
||
addonsCardsWrap.setAttribute("aria-hidden", n ? "false" : "true");
|
||
}
|
||
|
||
/**
|
||
* Предупреждения загрузки списка кластеров / версий чартов (не путать с журналом Helm).
|
||
* @param {string} text пустая строка — скрыть блок
|
||
*/
|
||
function setBootstrapMsg(text) {
|
||
if (!bootstrapMsg) return;
|
||
var s = (text || "").trim();
|
||
if (!s) {
|
||
bootstrapMsg.classList.add("hidden");
|
||
bootstrapMsg.textContent = "";
|
||
return;
|
||
}
|
||
bootstrapMsg.classList.remove("hidden");
|
||
bootstrapMsg.textContent = s;
|
||
}
|
||
|
||
/** Показать карточку «Ход операции Helm» (как create-progress-wrap на странице создания кластера). */
|
||
function revealHelmProgressSection() {
|
||
if (!helmWrap) return;
|
||
helmWrap.classList.remove("hidden");
|
||
helmWrap.setAttribute("aria-hidden", "false");
|
||
}
|
||
|
||
function updateHelmProgressBar(pct, stage) {
|
||
var p = Math.max(0, Math.min(100, Number(pct) || 0));
|
||
if (helmBar) helmBar.style.width = p + "%";
|
||
if (helmTrack) helmTrack.setAttribute("aria-valuenow", String(p));
|
||
if (helmLabel) helmLabel.textContent = stage || "—";
|
||
}
|
||
|
||
/** Полный текст журнала в панели с теми же классами, что «Журнал задания» при создании кластера. */
|
||
function setHelmLogText(text) {
|
||
if (!helmLogPanel) return;
|
||
helmLogPanel.textContent = text || "";
|
||
helmLogPanel.scrollTop = helmLogPanel.scrollHeight;
|
||
}
|
||
|
||
/**
|
||
* Блокировка форм на время синхронного запроса Helm (без полноэкранного спиннера).
|
||
* @param {boolean} disabled
|
||
*/
|
||
function setAddonFormsDisabled(disabled) {
|
||
document
|
||
.querySelectorAll(
|
||
"#addons-cards-wrap .cluster-addon-card button, #addons-cards-wrap .cluster-addon-card input, #addons-cards-wrap .cluster-addon-card select, #addons-cards-wrap .cluster-addon-card textarea",
|
||
)
|
||
.forEach(function (el) {
|
||
el.disabled = !!disabled;
|
||
});
|
||
if (sel) sel.disabled = !!disabled;
|
||
var refBtn = document.getElementById("addons-refresh-status");
|
||
if (refBtn) refBtn.disabled = !!disabled;
|
||
}
|
||
|
||
/** Скрыть полноэкранный спиннер первой загрузки страницы (как на панели и странице кластера). */
|
||
function hideAddonsPageLoadingOverlay() {
|
||
const el = document.getElementById("addons-page-loading-overlay");
|
||
if (!el) return;
|
||
el.classList.add("hidden");
|
||
el.setAttribute("aria-busy", "false");
|
||
el.setAttribute("aria-hidden", "true");
|
||
document.body.classList.remove("cluster-addons-page-loading");
|
||
}
|
||
|
||
/**
|
||
* Текстовое сообщение в полосе статуса (нет кластера / ошибка).
|
||
* @param {string} text
|
||
*/
|
||
function renderAddonStatusMessage(text) {
|
||
if (!statusBar) return;
|
||
statusBar.className = "cluster-addons-status-bar cluster-addons-status-bar--message muted";
|
||
statusBar.replaceChildren();
|
||
const p = document.createElement("p");
|
||
p.className = "cluster-addons-status-msg";
|
||
p.textContent = text;
|
||
statusBar.appendChild(p);
|
||
}
|
||
|
||
/** Максимальная длина поля values_yaml на сервере (см. Pydantic max_length). */
|
||
var VALUES_YAML_MAX_LEN = 131072;
|
||
|
||
/**
|
||
* Полоса под селектором кластера: только сообщения (нет кластера / ошибка), без сетки статусов.
|
||
*/
|
||
function clearAddonToolbarStatusBar() {
|
||
if (!statusBar) return;
|
||
statusBar.className = "cluster-addons-status-bar";
|
||
statusBar.replaceChildren();
|
||
}
|
||
|
||
/**
|
||
* Бейджи «Установлен» / «Не установлен» в правом верхнем углу карточки аддона.
|
||
* @param {object | null | undefined} st ответ GET …/addons/status или null при сбросе
|
||
*/
|
||
function updateAddonCardBadges(st) {
|
||
document.querySelectorAll(".cluster-addon-card[data-addon]").forEach(function (card) {
|
||
var da = card.getAttribute("data-addon") || "";
|
||
var key = ENDPOINT_TO_STATUS_KEY[da];
|
||
var on = !!(st && key && st[key]);
|
||
var badge = card.querySelector(".cluster-addon-card__badge");
|
||
if (!badge) return;
|
||
badge.textContent = on ? "Установлен" : "Не установлен";
|
||
badge.className =
|
||
"cluster-addon-card__badge" + (on ? " cluster-addon-card__badge--on" : " cluster-addon-card__badge--off");
|
||
var hum = ADDON_HUMAN_LABEL[da] || da;
|
||
badge.setAttribute("aria-label", hum + ": " + (on ? "установлен" : "не установлен"));
|
||
});
|
||
}
|
||
|
||
/**
|
||
* Прикрепить к телу POST YAML из textarea (полные values чарта). Для istio-kiali — три поля.
|
||
* Пустой textarea → поле не отправляется (сервер соберёт defaults или пропустит -f).
|
||
* @param {string} ep data-endpoint
|
||
* @param {Record<string, unknown>} payload
|
||
* @returns {boolean}
|
||
*/
|
||
function attachAddonYamlToPayload(ep, payload) {
|
||
if (ep === "istio-kiali") {
|
||
var triple = [
|
||
{ id: "addons-values-yaml-istio-kiali", key: "values_yaml" },
|
||
{ id: "addons-values-yaml-istio-base", key: "istio_base_values_yaml" },
|
||
{ id: "addons-values-yaml-istio-istiod", key: "istio_istiod_values_yaml" },
|
||
];
|
||
for (var i = 0; i < triple.length; i++) {
|
||
var ta = document.getElementById(triple[i].id);
|
||
if (!ta) continue;
|
||
var s = String(ta.value || "").trim();
|
||
if (!s) continue;
|
||
if (s.length > VALUES_YAML_MAX_LEN) {
|
||
alert("Текст YAML слишком длинный (максимум " + VALUES_YAML_MAX_LEN + " символов).");
|
||
return false;
|
||
}
|
||
payload[triple[i].key] = s;
|
||
}
|
||
return true;
|
||
}
|
||
var id = "addons-values-yaml-" + ep;
|
||
var ta2 = document.getElementById(id);
|
||
if (!ta2) return true;
|
||
var s2 = String(ta2.value || "").trim();
|
||
if (!s2) return true;
|
||
if (s2.length > VALUES_YAML_MAX_LEN) {
|
||
alert("Текст YAML слишком длинный (максимум " + VALUES_YAML_MAX_LEN + " символов).");
|
||
return false;
|
||
}
|
||
payload.values_yaml = s2;
|
||
return true;
|
||
}
|
||
|
||
var COMPOSE_DEBOUNCE_MS = 600;
|
||
/** @type {ReturnType<typeof setTimeout> | null} */
|
||
var composeDebounceTimer = null;
|
||
|
||
/**
|
||
* Заполнить все textarea: один POST **compose-values-batch** (один helm repo update на сервере).
|
||
*/
|
||
async function refreshAllComposeValuesFromServer() {
|
||
setBootstrapMsg("");
|
||
var si = document.getElementById("addons-ing-version-select");
|
||
var pv = document.getElementById("addons-prom-version-select");
|
||
var ms = document.getElementById("addons-ms-version-select");
|
||
var isel = document.getElementById("addons-istio-version-select");
|
||
var ksel = document.getElementById("addons-kiali-version-select");
|
||
var gu = document.getElementById("addons-grafana-user");
|
||
var gp = document.getElementById("addons-grafana-pass");
|
||
var batchBody = {
|
||
ingress_chart_version: si && si.value.trim() ? si.value.trim() : null,
|
||
kube_prometheus_chart_version: pv && pv.value.trim() ? pv.value.trim() : null,
|
||
metrics_server_chart_version: ms && ms.value.trim() ? ms.value.trim() : null,
|
||
istio_chart_version: isel && isel.value.trim() ? isel.value.trim() : null,
|
||
kiali_chart_version: ksel && ksel.value.trim() ? ksel.value.trim() : null,
|
||
grafana_admin_user: gu ? gu.value.trim() || null : null,
|
||
grafana_admin_password: gp ? gp.value || null : null,
|
||
};
|
||
try {
|
||
var r = await api("/helm/addons/compose-values-batch", {
|
||
method: "POST",
|
||
headers: { "Content-Type": "application/json", Accept: "application/json" },
|
||
body: JSON.stringify(batchBody),
|
||
});
|
||
var ti = document.getElementById("addons-values-yaml-ingress-nginx");
|
||
var tp = document.getElementById("addons-values-yaml-kube-prometheus-stack");
|
||
var tm = document.getElementById("addons-values-yaml-metrics-server");
|
||
var tk = document.getElementById("addons-values-yaml-istio-kiali");
|
||
var tb = document.getElementById("addons-values-yaml-istio-base");
|
||
var tiod = document.getElementById("addons-values-yaml-istio-istiod");
|
||
if (ti) ti.value = r.ingress_nginx_values_yaml || "";
|
||
if (tp) tp.value = r.kube_prometheus_values_yaml || "";
|
||
if (tm) tm.value = r.metrics_server_values_yaml || "";
|
||
if (tk) tk.value = r.kiali_values_yaml || "";
|
||
if (tb) tb.value = r.istio_base_values_yaml || "";
|
||
if (tiod) tiod.value = r.istio_istiod_values_yaml || "";
|
||
} catch (e) {
|
||
setBootstrapMsg("Не удалось подставить values из чартов (helm show values): " + e.message);
|
||
}
|
||
}
|
||
|
||
function scheduleComposeValuesRefresh() {
|
||
if (composeDebounceTimer) clearTimeout(composeDebounceTimer);
|
||
composeDebounceTimer = setTimeout(function () {
|
||
composeDebounceTimer = null;
|
||
refreshAllComposeValuesFromServer();
|
||
}, COMPOSE_DEBOUNCE_MS);
|
||
}
|
||
|
||
function addonEndpointInstalled(endpoint) {
|
||
var key = ENDPOINT_TO_STATUS_KEY[endpoint];
|
||
return !!(lastAddonsStatus && key && lastAddonsStatus[key]);
|
||
}
|
||
|
||
/**
|
||
* Текст «Установить»/«Обновить», видимость «Удалить» только при установленном аддоне; равная ширина — в CSS.
|
||
*/
|
||
function updateAddonActionButtons() {
|
||
document.querySelectorAll(".cluster-addon-card__actions").forEach(function (row) {
|
||
var installBtn = row.querySelector(".btn-addon-install");
|
||
var removeBtn = row.querySelector(".btn-addon-remove");
|
||
if (!installBtn) return;
|
||
var ep = installBtn.getAttribute("data-endpoint") || "";
|
||
var on = addonEndpointInstalled(ep);
|
||
installBtn.textContent = on ? "Обновить" : "Установить";
|
||
var hum = ADDON_HUMAN_LABEL[ep] || ep;
|
||
installBtn.setAttribute("aria-label", (on ? "Обновить " : "Установить ") + hum);
|
||
if (removeBtn) {
|
||
if (on) {
|
||
removeBtn.classList.remove("hidden");
|
||
removeBtn.removeAttribute("hidden");
|
||
removeBtn.setAttribute("aria-label", "Удалить " + hum);
|
||
} else {
|
||
removeBtn.classList.add("hidden");
|
||
removeBtn.setAttribute("hidden", "hidden");
|
||
removeBtn.removeAttribute("aria-label");
|
||
}
|
||
}
|
||
});
|
||
}
|
||
|
||
/**
|
||
* Заполнить выпадающий список версиями чарта; первая опция — «последняя».
|
||
* @param {HTMLSelectElement | null} selectEl
|
||
* @param {string[] | undefined} versions
|
||
*/
|
||
function fillVersionSelect(selectEl, versions) {
|
||
if (!selectEl) return;
|
||
const cur = selectEl.value;
|
||
selectEl.innerHTML = "";
|
||
const o0 = document.createElement("option");
|
||
o0.value = "";
|
||
o0.textContent = "Последняя (из репозитория)";
|
||
selectEl.appendChild(o0);
|
||
(versions || []).forEach(function (v) {
|
||
if (!v) return;
|
||
const o = document.createElement("option");
|
||
o.value = v;
|
||
o.textContent = v;
|
||
selectEl.appendChild(o);
|
||
});
|
||
if (cur) {
|
||
for (let i = 0; i < selectEl.options.length; i++) {
|
||
if (selectEl.options[i].value === cur) {
|
||
selectEl.value = cur;
|
||
break;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
async function loadChartVersions() {
|
||
try {
|
||
const d = await api("/helm/chart-versions");
|
||
setBootstrapMsg("");
|
||
fillVersionSelect(document.getElementById("addons-ing-version-select"), d.ingress_nginx);
|
||
fillVersionSelect(document.getElementById("addons-prom-version-select"), d.kube_prometheus_stack);
|
||
fillVersionSelect(document.getElementById("addons-ms-version-select"), d.metrics_server);
|
||
fillVersionSelect(document.getElementById("addons-istio-version-select"), d.istio);
|
||
fillVersionSelect(document.getElementById("addons-kiali-version-select"), d.kiali_server);
|
||
await refreshAllComposeValuesFromServer();
|
||
} catch (e) {
|
||
setBootstrapMsg("Список версий чартов недоступен: " + e.message);
|
||
}
|
||
}
|
||
|
||
async function loadClusters() {
|
||
if (!sel) return;
|
||
try {
|
||
const rows = await api("/clusters");
|
||
setBootstrapMsg("");
|
||
sel.innerHTML = "";
|
||
const withKube = rows.filter(function (c) { return c.has_local_kubeconfig; });
|
||
if (!withKube.length) {
|
||
const o = document.createElement("option");
|
||
o.value = "";
|
||
o.textContent = "Нет кластеров с kubeconfig на диске";
|
||
sel.appendChild(o);
|
||
return;
|
||
}
|
||
const o0 = document.createElement("option");
|
||
o0.value = "";
|
||
o0.textContent = "— выберите кластер —";
|
||
sel.appendChild(o0);
|
||
withKube.forEach(function (c) {
|
||
const o = document.createElement("option");
|
||
o.value = c.name;
|
||
o.textContent = c.name + (c.kind_nodes_running ? "" : " (узлы остановлены)");
|
||
sel.appendChild(o);
|
||
});
|
||
} catch (e) {
|
||
sel.innerHTML = "";
|
||
const o = document.createElement("option");
|
||
o.value = "";
|
||
o.textContent = "Ошибка загрузки списка";
|
||
sel.appendChild(o);
|
||
setBootstrapMsg("Ошибка GET /clusters: " + e.message);
|
||
}
|
||
}
|
||
|
||
async function refreshStatus() {
|
||
const n = getClusterName();
|
||
if (!statusBar) {
|
||
updateAddonsCardsVisibility();
|
||
return;
|
||
}
|
||
if (!n) {
|
||
lastAddonsStatus = null;
|
||
clearAddonToolbarStatusBar();
|
||
updateAddonCardBadges(null);
|
||
updateAddonActionButtons();
|
||
updateAddonsCardsVisibility();
|
||
return;
|
||
}
|
||
try {
|
||
const st = await api("/clusters/" + encodeURIComponent(n) + "/addons/status");
|
||
lastAddonsStatus = st;
|
||
clearAddonToolbarStatusBar();
|
||
updateAddonCardBadges(st);
|
||
updateAddonActionButtons();
|
||
} catch (e) {
|
||
lastAddonsStatus = null;
|
||
renderAddonStatusMessage("Статус недоступен: " + e.message);
|
||
updateAddonCardBadges(null);
|
||
updateAddonActionButtons();
|
||
}
|
||
updateAddonsCardsVisibility();
|
||
}
|
||
|
||
async function runInstall(endpoint, payload) {
|
||
const n = getClusterName();
|
||
if (!n) {
|
||
alert("Выберите кластер.");
|
||
return;
|
||
}
|
||
const isUpdate = addonEndpointInstalled(endpoint);
|
||
const hum = ADDON_HUMAN_LABEL[endpoint] || endpoint;
|
||
revealHelmProgressSection();
|
||
setAddonFormsDisabled(true);
|
||
if (helmHint) {
|
||
helmHint.textContent = isUpdate
|
||
? "Обновление релиза «" + hum + "» через helm в контейнере; ниже — полный вывод по завершении."
|
||
: "Установка релиза «" + hum + "» через helm в контейнере; ниже — полный вывод по завершении.";
|
||
}
|
||
updateHelmProgressBar(8, isUpdate ? "Обновление Helm…" : "Установка Helm…");
|
||
setHelmLogText(
|
||
"Кластер: «" +
|
||
n +
|
||
"»\n" +
|
||
(isUpdate ? "POST (обновление)" : "POST (установка)") +
|
||
" /api/v1/clusters/…/addons/" +
|
||
endpoint +
|
||
"\n\nОжидаем завершение команды (несколько минут — норма)…",
|
||
);
|
||
try {
|
||
const r = await api("/clusters/" + encodeURIComponent(n) + "/addons/" + endpoint, {
|
||
method: "POST",
|
||
headers: { "Content-Type": "application/json", Accept: "application/json" },
|
||
body: payload !== undefined ? JSON.stringify(payload) : "{}",
|
||
});
|
||
var okLines = [
|
||
"Кластер: «" + n + "»",
|
||
(isUpdate ? "POST (обновление)" : "POST (установка)") + " /addons/" + endpoint,
|
||
"",
|
||
r.message || "OK",
|
||
];
|
||
if (r.log) {
|
||
okLines.push("");
|
||
okLines.push(String(r.log));
|
||
}
|
||
setHelmLogText(okLines.join("\n"));
|
||
updateHelmProgressBar(100, "Готово");
|
||
if (helmHint) {
|
||
helmHint.textContent =
|
||
"Операция завершена. Полный журнал добавлен в файл helm_addon_log.json в каталоге кластера (история записей).";
|
||
}
|
||
await refreshStatus();
|
||
} catch (e) {
|
||
var failLines = [
|
||
"Кластер: «" + n + "»",
|
||
(isUpdate ? "POST (обновление)" : "POST (установка)") + " /addons/" + endpoint,
|
||
"",
|
||
"Ошибка: " + e.message,
|
||
];
|
||
setHelmLogText(failLines.join("\n"));
|
||
updateHelmProgressBar(100, "Ошибка");
|
||
if (helmHint) {
|
||
helmHint.textContent =
|
||
"Запрос не удался. При ответе сервера об ошибке Helm в журнале кластера могла появиться запись со статусом failed.";
|
||
}
|
||
} finally {
|
||
setAddonFormsDisabled(false);
|
||
}
|
||
}
|
||
|
||
async function runDelete(endpoint) {
|
||
const n = getClusterName();
|
||
if (!n) {
|
||
alert("Выберите кластер.");
|
||
return;
|
||
}
|
||
const hum = ADDON_HUMAN_LABEL[endpoint] || endpoint;
|
||
const ok = await openConfirmModal({
|
||
title: "Удалить аддон?",
|
||
message:
|
||
"Кластер «" +
|
||
n +
|
||
"»: снять релиз «" +
|
||
hum +
|
||
"» с кластера (helm uninstall). Действие необратимо для установленных компонентов.",
|
||
confirmLabel: "Удалить",
|
||
danger: true,
|
||
});
|
||
if (!ok) return;
|
||
revealHelmProgressSection();
|
||
setAddonFormsDisabled(true);
|
||
if (helmHint) {
|
||
helmHint.textContent =
|
||
"Удаление релиза «" + hum + "» (helm uninstall); ниже — полный вывод по завершении.";
|
||
}
|
||
updateHelmProgressBar(8, "Удаление Helm…");
|
||
setHelmLogText(
|
||
"Кластер: «" + n + "»\nDELETE /api/v1/clusters/…/addons/" + endpoint + "\n\nОжидаем завершение команды…",
|
||
);
|
||
try {
|
||
const r = await api("/clusters/" + encodeURIComponent(n) + "/addons/" + endpoint, {
|
||
method: "DELETE",
|
||
headers: { Accept: "application/json" },
|
||
});
|
||
var okDel = [
|
||
"Кластер: «" + n + "»",
|
||
"DELETE /addons/" + endpoint,
|
||
"",
|
||
r.message || "OK",
|
||
];
|
||
if (r.log) {
|
||
okDel.push("");
|
||
okDel.push(String(r.log));
|
||
}
|
||
setHelmLogText(okDel.join("\n"));
|
||
updateHelmProgressBar(100, "Готово");
|
||
if (helmHint) {
|
||
helmHint.textContent =
|
||
"Операция завершена. Запись добавлена в helm_addon_log.json в каталоге кластера (история).";
|
||
}
|
||
await refreshStatus();
|
||
} catch (e) {
|
||
var failDel = [
|
||
"Кластер: «" + n + "»",
|
||
"DELETE /addons/" + endpoint,
|
||
"",
|
||
"Ошибка: " + e.message,
|
||
];
|
||
setHelmLogText(failDel.join("\n"));
|
||
updateHelmProgressBar(100, "Ошибка");
|
||
if (helmHint) {
|
||
helmHint.textContent =
|
||
"Запрос не удался. При ошибке Helm на сервере в журнале кластера могла появиться запись со статусом failed.";
|
||
}
|
||
} finally {
|
||
setAddonFormsDisabled(false);
|
||
}
|
||
}
|
||
|
||
document.querySelectorAll(".btn-addon-install").forEach(function (btn) {
|
||
btn.addEventListener("click", function () {
|
||
const ep = btn.getAttribute("data-endpoint") || "";
|
||
if (ep === "ingress-nginx") {
|
||
const sel = document.getElementById("addons-ing-version-select");
|
||
const v = sel && sel.value.trim();
|
||
const payload = {};
|
||
if (v) payload.chart_version = v;
|
||
if (!attachAddonYamlToPayload(ep, payload)) return;
|
||
runInstall(ep, payload);
|
||
return;
|
||
}
|
||
if (ep === "kube-prometheus-stack") {
|
||
const u = document.getElementById("addons-grafana-user");
|
||
const p = document.getElementById("addons-grafana-pass");
|
||
const pv = document.getElementById("addons-prom-version-select");
|
||
const user = u ? u.value.trim() : "admin";
|
||
const pw = p ? p.value : "";
|
||
if (pw.length < 8) {
|
||
alert("Задайте пароль Grafana не короче 8 символов.");
|
||
return;
|
||
}
|
||
const payload = { grafana_admin_user: user, grafana_admin_password: pw };
|
||
if (pv && pv.value.trim()) payload.chart_version = pv.value.trim();
|
||
if (!attachAddonYamlToPayload(ep, payload)) return;
|
||
runInstall(ep, payload);
|
||
return;
|
||
}
|
||
if (ep === "metrics-server") {
|
||
const ms = document.getElementById("addons-ms-version-select");
|
||
const payload = {};
|
||
if (ms && ms.value.trim()) payload.chart_version = ms.value.trim();
|
||
if (!attachAddonYamlToPayload(ep, payload)) return;
|
||
runInstall(ep, payload);
|
||
return;
|
||
}
|
||
if (ep === "istio-kiali") {
|
||
const u = document.getElementById("addons-kiali-user");
|
||
const p = document.getElementById("addons-kiali-pass");
|
||
const isel = document.getElementById("addons-istio-version-select");
|
||
const ksel = document.getElementById("addons-kiali-version-select");
|
||
const user = u ? u.value.trim() : "kiali-admin";
|
||
const pw = p ? p.value : "";
|
||
if (pw.length < 8) {
|
||
alert("Задайте пароль Kiali не короче 8 символов.");
|
||
return;
|
||
}
|
||
const payload = { kiali_username: user, kiali_password: pw };
|
||
if (isel && isel.value.trim()) payload.istio_chart_version = isel.value.trim();
|
||
if (ksel && ksel.value.trim()) payload.kiali_chart_version = ksel.value.trim();
|
||
if (!attachAddonYamlToPayload(ep, payload)) return;
|
||
runInstall(ep, payload);
|
||
}
|
||
});
|
||
});
|
||
|
||
document.querySelectorAll(".btn-addon-remove").forEach(function (btn) {
|
||
btn.addEventListener("click", function () {
|
||
const ep = btn.getAttribute("data-endpoint") || "";
|
||
if (ep) runDelete(ep);
|
||
});
|
||
});
|
||
|
||
const refreshBtn = document.getElementById("addons-refresh-status");
|
||
if (refreshBtn) refreshBtn.addEventListener("click", function () { refreshStatus(); });
|
||
|
||
if (sel) {
|
||
sel.addEventListener("change", function () { refreshStatus(); });
|
||
}
|
||
|
||
bindConfirmModalControls();
|
||
|
||
[
|
||
"addons-ing-version-select",
|
||
"addons-prom-version-select",
|
||
"addons-ms-version-select",
|
||
"addons-istio-version-select",
|
||
"addons-kiali-version-select",
|
||
].forEach(function (id) {
|
||
var el = document.getElementById(id);
|
||
if (el) el.addEventListener("change", function () { scheduleComposeValuesRefresh(); });
|
||
});
|
||
var grafanaUserEl = document.getElementById("addons-grafana-user");
|
||
var grafanaPassEl = document.getElementById("addons-grafana-pass");
|
||
if (grafanaUserEl) grafanaUserEl.addEventListener("input", function () { scheduleComposeValuesRefresh(); });
|
||
if (grafanaPassEl) grafanaPassEl.addEventListener("input", function () { scheduleComposeValuesRefresh(); });
|
||
|
||
loadClusters()
|
||
.then(function () {
|
||
return refreshStatus();
|
||
})
|
||
.then(function () {
|
||
return loadChartVersions();
|
||
})
|
||
.finally(function () {
|
||
hideAddonsPageLoadingOverlay();
|
||
});
|
||
})();
|