0_0_1

2025-03-30 02:59:20 +03:00
commit 2184ad7171
6 changed files with 231 additions and 0 deletions
--- a/templates/manga_view.html
+++ b/templates/manga_view.html
@@ -0,0 +1,64 @@
+<!DOCTYPE html>
+<html lang="ru">
+<head>
+    {% load static %}
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>{{ manga.original_title }}</title>
+    <link rel="stylesheet" type="text/css" href="{% static 'css/style.css' %}">
+    <script src="{% static 'js/script.js' %}" defer></script>
+</head>
+<body>
+
+<div class="container">
+    
+    
+
+    <!-- Основной контейнер для контента -->
+    <div class="content-wrapper">
+                
+        <div class="manga-grid-container" id="previewContainer" >
+            <div class="chapter">
+                <ul style="display: block">
+                    <li class="breadcrumb-item">
+                        <a href="/manga/111">Каталог</a>
+                        <span class="separator">-</span>
+                        <a href="/manga/111">{{ manga.original_title }}</a>
+                    </li>
+                </ul>
+        </div>
+    
+    
+        <!-- Бокс с изображением -->
+        <div class="image-box" id="imageBox">
+            <img id="mangaImage" src="" alt="Страница">
+        </div>
+
+
+        
+            <!-- Сетка-превью -->
+            <div id="previewGrid" class="manga-grid">
+                {% for img in manga.imgs_manga %}
+                    <div class="manga-preview">
+                        <img src="{{ img }}" 
+                             onclick="showImage('{{ img }}')" 
+                             alt="Стр {{ forloop.counter }}">
+                    </div>
+                {% endfor %}
+            </div>
+        </div>
+    </div>
+
+    <!-- Выпадающий список страниц -->
+    <div class="page postload">
+        <select id="drop" onchange="changePage(this)">
+            <option value="preview">🔍 Превью</option>
+            {% for img in manga.imgs_manga %}
+                <option value="{{ img }}">Стр {{ forloop.counter }}</option>
+            {% endfor %}
+        </select>
+    </div>
+</div>
+
+</body>
+</html>