обновление отображения детализации событий

2025-09-28 21:17:53 +03:00
parent f0255fe21e
commit c898c5b60d
1 changed files with 51 additions and 104 deletions
@@ -554,7 +554,7 @@
                <div class="col-md-7">
                    <div class="card h-100">
                        <div class="card-header d-flex justify-content-between align-items-center">
-                            <h5 class="mb-0">Детали события</h5>
+                            <h5 class="mb-0" id="event-details-header">Детали события</h5>
                            <div id="event-actions"></div>
                        </div>
                        <div class="card-body scrollable-details" id="event-details">
@@ -1302,7 +1302,7 @@
            let detailsHtml = `
            <div>
                <div class="d-flex justify-content-between align-items-center mb-4">
-                    <h4 class="mb-0">Событие #${event.number} <small class="text-muted">(Local ID: ${event.id})</small></h4>
+                    <div></div>
                    <div>
                        <button class="btn btn-sm btn-primary me-2" id="publish-event-btn">
                            <i class="fas fa-paper-plane me-1"></i>Опубликовать
@@ -1317,118 +1317,63 @@
                        </button>
                    </div>
                </div>
-                <div class="row event-details-row">
-                    <div class="col-md-6">
-                        <div class="event-details-label">Local ID:</div>
-                        <div class="event-details-value">${event.id}</div>
+                <div class="row">
+                    <div class="col-md-8">
+                        <div class="mb-3">
+                            <div class="d-flex flex-wrap gap-2 mb-3">
+                                <div class="border rounded p-2 d-flex gap-2 align-items-center">
+                                    <span class="${event.accepted ? 'fw-bold' : 'text-decoration-line-through'}">Принято</span>
+                                    <span class="${event.denied ? 'fw-bold' : 'text-decoration-line-through'}">Отказано</span>
+                                    <span class="${event.is_canceled ? 'fw-bold' : 'text-decoration-line-through'}">Отменено</span>
+                                    ${event.is_visible ? '<span class="badge bg-success">Видно</span>' : '<span class="badge bg-secondary">Не видно</span>'}
                                </div>
-                    <div class="col-md-6">
-                        <div class="event-details-label">Площадка:</div>
-                        <div class="event-details-value">${event.unit_name || 'Не указано'}</div>
+                                ${event.marked_to_publication && !event.is_posted_tg ? '<span class="badge bg-warning">Для публикации</span>' : ''}
+                                ${!event.marked_to_publication && !event.is_posted_tg ? '<span class="badge bg-secondary">Не для публикации</span>' : ''}
+                                ${event.is_posted_tg ? '<span class="badge bg-primary">Опубликовано</span>' : ''}
                            </div>
-                    <div class="col-md-6">
-                        <div class="event-details-label">Название:</div>
-                        <div class="event-details-value">${event.name || 'Не указано'}</div>
+                            <div class="mb-2">
+                                <strong>Площадка:</strong> ${event.unit_name || 'Не указано'}
                            </div>
+                            <div class="mb-2">
+                                <strong>Тэги:</strong> ${event.tags || 'Не указаны'}
                            </div>
-                <div class="row event-details-row">
-                    <div class="col-12">
-                        <div class="event-details-label">Описание:</div>
-                        <div class="event-details-value">${event.about || 'Не указано'}</div>
+                            <div class="mb-2">
+                                <strong>Создано</strong> <i class="fas fa-clock me-1"></i>${formatDateTime(event.added)}
+                            </div>
+                            <div class="mb-2">
+                                <strong>Обновлено</strong> <i class="fas fa-clock me-1"></i>${formatDateTime(event.modified)}
+                            </div>
+                            ${event.is_posted_tg ? `
+                            <div class="mb-2">
+                                <strong>Телеграм</strong> <i class="fab fa-telegram-plane me-1"></i>${event.tg_message_id || 'Не указан'} <i class="fas fa-clock me-1"></i>${formatDateTime(event.tg_posted_date)}
+                            </div>` : ''}
                        </div>
                    </div>
+                    <div class="col-md-4">
                        ${event.about_social_picture ? `
-                <div class="row event-details-row">
-                    <div class="col-12">
-                        <div class="event-details-label">Изображение:</div>
                        <div class="text-center">
                            <img src="${PREFIX}/image_proxy?url=${encodeURIComponent(event.about_social_picture)}"
-                                 class="img-fluid detail-image rounded shadow-sm">
-                        </div>
-                    </div>
+                                 class="img-fluid rounded shadow-sm" style="max-width: 33%; min-width: 200px;">
                        </div>` : ''}
-                <div class="row event-details-row">
-                    <div class="col-md-6">
-                        <div class="event-details-label">Тэги:</div>
-                        <div class="event-details-value">${event.tags || 'Не указаны'}</div>
-                    </div>
-                    <div class="col-md-6">
-                        <div class="event-details-label">Серверный ID:</div>
-                        <div class="event-details-value">${event.id_event || 'Не указан'}</div>
                    </div>
                </div>
-                <div class="row event-details-row">
-                    <div class="col-md-6">
-                        <div class="event-details-label">Номер события:</div>
-                        <div class="event-details-value">${event.number || 'Не указан'}</div>
-                    </div>
-                    <div class="col-md-6">
-                        <div class="event-details-label">Изменено:</div>
-                        <div class="event-details-value">${formatDateTime(event.modified)}</div>
-                    </div>
-                </div>
-                <div class="row event-details-row">
-                    <div class="col-md-6">
-                        <div class="event-details-label">Добавлено:</div>
-                        <div class="event-details-value">${formatDateTime(event.added)}</div>
-                    </div>
-                    <div class="col-md-6">
-                        <div class="event-details-label">Отменено:</div>
-                        <div class="event-details-value">${formatBoolean(event.is_canceled)}</div>
-                    </div>
-                </div>
-                <div class="row event-details-row">
-                    <div class="col-md-6">
-                        <div class="event-details-label">Принято:</div>
-                        <div class="event-details-value">${formatBoolean(event.accepted)}</div>
-                    </div>
-                    <div class="col-md-6">
-                        <div class="event-details-label">Отказано:</div>
-                        <div class="event-details-value">${formatBoolean(event.denied)}</div>
-                    </div>
-                </div>
-                <div class="row event-details-row">
-                    <div class="col-md-6">
-                        <div class="event-details-label">Видно:</div>
-                        <div class="event-details-value">${formatBoolean(event.is_visible)}</div>
-                    </div>
-                    <div class="col-md-6">
-                        <div class="event-details-label">Отмечено к публикации:</div>
-                        <div class="event-details-value">${formatBoolean(event.marked_to_publication)}</div>
-                    </div>
-                </div>
-                <div class="row event-details-row">
-                    <div class="col-md-6">
-                        <div class="event-details-label">Опубликовано в TG:</div>
-                        <div class="event-details-value">${formatBoolean(event.is_posted_tg)}</div>
-                    </div>
-                    <div class="col-md-6">
-                        <div class="event-details-label">ID сообщения в TG:</div>
-                        <div class="event-details-value">${event.tg_message_id || 'Не указан'}</div>
-                    </div>
-                </div>
-                <div class="row event-details-row">
-                    <div class="col-md-6">
-                        <div class="event-details-label">Дата сообщения в TG:</div>
-                        <div class="event-details-value">${formatDateTime(event.tg_posted_date)}</div>
-                    </div>
-                    <div class="col-md-6">
-                        <div class="event-details-label">Ссылка на анонс:</div>
-                        <div class="event-details-value">${event.announcement_link || 'Не указана'}</div>
-                    </div>
+                <div class="mb-4 mt-3">
+                    <div class="border p-3 bg-light rounded">${event.about || 'Нет описания'}</div>
                </div>`;
            // Добавляем блок связанных постов
            if (linkedPosts.length > 0) {
                detailsHtml += `
-                <div class="row event-details-row">
-                    <div class="col-12">
-                        <div class="event-details-label">Связанные посты:</div>
-                        <div class="event-details-value linked-items-list">
-                            <div class="list-group">
+                <div class="card border-info mb-4">
+                    <div class="card-header bg-info text-white">
+                        <i class="fas fa-link me-1"></i> Связанные посты (${linkedPosts.length})
+                    </div>
+                    <div class="card-body p-2">
+                        <div class="linked-items-list">
+                            <div class="list-group mb-0">
                                ${linkedPosts.map(post => `
-                                    <a href="#" class="list-group-item list-group-item-action" 
+                                    <a href="#" class="list-group-item list-group-item-action py-1" 
                                       onclick="highlightSelectedPost(${post.id}); document.getElementById('posts-tab').click(); return false;">
-                                        ${post.shortname || `Пост ${post.id}`}
+                                        <small>${post.shortname || `Пост ${post.id}`}</small>
                                        <button class="btn btn-sm btn-outline-danger float-end" 
                                                onclick="event.stopPropagation(); unlinkEventFromPost(${event.id}, ${post.id}); return false;">
                                            <i class="fas fa-unlink"></i>
@@ -1442,6 +1387,8 @@
            }
            detailsHtml += `</div>`;
            detailsPanel.innerHTML = detailsHtml;
+            // Обновляем заголовок панели
+            document.getElementById('event-details-header').textContent = `Событие #${event.number}: ${event.name || 'Без названия'}`;
            // Обработчик для кнопки публикации события
            document.getElementById('publish-event-btn').addEventListener('click', () => {
                publishCurrentEvent(event.id);