/
mainframe
/
Intellectuality_task_manager
Обзор
Документация
Войти
/
mainframe
/
Intellectuality_task_manager
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
frontend/index.html
198 строк
6 KB
Ivan
initial commit
14 апр 2026, 17:18
14 апр 2026, 17:18
d3c4609
Код
Авторство
О чём код?
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Intelligent Task Manager</title> <link rel="stylesheet" href="/styles.css" /> </head> <body> <div class="container"> <header class="page-header"> <div> <h1>Интеллектуальный менеджер задач</h1> <p class="subtitle"> MVP: задачи + PostgreSQL + Ollama + LLM-помощник </p> </div> <div class="header-actions"> <button id="load-summary-btn" class="secondary-btn"> Сформировать LLM-сводку нагрузки </button> </div> </header> <div id="status-bar" class="status-bar hidden"></div> <section class="grid two-columns"> <div class="card"> <h2>Форма задачи</h2> <form id="task-form"> <input type="hidden" id="task-id" /> <label> Название <input type="text" id="title" required maxlength="255" placeholder="Например: Подготовить отчёт" /> </label> <label> Описание <textarea id="description" rows="5" placeholder="Описание задачи" ></textarea> </label> <div class="grid two-columns compact-gap"> <label> Приоритет <select id="priority"> <option value="low">Низкий</option> <option value="medium" selected>Средний</option> <option value="high">Высокий</option> </select> </label> <label> Статус <select id="status"> <option value="pending" selected>Ожидает</option> <option value="in_progress">В работе</option> <option value="done">Готово</option> </select> </label> </div> <div class="grid two-columns compact-gap"> <label> Срок выполнения <input type="date" id="due-date" /> </label> <label> Категория <input type="text" id="category" maxlength="100" placeholder="Например: Работа" /> </label> </div> <div class="form-actions"> <button type="submit" id="save-task-btn">Сохранить задачу</button> <button type="button" id="clear-form-btn" class="ghost-btn"> Очистить форму </button> </div> <div class="divider"></div> <div class="llm-actions"> <button type="button" id="suggest-category-btn" class="secondary-btn"> LLM: предложить категорию </button> <button type="button" id="suggest-priority-btn" class="secondary-btn"> LLM: предложить приоритет </button> <button type="button" id="decompose-btn" class="secondary-btn"> LLM: разбить на подзадачи </button> </div> <div id="category-suggestion" class="suggestion-box hidden"></div> <div id="priority-suggestion" class="suggestion-box hidden"></div> <div id="subtasks-suggestion" class="suggestion-box hidden"></div> <button type="button" id="create-subtasks-btn" class="secondary-btn hidden" > Создать предложенные подзадачи </button> </form> </div> <div class="card"> <h2>Фильтры и поиск</h2> <form id="filters-form"> <label> Поиск по названию/описанию <input type="text" id="search" placeholder="Например: отчёт" /> </label> <div class="grid two-columns compact-gap"> <label> Статус <select id="filter-status"> <option value="">Все</option> <option value="pending">Ожидает</option> <option value="in_progress">В работе</option> <option value="done">Готово</option> </select> </label> <label> Приоритет <select id="filter-priority"> <option value="">Все</option> <option value="low">Низкий</option> <option value="medium">Средний</option> <option value="high">Высокий</option> </select> </label> </div> <label> Срок до <input type="date" id="filter-due-before" /> </label> <div class="form-actions"> <button type="submit">Применить фильтры</button> <button type="button" id="reset-filters-btn" class="ghost-btn"> Сбросить </button> </div> </form> <div class="divider"></div> <h2>Сводка нагрузки</h2> <div id="workload-summary" class="summary-box"> Нажмите кнопку «Сформировать LLM-сводку нагрузки». </div> </div> </section> <section class="card"> <div class="list-header"> <h2>Список задач</h2> <span id="tasks-count" class="count-badge">0</span> </div> <div id="task-list" class="task-list"></div> </section> </div> <script src="/app.js"></script> </body> </html>