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

---
 templates/edit_post.html | 242 ++++++++++++++++++++++++---------------
 1 file changed, 148 insertions(+), 94 deletions(-)

diff --git a/templates/edit_post.html b/templates/edit_post.html
index 276473e..1594b8a 100644
--- a/templates/edit_post.html
+++ b/templates/edit_post.html
@@ -12,7 +12,8 @@
             margin: 0 auto;
         }
         .preview-image {
-            max-height: 400px;
+            max-width: 200px;
+            max-height: 200px;
             object-fit: contain;
         }
         .required:after {
@@ -41,125 +42,161 @@
                 <form id="post-form">
                     <input type="hidden" id="post-id" value="{{ post_id if post_id else '' }}">
 
-                    <div class="mb-3">
-                        <label for="vk_post_id" class="form-label required">VK ID поста</label>
-                        <input type="text" class="form-control" id="vk_post_id" required>
-                        <div class="form-text">Числовой идентификатор поста во ВКонтакте</div>
-                    </div>
-
+                    <!-- Заголовок и поле Название вверху -->
                     <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>
 
-                    <div class="mb-3">
-                        <label for="action_number" class="form-label">Номер события в системе расписания</label>
-                        <input type="number" class="form-control" id="action_number">
+                    <!-- Секция с площадкой слева и изображением справа -->
+                    <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>
+                        <div class="col-md-6 text-center">
+                            <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>
 
-                    <div class="mb-3">
-                        <label for="auto_unit" class="form-label">Площадка</label>
-                        <select class="form-control" id="auto_unit">
-                            <option value="">Выберите площадку</option>
-                        </select>
-                        <div class="form-text">Выберите площадку из списка доступных</div>
+                    <!-- 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>
                     </div>
 
+                    <!-- Переключатели -->
+                    <div class="row mb-3">
+                        <div class="col-md-3">
+                            <div class="form-check form-switch">
+                                <input class="form-check-input" type="checkbox" id="is_event">
+                                <label class="form-check-label" for="is_event">Событие</label>
+                            </div>
+                        </div>
+                        <div class="col-md-3">
+                            <div class="form-check form-switch">
+                                <input class="form-check-input" type="checkbox" id="is_poll">
+                                <label class="form-check-label" for="is_poll">Опрос</label>
+                            </div>
+                        </div>
+                        <div class="col-md-3">
+                            <div class="form-check form-switch">
+                                <input class="form-check-input" type="checkbox" id="marked_for_publication">
+                                <label class="form-check-label" for="marked_for_publication">К публикации</label>
+                            </div>
+                        </div>
+                        <div class="col-md-3">
+                            <div class="form-check form-switch">
+                                <input class="form-check-input" type="checkbox" id="published_in_tg">
+                                <label class="form-check-label" for="published_in_tg">Опубликовано в TG</label>
+                            </div>
+                        </div>
+                    </div>
+
+                    <!-- Текстовое поле поста -->
                     <div class="mb-3">
                         <label for="text" class="form-label required">Текст поста</label>
                         <textarea class="form-control" id="text" rows="4" required></textarea>
                     </div>
 
-                    <div class="mb-3">
-                        <label for="image_url" class="form-label">URL изображения</label>
-                        <input type="url" class="form-control" id="image_url">
-                        <div class="form-text">Ссылка на изображение для поста</div>
-                    </div>
-
-                    <div class="mb-3 text-center" id="image-preview-container" style="display: none;">
-                        <img id="image-preview" class="preview-image img-thumbnail">
-                    </div>
-
-                    <div class="mb-3">
-                        <label for="vk_post_url" class="form-label">Ссылка на пост VK</label>
-                        <input type="url" class="form-control" id="vk_post_url">
-                    </div>
-
-                    <div class="mb-3">
-                        <label for="published_at" class="form-label">Дата публикации</label>
-                        <input type="datetime-local" class="form-control" id="published_at">
-                        <div class="form-text">Формат: ГГГГ-ММ-ДД ЧЧ:ММ</div>
-                    </div>
-
-                    <!-- Новое поле: is_event -->
-                    <div class="mb-3 form-check form-switch">
-                        <input class="form-check-input" type="checkbox" id="is_event">
-                        <label class="form-check-label" for="is_event">Это событие</label>
-                    </div>
-
-                    <div class="mb-3 form-check form-switch">
-                        <input class="form-check-input" type="checkbox" id="is_poll">
-                        <label class="form-check-label" for="is_poll">Это опрос</label>
-                    </div>
-
-                    <div id="poll-fields" style="display: none;">
-                        <div class="mb-3">
-                            <label for="poll_question" class="form-label">Вопрос опроса</label>
-                            <input type="text" class="form-control" id="poll_question">
+                    <!-- URL изображения -->
+                    <div class="row mb-3">
+                        <div class="col-md-2">
+                            <label for="image_url" class="form-label">Картинка:</label>
                         </div>
-
-                        <div class="mb-3">
-                            <label for="poll_options" class="form-label">Варианты ответов (JSON)</label>
-                            <textarea class="form-control" id="poll_options" rows="2"></textarea>
-                            <div class="form-text">Формат: ["Вариант 1", "Вариант 2", ...]</div>
-                        </div>
-
-                        <div class="mb-3 form-check form-switch">
-                            <input class="form-check-input" type="checkbox" id="poll_multiple">
-                            <label class="form-check-label" for="poll_multiple">Множественный выбор</label>
-                        </div>
-
-                        <div class="mb-3">
-                            <label for="poll_end_date" class="form-label">Дата окончания опроса</label>
-                            <input type="datetime-local" class="form-control" id="poll_end_date">
+                        <div class="col-md-10">
+                            <input type="url" class="form-control" id="image_url">
+                            <div class="form-text">Ссылка на изображение для поста</div>
                         </div>
                     </div>
 
-                    <div class="border-top mt-4 pt-3">
-                        <div class="mb-3 form-check form-switch">
-                            <input class="form-check-input" type="checkbox" id="marked_for_publication">
-                            <label class="form-check-label" for="marked_for_publication">Отметить для публикации</label>
+                    <!-- URL поста ВК с датой -->
+                    <div class="row mb-3">
+                        <div class="col-md-2">
+                            <label for="vk_post_url" class="form-label">Пост в ВК:</label>
                         </div>
-
-                        <div class="mb-3 form-check form-switch">
-                            <input class="form-check-input" type="checkbox" id="published_in_tg">
-                            <label class="form-check-label" for="published_in_tg">Опубликовано в Telegram</label>
+                        <div class="col-md-6">
+                            <input type="url" class="form-control" id="vk_post_url">
                         </div>
+                        <div class="col-md-2">
+                            <label for="published_at" class="form-label">датирован:</label>
+                        </div>
+                        <div class="col-md-2">
+                            <input type="datetime-local" class="form-control" id="published_at">
+                        </div>
+                    </div>
 
-                        <div class="mb-3">
-                            <label for="tg_publication_date" class="form-label">Дата публикации в Telegram</label>
+                    <!-- Дата публикации в TG -->
+                    <div class="row mb-3">
+                        <div class="col-md-4">
+                            <label for="tg_publication_date" class="form-label">Опубликовано в TG:</label>
+                        </div>
+                        <div class="col-md-8">
                             <input type="datetime-local" class="form-control" id="tg_publication_date">
                         </div>
+                    </div>
 
-                        <div class="mb-3">
-                            <label for="tg_message_id" class="form-label">ID сообщения в Telegram</label>
+                    <!-- ID TG в одну строку -->
+                    <div class="row mb-3">
+                        <div class="col-md-2">
+                            <label for="tg_message_id" class="form-label">ID TG:</label>
+                        </div>
+                        <div class="col-md-2">
                             <input type="number" class="form-control" id="tg_message_id">
                         </div>
-
-                        <div class="mb-3">
-                            <label for="tg_poll_id" class="form-label">ID опроса в Telegram</label>
+                        <div class="col-md-2">
+                            <label for="tg_poll_id" class="form-label">ID опроса TG:</label>
+                        </div>
+                        <div class="col-md-2">
                             <input type="number" class="form-control" id="tg_poll_id">
                         </div>
-
-                        <div class="mb-3">
-                            <label for="tg_markpost_id" class="form-label">ID поста для отметок в Telegram</label>
+                        <div class="col-md-2">
+                            <label for="tg_markpost_id" class="form-label">ID отметок TG:</label>
+                        </div>
+                        <div class="col-md-2">
                             <input type="number" class="form-control" id="tg_markpost_id">
                         </div>
+                    </div>
 
-                        <div class="mb-3">
-                            <label for="tg_poll_results" class="form-label">Результаты опроса</label>
-                            <textarea class="form-control" id="tg_poll_results" rows="4"></textarea>
+                    <!-- Блок параметров опроса -->
+                    <div id="poll-fields" style="display: none;">
+                        <div class="border-top mt-4 pt-3">
+                            <h5>Параметры опроса</h5>
+                            
+                            <div class="mb-3">
+                                <label for="poll_question" class="form-label">Вопрос опроса</label>
+                                <input type="text" class="form-control" id="poll_question">
+                            </div>
+
+                            <div class="mb-3">
+                                <label for="poll_options" class="form-label">Варианты ответов (JSON)</label>
+                                <textarea class="form-control" id="poll_options" rows="2"></textarea>
+                                <div class="form-text">Формат: ["Вариант 1", "Вариант 2", ...]</div>
+                            </div>
+
+                            <div class="mb-3 form-check form-switch">
+                                <input class="form-check-input" type="checkbox" id="poll_multiple">
+                                <label class="form-check-label" for="poll_multiple">Множественный выбор</label>
+                            </div>
+
+                            <div class="mb-3">
+                                <label for="poll_end_date" class="form-label">Дата окончания опроса</label>
+                                <input type="datetime-local" class="form-control" id="poll_end_date">
+                            </div>
+
+                            <div class="mb-3">
+                                <label for="tg_poll_results" class="form-label">Результаты опроса</label>
+                                <textarea class="form-control" id="tg_poll_results" rows="4"></textarea>
+                            </div>
                         </div>
                     </div>
 
@@ -282,17 +319,25 @@
                 // Заполняем форму
                 document.getElementById('vk_post_id').value = post.vk_post_id || '';
                 document.getElementById('shortname').value = post.shortname || '';
-                document.getElementById('action_number').value = post.action_number || '';
                 document.getElementById('auto_unit').value = post.auto_unit || '';
                 document.getElementById('text').value = post.text || '';
                 document.getElementById('image_url').value = post.image_url || '';
                 document.getElementById('vk_post_url').value = post.vk_post_url || '';
 
                 // Форматирование дат для input[type=datetime-local]
+                // Конвертация UTC в локальное время с округлением до минут
                 const formatForInput = (dateStr) => {
                     if (!dateStr) return '';
                     const date = new Date(dateStr);
-                    return date.toISOString().slice(0, 16);
+                    // Округляем до минут (убираем секунды и миллисекунды)
+                    date.setSeconds(0, 0);
+                    // Возвращаем в локальном времени в формате YYYY-MM-DDTHH:MM
+                    const year = date.getFullYear();
+                    const month = String(date.getMonth() + 1).padStart(2, '0');
+                    const day = String(date.getDate()).padStart(2, '0');
+                    const hours = String(date.getHours()).padStart(2, '0');
+                    const minutes = String(date.getMinutes()).padStart(2, '0');
+                    return `${year}-${month}-${day}T${hours}:${minutes}`;
                 };
 
                 document.getElementById('published_at').value = formatForInput(post.published_at);
@@ -329,6 +374,16 @@
             }
         }
 
+        // Функция конвертации локального времени в UTC для отправки на сервер
+        const convertLocalToUTC = (localString) => {
+            if (!localString) return null;
+            const date = new Date(localString);
+            // Округляем до минут
+            date.setSeconds(0, 0);
+            // Возвращаем в UTC формате для сервера
+            return date.toISOString().slice(0, 19).replace('T', ' ');
+        };
+
         // Сохранение поста
         async function savePost() {
             const postId = document.getElementById('post-id').value;
@@ -349,21 +404,20 @@
                 const formData = {
                     vk_post_id: document.getElementById('vk_post_id').value,
                     shortname: document.getElementById('shortname').value,
-                    action_number: document.getElementById('action_number').value,
                     auto_unit: document.getElementById('auto_unit').value,
                     text: document.getElementById('text').value,
                     image_url: document.getElementById('image_url').value,
                     vk_post_url: document.getElementById('vk_post_url').value,
-                    published_at: document.getElementById('published_at').value,
+                    published_at: convertLocalToUTC(document.getElementById('published_at').value),
                     is_event: document.getElementById('is_event').checked,  // Новое поле
                     is_poll: document.getElementById('is_poll').checked,
                     poll_question: document.getElementById('poll_question').value,
                     poll_options: document.getElementById('poll_options').value,
                     poll_multiple: document.getElementById('poll_multiple').checked,
-                    poll_end_date: document.getElementById('poll_end_date').value,
+                    poll_end_date: convertLocalToUTC(document.getElementById('poll_end_date').value),
                     marked_for_publication: document.getElementById('marked_for_publication').checked,
                     published_in_tg: document.getElementById('published_in_tg').checked,
-                    tg_publication_date: document.getElementById('tg_publication_date').value,
+                    tg_publication_date: convertLocalToUTC(document.getElementById('tg_publication_date').value),
                     tg_message_id: document.getElementById('tg_message_id').value,
                     tg_poll_id: document.getElementById('tg_poll_id').value,
                     tg_markpost_id: document.getElementById('tg_markpost_id').value,