From 8c76d987486b83be7f9334b93e773cb5e6dd4c32 Mon Sep 17 00:00:00 2001
From: gitadmin <faust@telefaust.ru>
Date: Sun, 12 Oct 2025 19:13:00 +0300
Subject: [PATCH] =?UTF-8?q?=D0=BF=D1=80=D0=B0=D0=B2=D0=BA=D0=B0=20=D0=B8?=
 =?UTF-8?q?=D0=BD=D1=82=D0=B5=D1=80=D1=84=D0=B5=D0=B9=D1=81=D0=B0=20=D1=80?=
 =?UTF-8?q?=D0=B5=D0=B4=D0=B0=D0=BA=D1=82=D0=B8=D1=80=D0=BE=D0=B2=D0=B0?=
 =?UTF-8?q?=D0=BD=D0=B8=D1=8F=20=D0=BF=D0=BE=D1=81=D1=82=D0=BE=D0=B2=20-?=
 =?UTF-8?q?=201?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 templates/edit_post.html | 53 ++++++++++++++++++++++++++++------------
 1 file changed, 38 insertions(+), 15 deletions(-)

diff --git a/templates/edit_post.html b/templates/edit_post.html
index 1594b8a..841eead 100644
--- a/templates/edit_post.html
+++ b/templates/edit_post.html
@@ -42,35 +42,48 @@
                 <form id="post-form">
                     <input type="hidden" id="post-id" value="{{ post_id if post_id else '' }}">
 
-                    <!-- Заголовок и поле Название вверху -->
-                    <div class="mb-3">
-                        <label for="shortname" class="form-label">Название</label>
-                        <input type="text" class="form-control" id="shortname" maxlength="100">
-                        <div class="form-text">Короткое имя поста (максимум 100 символов)</div>
+                    <!-- Заголовок и поле Название в одну строку -->
+                    <div class="row mb-3">
+                        <div class="col-md-2">
+                            <label for="shortname" class="form-label">Название:</label>
+                        </div>
+                        <div class="col-md-10">
+                            <input type="text" class="form-control" id="shortname" maxlength="100">
+                        </div>
                     </div>
 
                     <!-- Секция с площадкой слева и изображением справа -->
                     <div class="row mb-3">
                         <div class="col-md-6">
-                            <label for="auto_unit" class="form-label">Площадка:</label>
-                            <select class="form-control" id="auto_unit">
-                                <option value="">Выберите площадку</option>
-                            </select>
-                            <div class="form-text">Выберите площадку из списка доступных</div>
+                            <div class="row">
+                                <div class="col-md-3">
+                                    <label for="auto_unit" class="form-label">Площадка:</label>
+                                </div>
+                                <div class="col-md-9">
+                                    <select class="form-control" id="auto_unit">
+                                        <option value="">Выберите площадку</option>
+                                    </select>
+                                </div>
+                            </div>
                         </div>
-                        <div class="col-md-6 text-center">
+                        <div class="col-md-6 text-end">
                             <div id="image-preview-container" style="display: none;">
                                 <img id="image-preview" class="preview-image img-thumbnail" style="max-width: 200px; max-height: 200px; object-fit: contain;">
                             </div>
                         </div>
                     </div>
 
-                    <!-- VK ID -->
+                    <!-- VK ID слева от изображения -->
                     <div class="row mb-3">
                         <div class="col-md-6">
-                            <label for="vk_post_id" class="form-label">VK ID:</label>
-                            <input type="text" class="form-control" id="vk_post_id" required>
-                            <div class="form-text">Числовой идентификатор поста во ВКонтакте</div>
+                            <div class="row">
+                                <div class="col-md-3">
+                                    <label for="vk_post_id" class="form-label">VK ID:</label>
+                                </div>
+                                <div class="col-md-9">
+                                    <input type="text" class="form-control" id="vk_post_id" required>
+                                </div>
+                            </div>
                         </div>
                     </div>
 
@@ -266,6 +279,16 @@
                 }
             });
 
+            // Валидация поля названия
+            const shortnameInput = document.getElementById('shortname');
+            shortnameInput.addEventListener('input', () => {
+                const value = shortnameInput.value;
+                if (value.length > 100) {
+                    alert('Название не может превышать 100 символов');
+                    shortnameInput.value = value.substring(0, 100);
+                }
+            });
+
             // Загрузка списка площадок
             loadVenues();