[ВОЛК] редактирование площадок

templates/index.html

@@ -702,6 +702,7 @@
                                             <th class="sortable-header">ID</th>
                                             <th class="sortable-header">Название</th>
                                             <th class="sortable-header">Статус</th>
+                                            <th class="text-end">Действия</th>
                                         </tr>
                                     </thead>
                                 </table>
@@ -711,7 +712,7 @@
                                 <table class="table table-hover mb-0">
                                     <tbody id="categories-table">
                                         <tr>
-                                            <td colspan="3" class="text-center py-5">
+                                            <td colspan="4" class="text-center py-5">
                                                 <div class="spinner-border text-primary" role="status">
                                                     <span class="visually-hidden">Загрузка...</span>
                                                 </div>
@@ -783,6 +784,26 @@
     </div>
 </div>
 
+<!-- Модальное окно подтверждения удаления площадки -->
+<div class="modal fade" id="deleteCategoryModal" tabindex="-1">
+    <div class="modal-dialog">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h5 class="modal-title">Подтверждение удаления</h5>
+                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
+            </div>
+            <div class="modal-body">
+                <p id="delete-category-message">Вы уверены, что хотите удалить эту площадку? Это действие нельзя отменить.</p>
+                <input type="hidden" id="delete-category-id">
+            </div>
+            <div class="modal-footer">
+                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Отмена</button>
+                <button type="button" class="btn btn-danger" id="confirm-category-delete">Удалить</button>
+            </div>
+        </div>
+    </div>
+</div>
+
 <!-- Модальное окно для выбора площадок -->
 <div class="modal fade" id="venuesModal" tabindex="-1">
     <div class="modal-dialog modal-lg">
@@ -918,6 +939,15 @@
             const eventId = document.getElementById('delete-event-id').value;
             deleteEvent(eventId);
         });
+        {% if g.workmode == 'VOLK' %}
+        const confirmCategoryDeleteBtn = document.getElementById('confirm-category-delete');
+        if (confirmCategoryDeleteBtn) {
+            confirmCategoryDeleteBtn.addEventListener('click', () => {
+                const categoryId = document.getElementById('delete-category-id').value;
+                deleteCategory(categoryId);
+            });
+        }
+        {% endif %}
         // Обработчики для вкладок
         document.getElementById('posts-tab').addEventListener('click', () => {
             if (document.getElementById('posts-table').children.length === 1) {
@@ -1848,7 +1878,7 @@
             if (categories.length === 0) {
                 tableBody.innerHTML = `
                     <tr>
-                        <td colspan="3" class="text-center py-5 text-muted">
+                        <td colspan="4" class="text-center py-5 text-muted">
                             <i class="fas fa-inbox fa-3x mb-3"></i>
                             <p>Нет доступных площадок</p>
                         </td>
@@ -1872,15 +1902,42 @@
                     <td>${category.id || '-'}</td>
                     <td class="category-name-preview" title="${category.title || ''}">${category.title || 'Без названия'}</td>
                     <td>${publicationBadge}${publishedBadge}</td>
+                    <td class="text-end action-buttons">
+                        <button class="btn btn-sm btn-outline-warning edit-category-btn">
+                            <i class="fas fa-edit"></i>
+                        </button>
+                        <button class="btn btn-sm btn-outline-danger delete-category-btn">
+                            <i class="fas fa-trash"></i>
+                        </button>
+                    </td>
                 </tr>`;
                 tableBody.innerHTML += row;
             });
+            // Добавляем обработчики событий для кнопок
+            document.querySelectorAll('.edit-category-btn').forEach(btn => {
+                btn.addEventListener('click', (e) => {
+                    e.stopPropagation();
+                    const categoryId = e.target.closest('tr').dataset.id;
+                    window.location.href = `${PREFIX}/edit_category/${encodeURIComponent(categoryId)}`;
+                });
+            });
+            document.querySelectorAll('.delete-category-btn').forEach(btn => {
+                btn.addEventListener('click', (e) => {
+                    e.stopPropagation();
+                    const categoryId = e.target.closest('tr').dataset.id;
+                    document.getElementById('delete-category-id').value = categoryId;
+                    // Проверяем наличие привязанных событий
+                    checkCategoryEventsBeforeDelete(categoryId);
+                });
+            });
             // Клик по строке категории
             document.querySelectorAll('.category-row').forEach(row => {
                 row.addEventListener('click', (e) => {
-                    const categoryId = row.dataset.id;
-                    showCategoryDetails(categoryId);
-                    highlightSelectedCategory(categoryId);
+                    if (!e.target.closest('.action-buttons')) {
+                        const categoryId = row.dataset.id;
+                        showCategoryDetails(categoryId);
+                        highlightSelectedCategory(categoryId);
+                    }
                 });
             });
             // Переинициализируем разделители колонок для категорий
@@ -1891,7 +1948,7 @@
         } catch (error) {
             tableBody.innerHTML = `
                 <tr>
-                    <td colspan="3" class="text-center py-5 text-danger">
+                    <td colspan="4" class="text-center py-5 text-danger">
                         <i class="fas fa-exclamation-triangle fa-2x mb-3"></i>
                         <p>Ошибка загрузки данных</p>
                         <button class="btn btn-sm btn-outline-primary mt-2" onclick="loadCategoriesList()">
@@ -1952,6 +2009,19 @@
             // Создаем HTML для деталей
             let detailsHtml = `
             <div>
+                <div class="d-flex justify-content-between align-items-center mb-4">
+                    <div></div>
+                    <div>
+                        <button class="btn btn-sm btn-info me-2" id="toggle-category-pub-btn">
+                            ${category.marked_for_publication ?
+                                '<i class="fas fa-times-circle me-1"></i>Снять с публикации' :
+                                '<i class="fas fa-check-circle me-1"></i>Отметить для публикации'}
+                        </button>
+                        <button class="btn btn-sm btn-warning" onclick="location.href='${PREFIX}/edit_category/${encodeURIComponent(category.id)}'">
+                            <i class="fas fa-edit me-1"></i>Редактировать
+                        </button>
+                    </div>
+                </div>
                 <div class="row mb-3">
                     <div class="col-md-8">
                         <div class="mb-2">
@@ -1995,6 +2065,14 @@
             detailsHtml += `</div>`;
             detailsPanel.innerHTML = detailsHtml;
             
+            // Обработчик для кнопки переключения публикации категории
+            const togglePubBtn = document.getElementById('toggle-category-pub-btn');
+            if (togglePubBtn) {
+                togglePubBtn.addEventListener('click', () => {
+                    toggleCategoryPublication(category.id);
+                });
+            }
+            
             // Проверяем, загрузилось ли изображение
             if (category.image_url) {
                 const img = document.getElementById('category-image');
@@ -2028,6 +2106,88 @@
             console.error('Ошибка загрузки деталей категории:', error);
         }
     }
+    // Переключение статуса публикации категории
+    async function toggleCategoryPublication(categoryId) {
+        try {
+            const response = await fetch(`${PREFIX}/api/categories/${encodeURIComponent(categoryId)}/toggle_publication`, {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                    'X-Requested-With': 'XMLHttpRequest'
+                }
+            });
+            const data = await response.json();
+            if (data.success) {
+                // Обновляем детали категории
+                showCategoryDetails(categoryId);
+                // Обновляем список категорий
+                loadCategoriesList();
+            } else {
+                alert('Ошибка изменения статуса публикации: ' + (data.error || 'неизвестная ошибка'));
+            }
+        } catch (error) {
+            console.error('Ошибка переключения статуса публикации:', error);
+            alert('Произошла ошибка при изменении статуса публикации');
+        }
+    }
+    // Проверка наличия событий перед удалением категории
+    async function checkCategoryEventsBeforeDelete(categoryId) {
+        try {
+            const response = await fetch(`${PREFIX}/api/categories/${encodeURIComponent(categoryId)}/events_count`);
+            const data = await response.json();
+            const eventCount = data.count || 0;
+            
+            if (eventCount > 0) {
+                const message = `У площадки есть ${eventCount} привязанных событий. Вы уверены, что хотите удалить эту площадку? Это действие нельзя отменить.`;
+                document.getElementById('delete-category-message').textContent = message;
+            } else {
+                document.getElementById('delete-category-message').textContent = 'Вы уверены, что хотите удалить эту площадку? Это действие нельзя отменить.';
+            }
+            
+            const deleteModal = new bootstrap.Modal(document.getElementById('deleteCategoryModal'));
+            deleteModal.show();
+        } catch (error) {
+            console.error('Ошибка проверки событий:', error);
+            // Показываем модальное окно без проверки
+            document.getElementById('delete-category-message').textContent = 'Вы уверены, что хотите удалить эту площадку? Это действие нельзя отменить.';
+            const deleteModal = new bootstrap.Modal(document.getElementById('deleteCategoryModal'));
+            deleteModal.show();
+        }
+    }
+    // Удаление категории
+    async function deleteCategory(categoryId) {
+        try {
+            const response = await fetch(`${PREFIX}/api/categories/${encodeURIComponent(categoryId)}`, {
+                method: 'DELETE',
+                headers: {
+                    'Content-Type': 'application/json',
+                    'X-Requested-With': 'XMLHttpRequest'
+                }
+            });
+            const result = await response.json();
+            
+            if (result.success) {
+                const deleteModal = bootstrap.Modal.getInstance(document.getElementById('deleteCategoryModal'));
+                deleteModal.hide();
+                loadCategoriesList();
+                // Сбрасываем детали категории
+                document.getElementById('category-details').innerHTML = `
+                    <div class="text-center text-muted py-5">
+                        <i class="fas fa-info-circle fa-3x mb-3"></i>
+                        <p>Выберите площадку для просмотра деталей</p>
+                    </div>`;
+            } else {
+                if (result.error === 'Cannot delete category with linked events') {
+                    alert(`Невозможно удалить площадку: у неё есть ${result.event_count} привязанных событий.`);
+                } else {
+                    alert('Ошибка удаления площадки: ' + (result.error || 'неизвестная ошибка'));
+                }
+            }
+        } catch (error) {
+            console.error('Ошибка удаления площадки:', error);
+            alert('Произошла ошибка при удалении площадки');
+        }
+    }
     // Функция загрузки постов
     async function loadPosts() {
         const tableBody = document.getElementById('posts-table');