/
AngelCareMe
/
task_queue
Обзор
Документация
Войти
/
AngelCareMe
/
task_queue
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
web/static/index.html
133 строки
6 KB
AngelCareMe
Dashboard done/project ready
29 июл 2025, 19:11
29 июл 2025, 19:11
1894643
Код
Авторство
О чём код?
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Task Queue Dashboard</title> <link rel="stylesheet" href="/static/css/style.css"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.7.2/font/bootstrap-icons.css"> </head> <body> <div class="container-fluid"> <div class="row"> <div class="col-12"> <nav class="navbar navbar-dark bg-dark"> <div class="container-fluid"> <span class="navbar-brand">Task Queue Dashboard</span> <div class="d-flex"> <button class="btn btn-outline-light btn-sm me-2" data-bs-toggle="modal" data-bs-target="#createTaskModal"> <i class="bi bi-plus-circle"></i> New Task </button> <span id="health-status" class="badge bg-secondary me-2">Checking...</span> <button id="refresh-btn" class="btn btn-outline-light btn-sm"> <i class="bi bi-arrow-clockwise"></i> Refresh </button> </div> </div> </nav> </div> </div> <div class="row mt-4"> <div class="col-12"> <div class="card"> <div class="card-header"> <h5 class="card-title mb-0">Task Statistics</h5> </div> <div class="card-body"> <div class="row" id="stats-container"> <!-- Stats will be loaded here --> </div> </div> </div> </div> </div> <div class="row mt-4"> <div class="col-12"> <div class="card"> <div class="card-header d-flex justify-content-between align-items-center"> <h5 class="card-title mb-0">Recent Tasks</h5> <div> <input type="text" id="search-input" class="form-control form-control-sm" placeholder="Search tasks..."> </div> </div> <div class="card-body"> <div class="table-responsive"> <table class="table table-hover"> <thead> <tr> <th>ID</th> <th>Name</th> <th>Status</th> <th>Retry</th> <th>Created</th> <th>Actions</th> </tr> </thead> <tbody id="tasks-table-body"> <!-- Tasks will be loaded here --> </tbody> </table> </div> </div> </div> </div> </div> </div> <!-- Create Task Modal --> <div class="modal fade" id="createTaskModal" tabindex="-1" aria-labelledby="createTaskModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="createTaskModalLabel">Create New Task</h5> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> <form id="create-task-form"> <div class="mb-3"> <label for="task-name" class="form-label">Name *</label> <input type="text" class="form-control" id="task-name" required> </div> <div class="mb-3"> <label for="task-payload" class="form-label">Payload</label> <textarea class="form-control" id="task-payload" rows="3"></textarea> </div> <div class="row"> <div class="col-md-6"> <label for="task-max-retry" class="form-label">Max Retries</label> <input type="number" class="form-control" id="task-max-retry" min="0" max="10" value="3"> </div> <div class="col-md-6"> <label for="task-delay" class="form-label">Delay (seconds)</label> <input type="number" class="form-control" id="task-delay" min="0" value="0"> </div> </div> </form> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button> <button type="button" class="btn btn-primary" id="create-task-btn">Create Task</button> </div> </div> </div> </div> <!-- Toast Container --> <div class="toast-container position-fixed bottom-0 end-0 p-3"> <div id="toast" class="toast" role="alert" aria-live="assertive" aria-atomic="true"> <div class="toast-header"> <strong class="me-auto" id="toast-title">Notification</strong> <button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button> </div> <div class="toast-body" id="toast-body"> </div> </div> </div> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script> <script src="/static/js/main.js"></script> </body> </html>