feat: categories, runtime nav, and UX updates

2026-04-21 11:43:43 +00:00
parent 9eb3403f8c
commit 52d1991092
12 changed files with 560 additions and 51 deletions
@@ -3,7 +3,7 @@
 <head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
-  <title>МОНТ - инфра полигон</title>
+  <title>МОНТ - инфрастуктурный полигон</title>
  <link rel="stylesheet" href="/static/style.css" />
 </head>
 <body>
@@ -17,28 +17,50 @@
        <a href="/admin" class="btn-link secondary">Администрирование</a>
      {% endif %}
      <form method="post" action="/logout">
-        <button type="submit">Logout</button>
+        <button type="submit">Выход</button>
      </form>
    </div>
  </header>
  <main class="admin-layout">
    <section class="panel">
-      <div class="admin-intro">
-        Выберите нужный сервис. После клика откроется готовый браузер/сеанс с заранее заданным адресом.
+      <div class="admin-intro">Добро пожаловать в инфрастуктурный полигон</div>
+      {% if categories %}
+      <div class="category-strip">
+        <a class="category-chip {% if not selected_category_slug %}active{% endif %}" href="/">Все сервисы</a>
+        {% for category in categories %}
+          <a class="category-chip {% if selected_category_slug == category.slug %}active{% endif %}" href="/?category={{ category.slug }}">{{ category.name }}</a>
+        {% endfor %}
      </div>
+      {% endif %}
    </section>
-    <section class="grid">
+    <section class="grid service-grid">
    {% for service in services %}
+      {% set svc_cats = service_categories.get(service.id, []) %}
      <a class="tile" href="/go/{{ service.slug }}">
-        <img class="tile-icon" src="{{ service.icon_path or '/static/service-placeholder.svg' }}" alt="icon" />
+        <div class="tile-icon-box">
+          <img class="tile-icon" src="{{ service.icon_path or '/static/service-placeholder.svg' }}" alt="icon" />
+        </div>
        <h3>{{ service.name }}</h3>
        <p>Открыть сервис</p>
        {% if service.comment %}
          <small>{{ service.comment }}</small>
        {% endif %}
+        {% if svc_cats %}
+          <div class="service-categories">
+            {% for category in svc_cats %}
+              <span class="service-cat-badge">{{ category.name }}</span>
+            {% endfor %}
+          </div>
+        {% endif %}
      </a>
    {% else %}
-      <div class="tile">Нет назначенных сервисов</div>
+      <div class="tile">
+        {% if selected_category_slug %}
+          Нет сервисов в выбранной категории
+        {% else %}
+          Нет назначенных сервисов
+        {% endif %}
+      </div>
    {% endfor %}
    </section>
  </main>