feat: add home link

2024-08-15 23:59:15 +03:00
parent 320fbbcaa5
commit ab8b760f93
15 changed files with 174 additions and 36 deletions
--- a/gallery/easel/route/view/common/init.py
+++ b/gallery/easel/route/view/common/init.py
@@ -1,9 +1,37 @@
 from pathlib import Path
+from typing import NamedTuple

-from fastapi import FastAPI
+from fastapi import FastAPI, Request
+from fastapi.responses import HTMLResponse
 from fastapi.staticfiles import StaticFiles
+from fastapi.templating import Jinja2Templates
+
+from gallery.version import __version__
+
+
+class Section(NamedTuple):
+    link: str
+    title: str
+
+
+SECTIONS = [
+    Section("weather", "Погода"),
+    Section("schedule", "Телепрограмма"),
+]


 def mount(app: FastAPI):
    base_dir = Path(__file__).parent
    app.mount("/static/common", StaticFiles(directory=base_dir / "static"))
+    templates = Jinja2Templates(directory=base_dir / "templates")
+
+    @app.get("/", response_class=HTMLResponse)
+    async def get_section_list(request: Request):
+        return templates.TemplateResponse(
+            request=request,
+            name="index.html",
+            context={
+                "version": __version__,
+                "sections": SECTIONS,
+            },
+        )
--- a/gallery/easel/route/view/common/static/favicon.ico
+++ b/gallery/easel/route/view/common/static/favicon.ico
--- a/gallery/easel/route/view/common/static/gallery.png
+++ b/gallery/easel/route/view/common/static/gallery.png
--- a/gallery/easel/route/view/common/static/style.css
+++ b/gallery/easel/route/view/common/static/style.css
@@ -52,6 +52,33 @@ app
  align-items: center;
 }

+.app-header {
+  width: 100%;
+  display: flex;
+  flex-direction: row;
+}
+
+.app-title {
+  display: flex;
+  justify-content: center;
+  flex-grow: 1;
+}
+
+.app-link-home > * {
+  margin-left: 2rem;
+  width: 2rem;
+  height: 2rem;
+  background-image: url("/static/common/gallery.png");
+  background-size: contain;
+}
+
+.icon {
+  display: inline-block;
+  width: 2rem;
+  height: 2rem;
+  background-size: contain;
+}
+
 ul.app-list {
  list-style: none;
 }
@@ -61,7 +88,8 @@ ul.app-list > li {
 }

 ul.app-list > li > a {
-  display: block;
+  display: flex;
+  gap: 0.25rem;
  padding: 0.5rem 2rem;
  text-decoration: none;
  color: inherit;
--- a/gallery/easel/route/view/common/templates/index.html
+++ b/gallery/easel/route/view/common/templates/index.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport"
+          content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible"
+          content="ie=edge">
+    <title>Информация</title>
+    <link rel="stylesheet"
+          href="/static/common/style.css?v={{version}}">
+    <link rel="icon"
+          href="/static/common/favicon.ico?v={{version}}"
+          type="image/x-icon">
+</head>
+
+<body class="app-container">
+    <h3 class="app-header">
+        <a class="app-link-home"
+           href="/">
+            <div></div>
+        </a>
+        <div class="app-title">
+            <span>Информация</span>
+        </div>
+    </h3>
+    <ul class="app-list">
+        {% for section in sections %}
+        <li>
+            <a href="{{section.link}}">
+                <span class="icon"
+                      style="background-image: url(/static/{{section.link}}/{{section.link}}.png);"></span>
+                <span>{{section.title}}</span>
+            </a>
+        </li>
+        {% endfor %}
+    </ul>
+</body>
+
+</html>