Почти полностью рабочая версия

2025-12-20 21:52:40 +03:00
parent 721f224c8e
commit 5396c3d0ff
8 changed files with 892 additions and 18 deletions
@@ -19,6 +19,7 @@ os.makedirs("logs", exist_ok=True)
 logging.basicConfig(
    level=logging.INFO,
    format="%(asctime)s | %(levelname)s | %(name)s | %(message)s",
+    datefmt="%Y-%m-%d %H:%M:%S",
    handlers=[
        logging.FileHandler(Config.LOG_FILE, encoding="utf-8"),
        logging.StreamHandler(),
@@ -28,6 +29,14 @@ logging.basicConfig(
 logger = logging.getLogger(__name__)


+def getLogs():
+    from collections import deque
+
+    with open(Config.LOG_FILE, "r", encoding="utf-8") as f:
+        last_lines = deque(f, maxlen=500)
+        return "".join(reversed(last_lines))
+
+
@app.before_request
 def init():
    db.create_all()
@@ -35,9 +44,79 @@ def init():
    logger.info("Приложение запущено")


-@app.route("/")
+@app.route("/", methods=["GET", "POST"])
 def index():
-    return render_template("index.html")
+    match request.method:
+        case "GET":
+            exitData = {}
+            medodsApi = MedodsAPI.query.first()
+            if medodsApi:
+                exitData["medodsApi"] = {
+                    "updated_at": medodsApi.updated_at.strftime("%Y-%m-%d %H:%M:%S")
+                }
+                if medodsApi.url:
+                    exitData["medodsApi"]["url"] = True
+                else:
+                    exitData["medodsApi"]["url"] = False
+                if medodsApi.identity and medodsApi.secretKey:
+                    exitData["medodsApi"]["apiKey"] = True
+                else:
+                    exitData["medodsApi"]["apiKey"] = False
+                apiEndpointsCount = ApiEndpoint.query.count()
+                exitData["medodsApi"]["apiEndpointsCount"] = apiEndpointsCount
+            vkApi = VkAPI.query.first()
+            if vkApi:
+                exitData["vkApi"] = {
+                    "updated_at": vkApi.updated_at.strftime("%Y-%m-%d %H:%M:%S")
+                }
+                if vkApi.group_id:
+                    exitData["vkApi"]["group_id"] = True
+                else:
+                    exitData["vkApi"]["group_id"] = False
+                if vkApi.access_token:
+                    exitData["vkApi"]["access_token"] = True
+                else:
+                    exitData["vkApi"]["access_token"] = False
+                if vkApi.base_photo_url:
+                    exitData["vkApi"]["base_photo_url"] = True
+                else:
+                    exitData["vkApi"]["base_photo_url"] = False
+            vkPost = VkPost.query.first()
+            if vkPost:
+                exitData["vkPost"] = {
+                    "updated_at": vkPost.updated_at.strftime("%Y-%m-%d %H:%M:%S")
+                }
+                if vkPost.static_text:
+                    exitData["vkPost"]["static_text"] = True
+                else:
+                    exitData["vkPost"]["static_text"] = False
+                if vkPost.selected_users:
+                    exitData["vkPost"]["selected_users"] = len(vkPost.selected_users)
+                else:
+                    exitData["vkPost"]["selected_users"] = False
+                if vkPost.full_name is not None:
+                    exitData["vkPost"]["full_name"] = vkPost.full_name
+                if vkPost.post_id and vkApi and vkApi.group_id:
+                    exitData["vkPost"][
+                        "post_link"
+                    ] = f"https://vk.com/wall-{vkApi.group_id}_{vkPost.post_id}"
+                else:
+                    exitData["vkPost"]["post_link"] = False
+                if vkPost.publish_at:
+                    exitData["vkPost"]["publish_at"] = vkPost.publish_at.strftime(
+                        "%Y-%m-%d %H:%M:%S"
+                    )
+                else:
+                    exitData["vkPost"]["publish_at"] = False
+                usersMedods = UsersMedods.query.count()
+                exitData["vkPost"]["usersMedods"] = usersMedods
+                exitData["vkPost"]["scheduler"] = get_scheduler_status()
+
+            return render_template("index.html", exitData=exitData)
+        case "POST":
+            return jsonify(logs=getLogs())
+        case _:
+            return "Method not allowed", 405


@app.route("/medods", methods=["GET"])
@@ -15,6 +15,17 @@ scheduler: BackgroundScheduler | None = None
 JOB_ID = "vk_publish_job"


+def clearLog():
+    from collections import deque
+    from config import Config
+
+    with open(Config.LOG_FILE, "r", encoding="utf-8") as f:
+        last_lines = deque(f, maxlen=500)
+
+    with open(Config.LOG_FILE, "w", encoding="utf-8") as f:
+        f.writelines(last_lines)
+
+
 def init_scheduler(app):
    """
    Инициализация планировщика с Flask-приложением
@@ -26,6 +37,10 @@ def init_scheduler(app):

    if scheduler is None:
        scheduler = BackgroundScheduler()
+        trigger = CronTrigger(hour=0, minute=0)
+        scheduler.add_job(
+            clearLog, trigger=trigger, id="clear_log_job", replace_existing=True
+        )
        scheduler.start()


@@ -0,0 +1,223 @@
+/* Карточки */
+.card {
+    border-radius: 10px;
+    border: 1px solid #e9ecef;
+    transition: all 0.3s ease;
+    overflow: hidden;
+}
+
+.card:hover {
+    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
+}
+
+.card-header {
+    background-color: rgba(0, 0, 0, 0.02);
+    border-bottom: 1px solid #e9ecef;
+    padding: 1rem 1.25rem;
+}
+
+.card-header h5 {
+    font-weight: 600;
+}
+
+/* Статус индикаторы */
+.status-indicator {
+    width: 12px;
+    height: 12px;
+    border-radius: 50%;
+    display: inline-block;
+}
+
+.status-online {
+    background-color: #198754;
+    box-shadow: 0 0 0 2px rgba(25, 135, 84, 0.2);
+}
+
+.status-offline {
+    background-color: #6c757d;
+    box-shadow: 0 0 0 2px rgba(108, 117, 125, 0.2);
+}
+
+/* Быстрые действия */
+.btn-outline-info, 
+.btn-outline-success, 
+.btn-outline-warning, 
+.btn-outline-secondary {
+    border-width: 2px;
+    transition: all 0.3s ease;
+}
+
+.btn-outline-info:hover {
+    background-color: #0dcaf0;
+    color: white;
+    border-color: #0dcaf0;
+}
+
+.btn-outline-success:hover {
+    background-color: #198754;
+    color: white;
+    border-color: #198754;
+}
+
+.btn-outline-warning:hover {
+    background-color: #ffc107;
+    color: black;
+    border-color: #ffc107;
+}
+
+.btn-outline-secondary:hover {
+    background-color: #6c757d;
+    color: white;
+    border-color: #6c757d;
+}
+
+/* Логи */
+.logs-container {
+    max-height: 400px;
+    overflow-y: auto;
+    background-color: #f8f9fa;
+    border-radius: 6px;
+    padding: 1rem;
+    font-family: 'SF Mono', Monaco, 'Cascadia Code', Consolas, 'Courier New', monospace;
+    font-size: 12px;
+    line-height: 1.4;
+}
+
+.logs-pre {
+    margin: 0;
+    white-space: pre-wrap;
+    word-break: break-word;
+    color: #212529;
+}
+
+.logs-pre .log-info {
+    color: #0d6efd;
+}
+
+.logs-pre .log-success {
+    color: #198754;
+}
+
+.logs-pre .log-warning {
+    color: #ffc107;
+}
+
+.logs-pre .log-error {
+    color: #dc3545;
+}
+
+/* Адаптивные карточки */
+@media (max-width: 768px) {
+    .card-header h5 {
+        font-size: 1rem;
+    }
+    
+    .fw-bold.fs-5 {
+        font-size: 1.1rem !important;
+    }
+    
+    .logs-container {
+        font-size: 11px;
+    }
+}
+
+/* Анимации */
+.fade-in {
+    animation: fadeIn 0.5s ease-in;
+}
+
+@keyframes fadeIn {
+    from {
+        opacity: 0;
+        transform: translateY(-10px);
+    }
+    to {
+        opacity: 1;
+        transform: translateY(0);
+    }
+}
+
+/* Уведомления */
+.alert-fixed {
+    position: fixed;
+    top: 80px;
+    right: 20px;
+    z-index: 1050;
+    min-width: 300px;
+    max-width: 400px;
+}
+
+/* Карточки с фоном */
+.card.bg-light {
+    border: none;
+}
+
+/* Информационные блоки */
+.alert {
+    border-radius: 8px;
+    border: none;
+}
+
+/* Кнопки действий */
+.btn-sm {
+    padding: 0.25rem 0.5rem;
+    font-size: 0.875rem;
+}
+
+/* Пустые состояния */
+.text-center.py-4 .display-1 {
+    font-size: 4rem;
+    color: #dee2e6;
+    margin-bottom: 1rem;
+}
+
+/* Бейджи */
+.badge {
+    font-weight: 500;
+    padding: 0.35em 0.65em;
+    font-size: 0.85em;
+}
+
+/* Таблицы и сетки */
+.row.g-3 {
+    margin-top: -0.75rem;
+}
+
+.row.g-3 > [class^="col-"] {
+    margin-top: 0.75rem;
+}
+
+/* Иконки */
+.bi {
+    vertical-align: middle;
+}
+
+/* Отступы для контента */
+.card-body {
+    padding: 1.25rem;
+}
+
+/* Ховер эффекты для карточек быстрых действий */
+.btn:hover .bi {
+    transform: scale(1.1);
+    transition: transform 0.3s ease;
+}
+
+/* Скроллбар для логов */
+.logs-container::-webkit-scrollbar {
+    width: 6px;
+}
+
+.logs-container::-webkit-scrollbar-track {
+    background: #f1f1f1;
+    border-radius: 3px;
+}
+
+.logs-container::-webkit-scrollbar-thumb {
+    background: #888;
+    border-radius: 3px;
+}
+
+.logs-container::-webkit-scrollbar-thumb:hover {
+    background: #555;
+}
@@ -0,0 +1,140 @@
+// Инициализация при загрузке страницы
+document.addEventListener('DOMContentLoaded', function () {
+    // Устанавливаем время последнего обновления
+    updateLastUpdateTime();
+
+    // Добавляем подсветку логов
+    highlightLogs();
+
+});
+
+// Обновление времени последнего обновления
+function updateLastUpdateTime() {
+    const now = new Date();
+    const timeString = now.toLocaleTimeString('ru-RU', {
+        hour: '2-digit',
+        minute: '2-digit',
+        second: '2-digit'
+    });
+    const dateString = now.toLocaleDateString('ru-RU', {
+        day: '2-digit',
+        month: '2-digit',
+        year: 'numeric'
+    });
+
+    document.getElementById('lastUpdateTime').textContent = `${dateString} ${timeString}`;
+}
+
+// Подсветка логов
+function highlightLogs() {
+    const logsContainer = document.getElementById('logsContainer');
+    if (!logsContainer) return;
+
+    const pre = logsContainer.querySelector('pre');
+    if (!pre) return;
+
+    let content = pre.innerHTML;
+
+    // Обработка строкового символа
+    content = content.replace(/\x1B\[[0-9;]*m/g, '');
+
+    // Подсветка уровней логирования
+    content = content.replace(/\|\sINFO\s\|/g, '| <span class="log-success">INFO</span> |');
+    content = content.replace(/\|\sWARNING\s\|/g, '| <span class="log-warning">WARNING</span> |');
+    content = content.replace(/\|\sERROR\s\|/g, '| <span class="log-error">ERROR</span> |');
+
+    // Подсветка дат и времени
+    content = content.replace(/(\d{4}-\d{2}-\d{2} \d{2}:\d{2}:\d{2})/g, '<span class="text-primary">$1</span>');
+
+    // Подсветка IP адресов
+    content = content.replace(/(\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3})/g, '<span class="text-success">$1</span>');
+
+    // Подсветка HTTP методов
+    content = content.replace(/(GET|POST|PUT|DELETE|PATCH) (\S+)/g, '<span class="fw-semibold text-info">$1</span> <span class="text-dark">$2</span>');
+
+    // Подсветка кодов состояний
+    content = content.replace(
+        /"\s(\d{3})\s-/g,
+        (match, code) => {
+            let cls = 'text-secondary';
+
+            if (code >= 200 && code < 300) cls = 'text-success';
+            else if (code >= 400 && code < 500) cls = 'text-warning';
+            else if (code >= 500) cls = 'text-danger';
+
+            return `" <span class="fw-bold ${cls}">${code}</span> -`;
+        }
+    );
+
+    // Подсветка статических файлов
+    content = content.replace(
+        /(\/static\/[^\s"]+)/g,
+        '<span class="text-muted fw-semibold">$1</span>'
+    );
+
+    pre.innerHTML = content;
+}
+
+// Переключение видимости логов
+function toggleLogs() {
+    const logsBody = document.getElementById('logsBody');
+    const toggleBtn = document.querySelector('.card-header .bi-chevron-down, .card-header .bi-chevron-up');
+    const logsDescription = document.getElementById('logs_description');
+
+    if (logsBody.classList.contains('d-none')) {
+        logsBody.classList.remove('d-none');
+        toggleBtn.classList.remove('bi-chevron-down');
+        toggleBtn.classList.add('bi-chevron-up');
+        logsDescription.classList.remove('d-none');
+        refreshLogs();
+    } else {
+        logsBody.classList.add('d-none');
+        logsDescription.classList.add('d-none');
+        toggleBtn.classList.remove('bi-chevron-up');
+        toggleBtn.classList.add('bi-chevron-down');
+    }
+}
+
+// Обновление логов
+async function refreshLogs() {
+    try {
+        const logsContainer = document.getElementById('logsContainer');
+        if (!logsContainer) return;
+
+        const pre = logsContainer.querySelector('pre');
+        if (!pre) return;
+        // Показываем индикатор загрузки
+        pre.innerHTML = `
+            <div class="text-center py-4">
+                <div class="spinner-border text-primary" role="status">
+                    <span class="visually-hidden">Загрузка логов...</span>
+                </div>
+                <p class="mt-2 text-muted">Загрузка логов...</p>
+            </div>
+        `;
+
+        // Имитация загрузки логов (в реальном приложении здесь будет fetch запрос)
+        const response = await fetch('/', {
+            method: 'POST',
+        });
+
+        const data = await response.json();
+
+        pre.innerHTML = data.logs;
+        highlightLogs();
+
+    } catch (error) {
+        console.error('Ошибка при обновлении логов:', error);
+    }
+}
+
+
+function getAlertIcon(type) {
+    const icons = {
+        'success': 'bi-check-circle-fill',
+        'warning': 'bi-exclamation-triangle-fill',
+        'danger': 'bi-x-circle-fill',
+        'info': 'bi-info-circle-fill'
+    };
+    return icons[type] || 'bi-info-circle-fill';
+}
@@ -1,27 +1,430 @@
 {% extends "base.html" %}
-{% block title %}Главная{% endblock %}
+{% block title %}Главная - Панель управления{% endblock %}
+
+{% block styles %}
+<link href="/static/css/index.css" rel="stylesheet">
+{% endblock %}

 {% block content %}
-<h3 class="mb-4">📊 Состояние системы</h3>
+<!-- Заголовок -->
+<div class="d-flex justify-content-between align-items-center mb-4">
+    <div>
+        <h1 class="mb-1"><i class="bi bi-speedometer2 text-primary me-2"></i>Панель управления</h1>
+        <p class="text-muted mb-0">Мониторинг состояния системы и статистика</p>
+    </div>
+    <div class="badge bg-primary fs-6 px-3 py-2">
+        <i class="bi bi-server me-1"></i>Система
+    </div>
+</div>

-<div class="row mb-4">
-    <div class="col-md-4">
-        <div class="card">
+<!-- Основная статистика -->
+<div class="row g-4 mb-4">
+    <!-- Medods API -->
+    <div class="col-xl-4 col-lg-6">
+        <div class="card h-100">
+            <div class="card-header d-flex justify-content-between align-items-center">
+                <h5 class="mb-0"><i class="bi bi-plug text-info me-2"></i>Medods API</h5>
+                {% if exitData.medodsApi %}
+                <span class="badge bg-info"><i class="bi bi-check-circle me-1"></i>Настроен</span>
+                {% else %}
+                <span class="badge bg-secondary"><i class="bi bi-x-circle me-1"></i>Не настроен</span>
+                {% endif %}
+            </div>
            <div class="card-body">
-                <h6 class="card-title">Статус</h6>
-                <span class="badge bg-success">Работает</span>
+                {% if exitData.medodsApi %}
+                <div class="row g-3">
+                    <div class="col-6">
+                        <div class="d-flex align-items-center mb-3">
+                            <div
+                                class="status-indicator {% if exitData.medodsApi.url %}status-online{% else %}status-offline{% endif %} me-2">
+                            </div>
+                            <div>
+                                <div class="small text-muted">URL сервера</div>
+                                <div class="fw-semibold">{% if exitData.medodsApi.url %}Настроен{% else %}Не
+                                    настроен{% endif %}</div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="col-6">
+                        <div class="d-flex align-items-center mb-3">
+                            <div
+                                class="status-indicator {% if exitData.medodsApi.apiKey %}status-online{% else %}status-offline{% endif %} me-2">
+                            </div>
+                            <div>
+                                <div class="small text-muted">API ключ</div>
+                                <div class="fw-semibold">{% if exitData.medodsApi.apiKey %}Настроен{% else %}Не
+                                    настроен{% endif %}</div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="row g-3">
+                    <div class="col-12">
+                        <div class="card bg-light">
+                            <div class="card-body py-2">
+                                <div class="row">
+                                    <div class="col-6">
+                                        <div class="small text-muted">Запросов к серверу</div>
+                                        <div class="fw-bold fs-5">{{ exitData.medodsApi.apiEndpointsCount or 0 }}
+                                        </div>
+                                    </div>
+                                    <div class="col-6">
+                                        <div class="small text-muted">Обновлено</div>
+                                        <div class="fw-semibold">{{ exitData.medodsApi.updated_at }}</div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                {% else %}
+                <div class="text-center py-4">
+                    <i class="bi bi-plug display-1 text-muted mb-3"></i>
+                    <h5 class="text-muted">Medods API не настроен</h5>
+                    <p class="text-muted mb-3">Настройте подключение для работы с API</p>
+                    <a href="/medods" class="btn btn-outline-primary">
+                        <i class="bi bi-arrow-right me-1"></i>Перейти к настройкам
+                    </a>
+                </div>
+                {% endif %}
+            </div>
+        </div>
+    </div>
+
+    <!-- VK API -->
+    <div class="col-xl-4 col-lg-6">
+        <div class="card h-100">
+            <div class="card-header d-flex justify-content-between align-items-center">
+                <h5 class="mb-0"><i class="bi bi-megaphone text-success me-2"></i>VK API</h5>
+                {% if exitData.vkApi %}
+                <span class="badge bg-success"><i class="bi bi-check-circle me-1"></i>Настроен</span>
+                {% else %}
+                <span class="badge bg-secondary"><i class="bi bi-x-circle me-1"></i>Не настроен</span>
+                {% endif %}
+            </div>
+            <div class="card-body">
+                {% if exitData.vkApi %}
+                <div class="row g-3">
+                    <div class="col-4">
+                        <div class="d-flex align-items-center mb-3">
+                            <div
+                                class="status-indicator {% if exitData.vkApi.group_id %}status-online{% else %}status-offline{% endif %} me-2">
+                            </div>
+                            <div>
+                                <div class="small text-muted">ID группы</div>
+                                <div class="fw-semibold">{% if exitData.vkApi.group_id %}Настроен{% else %}Не
+                                    настроен{% endif %}</div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="col-4">
+                        <div class="d-flex align-items-center mb-3">
+                            <div
+                                class="status-indicator {% if exitData.vkApi.access_token %}status-online{% else %}status-offline{% endif %} me-2">
+                            </div>
+                            <div>
+                                <div class="small text-muted">Токен</div>
+                                <div class="fw-semibold">{% if exitData.vkApi.access_token %}Настроен{% else %}Не
+                                    настроен{% endif %}</div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="col-4">
+                        <div class="d-flex align-items-center mb-3">
+                            <div
+                                class="status-indicator {% if exitData.vkApi.base_photo_url %}status-online{% else %}status-offline{% endif %} me-2">
+                            </div>
+                            <div>
+                                <div class="small text-muted">Базовое фото</div>
+                                <div class="fw-semibold">{% if exitData.vkApi.base_photo_url %}Настроен{% else %}Не
+                                    настроен{% endif %}</div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="row g-3">
+                    <div class="col-12">
+                        <div class="card bg-light">
+                            <div class="card-body py-2">
+                                <div class="text-center">
+                                    <div class="small text-muted">Обновлено</div>
+                                    <div class="fw-bold fs-5">{{ exitData.vkApi.updated_at }}</div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                {% else %}
+                <div class="text-center py-4">
+                    <i class="bi bi-megaphone display-1 text-muted mb-3"></i>
+                    <h5 class="text-muted">VK API не настроен</h5>
+                    <p class="text-muted mb-3">Настройте подключение для работы с VK</p>
+                    <a href="/vk" class="btn btn-outline-success">
+                        <i class="bi bi-arrow-right me-1"></i>Перейти к настройкам
+                    </a>
+                </div>
+                {% endif %}
+            </div>
+        </div>
+    </div>
+
+    <!-- Планировщик публикаций -->
+    <div class="col-xl-4 col-lg-6">
+        <div class="card h-100">
+            <div class="card-header d-flex justify-content-between align-items-center">
+                <h5 class="mb-0"><i class="bi bi-calendar-week text-warning me-2"></i>Планировщик</h5>
+                {% if exitData.vkPost and exitData.vkPost.scheduler %}
+                {% if exitData.vkPost.scheduler.scheduler %}
+                <span class="badge bg-success"><i class="bi bi-play-circle me-1"></i>Активен</span>
+                {% else %}
+                <span class="badge bg-secondary"><i class="bi bi-stop-circle me-1"></i>Неактивен</span>
+                {% endif %}
+                {% else %}
+                <span class="badge bg-secondary"><i class="bi bi-question-circle me-1"></i>Не настроен</span>
+                {% endif %}
+            </div>
+            <div class="card-body">
+                {% if exitData.vkPost %}
+                <div class="row g-3">
+                    <div class="col-6">
+                        <div class="d-flex align-items-center mb-3">
+                            <div
+                                class="status-indicator {% if exitData.vkPost.static_text %}status-online{% else %}status-offline{% endif %} me-2">
+                            </div>
+                            <div>
+                                <div class="small text-muted">Текст поста</div>
+                                <div class="fw-semibold">{% if exitData.vkPost.static_text %}Настроен{% else %}Не
+                                    настроен{% endif %}</div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="col-6">
+                        <div class="d-flex align-items-center mb-3">
+                            <div
+                                class="status-indicator {% if exitData.vkPost.scheduler.vk_publish_job %}status-online{% else %}status-offline{% endif %} me-2">
+                            </div>
+                            <div>
+                                <div class="small text-muted">Автопубликация</div>
+                                <div class="fw-semibold">{% if exitData.vkPost.scheduler.vk_publish_job %}Активна{% else
+                                    %}Неактивна{% endif %}
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+                {% if exitData.vkPost.scheduler %}
+                <div class="card bg-light mb-3">
+                    <div class="card-body py-2">
+                        <div class="row">
+                            <div class="col-6">
+                                <div class="small text-muted">Обновлено</div>
+                                <div class="fw-semibold">
+                                    {% if exitData.vkPost.updated_at %}
+                                    {{ exitData.vkPost.updated_at }}
+                                    {% else %}
+                                    Не опубликовано
+                                    {% endif %}
+                                </div>
+                            </div>
+                            <div class="col-6">
+                                <div class="small text-muted">Следующий запуск</div>
+                                <div class="fw-semibold">
+                                    {% if exitData.vkPost.scheduler.next_run_time %}
+                                    {{ exitData.vkPost.scheduler.next_run_time }}
+                                    {% else %}
+                                    Не запланирован
+                                    {% endif %}
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                {% endif %}
+
+                <div class="row g-3">
+                    <div class="col-12">
+                        <div class="card bg-light">
+                            <div class="card-body py-2">
+                                <div class="row">
+                                    <div class="col-6">
+                                        <div class="small text-muted">Сотрудников в базе</div>
+                                        <div class="fw-bold fs-5">{{ exitData.vkPost.usersMedods or 0 }}</div>
+                                    </div>
+                                    <div class="col-6">
+                                        <div class="small text-muted">Сотрудников выбрано</div>
+                                        <div class="fw-bold fs-5">{{ exitData.vkPost.selected_users or 0 }}</div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                {% else %}
+                <div class="text-center py-4">
+                    <i class="bi bi-calendar-week display-1 text-muted mb-3"></i>
+                    <h5 class="text-muted">Планировщик не настроен</h5>
+                    <p class="text-muted mb-3">Настройте публикации для запуска планировщика</p>
+                    <a href="/posts" class="btn btn-outline-warning">
+                        <i class="bi bi-arrow-right me-1"></i>Перейти к публикациям
+                    </a>
+                </div>
+                {% endif %}
            </div>
        </div>
    </div>
 </div>

-<h4>📜 Логи операций</h4>
+<!-- Статистика и ссылки -->
+<div class="row g-4 mb-4">
+    <!-- Быстрые действия -->
+    <div class="col-lg-6">
+        <div class="card h-100">
+            <div class="card-header">
+                <h5 class="mb-0">
+                    <i class="bi bi-tools text-primary me-2"></i>Переход к настройкам
+                </h5>
+            </div>
+            <div class="card-body">
+                <div class="row g-3">
+                    <div class="col-md-4">
+                        <a href="/medods"
+                            class="btn btn-outline-info w-100 py-4 d-flex flex-column align-items-center justify-content-center">
+                            <i class="bi bi-plug fs-1 mb-2"></i>
+                            <span class="fw-semibold">Medods API</span>
+                            <small class="text-muted text-center">Подключение</small>
+                        </a>
+                    </div>

-<div class="card">
-    <div class="card-body">
-        <pre>
-{{ logs or "Логи отсутствуют" }}
-        </pre>
+                    <div class="col-md-4">
+                        <a href="/vk"
+                            class="btn btn-outline-success w-100 py-4 d-flex flex-column align-items-center justify-content-center">
+                            <i class="bi bi-megaphone fs-1 mb-2"></i>
+                            <span class="fw-semibold">VK API</span>
+                            <small class="text-muted text-center">Настройки VK</small>
+                        </a>
+                    </div>
+
+                    <div class="col-md-4">
+                        <a href="/posts"
+                            class="btn btn-outline-warning w-100 py-4 d-flex flex-column align-items-center justify-content-center">
+                            <i class="bi bi-calendar-week fs-1 mb-2"></i>
+                            <span class="fw-semibold">Публикации</span>
+                            <small class="text-muted text-center">Управление</small>
+                        </a>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!-- Последний пост VK -->
+    <div class="col-lg-6">
+        <div class="card h-100">
+            <div class="card-header d-flex justify-content-between align-items-center">
+                <h5 class="mb-0"><i class="bi bi-send text-success me-2"></i>Последняя публикация</h5>
+                {% if exitData.vkPost and exitData.vkPost.post_link %}
+                <span class="badge bg-success"><i class="bi bi-check-circle me-1"></i>Опубликовано</span>
+                {% else %}
+                <span class="badge bg-secondary"><i class="bi bi-hourglass me-1"></i>Нет публикаций</span>
+                {% endif %}
+            </div>
+            <div class="card-body">
+                {% if exitData.vkPost and exitData.vkPost.post_link %}
+                <div class="alert alert-success">
+                    <div class="d-flex">
+                        <div class="me-3">
+                            <i class="bi bi-check-circle-fill fs-4"></i>
+                        </div>
+                        <div>
+                            <h6 class="alert-heading mb-1">Пост успешно опубликован</h6>
+                            <p class="mb-2">Ссылка на публикацию в VK</p>
+                            <a href="{{ exitData.vkPost.post_link }}" target="_blank"
+                                class="btn btn-sm btn-outline-success">
+                                <i class="bi bi-box-arrow-up-right me-1"></i>Открыть в VK
+                            </a>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="row g-3">
+                    <div class="col-6">
+                        <div class="card bg-light">
+                            <div class="card-body py-2">
+                                <div class="small text-muted">Время публикации</div>
+                                <div class="fw-semibold">
+                                    {% if exitData.vkPost.publish_at %}
+                                    {{ exitData.vkPost.publish_at }}
+                                    {% else %}
+                                    Не указано
+                                    {% endif %}
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="col-6">
+                        <div class="card bg-light">
+                            <div class="card-body py-2">
+                                <div class="small text-muted">Отображение имен</div>
+                                <div class="fw-semibold">
+                                    {% if exitData.vkPost.full_name %}
+                                    Полные имена
+                                    {% else %}
+                                    Короткие имена
+                                    {% endif %}
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                {% else %}
+                <div class="text-center py-4">
+                    <i class="bi bi-send display-1 text-muted mb-3"></i>
+                    <h5 class="text-muted">Нет публикаций</h5>
+                    <p class="text-muted mb-3">Создайте и опубликуйте первый пост</p>
+                    <a href="/posts" class="btn btn-success">
+                        <i class="bi bi-plus-circle me-1"></i>Создать публикацию
+                    </a>
+                </div>
+                {% endif %}
+            </div>
+        </div>
    </div>
 </div>
+
+<!-- Логи системы -->
+<div class="card">
+    <div class="card-header d-flex justify-content-between align-items-center">
+        <div class="d-flex justify-content-left align-items-center">
+            <h5 class="mb-0"><i class="bi bi-journal-text text-dark me-2"></i>Логи операций</h5>
+            <span class="text-muted small ms-2 d-none" id="logs_description">(Последние 500 строк. Новые сверху)</span>
+        </div>
+        <div>
+            <button type="button" class="btn btn-sm btn-outline-secondary me-2" onclick="toggleLogs()">
+                <i class="bi bi-chevron-down"></i>
+            </button>
+            <button type="button" class="btn btn-sm btn-outline-primary" onclick="refreshLogs()">
+                <i class="bi bi-arrow-clockwise"></i>
+            </button>
+        </div>
+    </div>
+    <div class="card-body d-none" id="logsBody">
+        <div id="logsContainer" class="logs-container">
+            <pre class="logs-pre"></pre>
+        </div>
+    </div>
+    <div class="card-footer">
+        <div class="small text-muted">
+            <i class="bi bi-info-circle me-1"></i>
+            Последнее обновление: <span id="lastUpdateTime">{{ current_time or "Неизвестно" }}</span>
+        </div>
+    </div>
+</div>
+
+<!-- Контейнер для уведомлений -->
+<div id="alertContainer" class="alert-fixed"></div>
+{% endblock %}
+
+{% block scripts %}
+<script src="/static/js/index.js"></script>
 {% endblock %}
@@ -123,11 +123,11 @@
            </div>
            <div class="card-body">
                <div class="mb-3">
-                    <label class="form-label fw-semibold">Статический текст поста</label>
+                    <label class="form-label fw-semibold">Основной текст поста</label>
                    <textarea class="form-control" id="static_text" rows="4"
                        placeholder="Введите основной текст поста...">{{ data.vkPost.static_text if data.vkPost else '' }}</textarea>
                    <div class="form-text">
-                        Будет добавлен в начало поста перед именами сотрудников
+                        Будет добавлен после свободных слотов сотрудников
                    </div>
                </div>

@@ -164,6 +164,20 @@
                </span>
            </div>
            <div class="card-body">
+
+                <div class="alert alert-danger">
+                    <div class="d-flex">
+                        <div class="me-3">
+                            <i class="bi bi-exclamation-triangle fs-5"></i>
+                        </div>
+                        <div>
+                            <h6 class="alert-heading mb-1">Временная настройка</h6>
+                            <p class="mb-0">Посты будут опубликованы в 12:00 ежедневно.<br>Настройки из расписания будут
+                                проигнорированы!</p>
+                        </div>
+                    </div>
+                </div>
+
                <!-- Время работы -->
                <div class="row g-3 mb-3">
                    <div class="col-md-6">
@@ -33,7 +33,7 @@ def handle_vk_post():
        new_post = vk.wall.post(
            owner_id=-vkApi.group_id,
            from_group=1,
-            message=f"{vkPost.dynamic_text}{vkPost.static_text}".strip(),
+            message=f"{vkPost.dynamic_text}\n{vkPost.static_text}".strip(),
            attachments=f"photo-{vkApi.group_id}_{vkApi.base_photo_url}",
        )
        logger.info(f"Пост #{new_post.get('post_id')} создан")