Sergey Antropoff
6f3daa33ec
- Шапка: логотип Kubernetes, ссылка на главную, выпадающее меню API (Swagger/ReDoc/Health), переключатель светлой/тёмной темы (localStorage). - Светлая тема в синей гамме; выравнивание кнопки темы в ряду с пилюлями. - Дашборд: единая карточка ошибки health/stats, подсказка Docker/Podman, поле container_cli в GET /stats, total_workers_from_meta всегда число (0 без meta). - Правки кластеров, job_store, compose, документация и частичные шаблоны.
71 lines
2.7 KiB
HTML
71 lines
2.7 KiB
HTML
{# Главная: создание (CTA), статистика, донаты, таблица кластеров.
|
|
Автор: Сергей Антропов — https://devops.org.ru #}
|
|
{% extends "base.html" %}
|
|
|
|
{% block body_attrs %}data-dashboard-mode="home"{% endblock %}
|
|
|
|
{% block footer %}
|
|
<div class="footer-inner">
|
|
<p class="footer-copyright">
|
|
© {{ app_title }} ·
|
|
<a href="https://devops.org.ru" target="_blank" rel="noopener">devops.org.ru</a>
|
|
</p>
|
|
</div>
|
|
{% endblock %}
|
|
|
|
{% block content %}
|
|
<div class="top-dashboard-row">
|
|
<section class="card cta-hero-card" aria-labelledby="cta-hero-title">
|
|
<div class="cta-hero-inner">
|
|
<h1 class="page-title" id="cta-hero-title">Создать кластер</h1>
|
|
<p class="muted page-lead cta-hero-lead">
|
|
Кластеры kind, kubeconfig и kubectl — ниже на странице. Данные обновляются автоматически.
|
|
</p>
|
|
<a href="/cluster-create" class="btn btn-cta-large">Перейти к форме создания</a>
|
|
</div>
|
|
</section>
|
|
|
|
<aside class="card stats-side-card" aria-labelledby="stats-heading">
|
|
<h2 id="stats-heading">Статистика</h2>
|
|
<p id="stats-engine-hint" class="stats-engine-hint muted hidden" aria-live="polite"></p>
|
|
<div id="stats-failure-wrap" class="stats-failure-wrap hidden" role="alert" aria-live="polite"></div>
|
|
<div id="stats-env" class="stats-env-cards" role="status" aria-live="polite">
|
|
<p class="stats-env-placeholder muted">Проверка среды…</p>
|
|
</div>
|
|
<div id="stats-grid" class="stats-metrics-grid" aria-label="Сводка по кластерам и заданиям"></div>
|
|
</aside>
|
|
</div>
|
|
|
|
<section id="aggregate-donuts-section" class="card aggregate-donuts-card" aria-labelledby="donuts-heading">
|
|
<h2 id="donuts-heading" class="donuts-card-title">Ресурсы узлов (сводка)</h2>
|
|
<div id="aggregate-donuts" class="aggregate-donuts" aria-live="polite"></div>
|
|
</section>
|
|
|
|
<section class="card clusters-card">
|
|
<h2>Кластеры</h2>
|
|
<div class="table-wrap">
|
|
<table id="tbl-clusters" aria-label="Список кластеров">
|
|
<thead>
|
|
<tr>
|
|
<th>Имя</th>
|
|
<th>kind</th>
|
|
<th>kubeconfig</th>
|
|
<th>Версия</th>
|
|
<th>Workers</th>
|
|
<th>Состояние</th>
|
|
<th class="col-actions">Действия</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody></tbody>
|
|
</table>
|
|
</div>
|
|
<p id="list-msg" class="msg muted"></p>
|
|
</section>
|
|
|
|
{% include "partials/dashboard_modals.html" %}
|
|
{% endblock %}
|
|
|
|
{% block scripts %}
|
|
<script src="/static/js/dashboard.js" defer></script>
|
|
{% endblock %}
|