ack/timelaps
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

заработал интерфейс
All checks were successful
Deploy timelaps / deploy (push) Successful in 5s
Details

Browse Source
This commit is contained in:
ack
2026-04-19 19:19:03 +03:00
parent 7f1aa4b465
commit a3df30184e
8 changed files with 294 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

79
camlaps/templates/camlaps/job_create.html Normal file
View File

@@ -0,0 +1,79 @@
{% extends 'base.html' %}
{% block content %}
<div class="d-flex justify-content-between align-items-center mb-4">
<h2>Новый таймлапс: {{ camera.name }}</h2>
<a class="btn btn-outline-secondary" href="{% url 'camlaps:index' %}">Назад</a>
</div>
<form method="post" class="card shadow-sm">
{% csrf_token %}
<div class="card-body">
<div class="row g-3">
<div class="col-md-6">
<label class="form-label">Дата начала</label>
{{ form.date_from }}
{% if form.date_from.errors %}<div class="text-danger small">{{ form.date_from.errors }}</div>{% endif %}
</div>
<div class="col-md-6">
<label class="form-label">Дата окончания</label>
{{ form.date_to }}
{% if form.date_to.errors %}<div class="text-danger small">{{ form.date_to.errors }}</div>{% endif %}
</div>
<div class="col-12">
<label class="form-label">Частота выборки</label>
{{ form.sampling_preset }}
<div class="d-flex justify-content-between small text-muted">
{% for value,label in sampling_choices %}
<div style="width: calc(100% / ({{ sampling_max|add:1 }})); text-align: center;">{{ label }}</div>
{% endfor %}
</div>
</div>
<div class="col-md-4">
<label class="form-label">FPS</label>
{{ form.fps }}
{% if form.fps.errors %}<div class="text-danger small">{{ form.fps.errors }}</div>{% endif %}
</div>
<div class="col-md-8 d-flex align-items-end">
<div class="form-check">
{{ form.include_night }}
<label class="form-check-label" for="{{ form.include_night.id_for_label }}">Включать ночные кадры</label>
</div>
</div>
<div class="col-md-6" id="day-start-wrap">
<label class="form-label">Начало дня</label>
{{ form.day_start_time }}
</div>
<div class="col-md-6" id="day-end-wrap">
<label class="form-label">Конец дня</label>
{{ form.day_end_time }}
</div>
<div class="col-12">
<button class="btn btn-primary" type="submit">Создать задачу</button>
</div>
</div>
</div>
</form>
<script>
(function() {
const includeNight = document.getElementById("{{ form.include_night.auto_id }}");
const dayStart = document.getElementById("day-start-wrap");
const dayEnd = document.getElementById("day-end-wrap");
function sync() {
const enabled = includeNight && includeNight.checked;
if (dayStart) dayStart.style.display = enabled ? "none" : "";
if (dayEnd) dayEnd.style.display = enabled ? "none" : "";
}
if (includeNight) includeNight.addEventListener("change", sync);
sync();
})();
</script>
{% endblock %}

57
camlaps/templates/camlaps/job_detail.html Normal file
View File

@@ -0,0 +1,57 @@
{% extends 'base.html' %}
{% block content %}
<div class="d-flex justify-content-between align-items-center mb-4">
<h2>Задание #{{ job.id }}</h2>
<a class="btn btn-outline-secondary" href="{% url 'camlaps:job_list' %}">Назад</a>
</div>
<div class="card shadow-sm">
<div class="card-body">
<div class="row g-3">
<div class="col-md-6">
<div class="text-muted">Камера</div>
<div class="fw-semibold">{{ job.camera.name }}</div>
</div>
<div class="col-md-6">
<div class="text-muted">Статус</div>
<div class="fw-semibold">{{ job.get_status_display }} ({{ job.progress_percent }}%)</div>
</div>
<div class="col-md-6">
<div class="text-muted">Период</div>
<div class="fw-semibold">{{ job.date_from }} → {{ job.date_to }}</div>
</div>
<div class="col-md-6">
<div class="text-muted">Интервал</div>
<div class="fw-semibold">{{ job.get_sampling_preset_display }}</div>
</div>
<div class="col-md-6">
<div class="text-muted">FPS</div>
<div class="fw-semibold">{{ job.fps }}</div>
</div>
<div class="col-md-6">
<div class="text-muted">Ночь</div>
<div class="fw-semibold">
{% if job.include_night %}
Включена
{% else %}
Отключена ({{ job.day_start_time }}–{{ job.day_end_time }})
{% endif %}
</div>
</div>
{% if job.error_message %}
<div class="col-12">
<div class="alert alert-danger mb-0">{{ job.error_message }}</div>
</div>
{% endif %}
{% if video_url %}
<div class="col-12">
<a class="btn btn-success" href="{{ video_url }}" target="_blank">Открыть видео</a>
</div>
{% endif %}
</div>
</div>
</div>
{% endblock %}

48
camlaps/templates/camlaps/job_list.html Normal file
View File

@@ -0,0 +1,48 @@
{% extends 'base.html' %}
{% block content %}
<div class="d-flex justify-content-between align-items-center mb-4">
<h2>Очередь задач</h2>
</div>
<div class="table-responsive">
<table class="table table-striped align-middle">
<thead>
<tr>
<th>ID</th>
<th>Камера</th>
<th>Период</th>
<th>Интервал</th>
<th>FPS</th>
<th>Статус</th>
<th>Прогресс</th>
<th></th>
</tr>
</thead>
<tbody>
{% for job in jobs %}
<tr>
<td>{{ job.id }}</td>
<td>{{ job.camera.name }}</td>
<td>{{ job.date_from }} → {{ job.date_to }}</td>
<td>{{ job.get_sampling_preset_display }}</td>
<td>{{ job.fps }}</td>
<td>{{ job.get_status_display }}</td>
<td>
{% if job.status == 'success' %}
100%
{% else %}
{{ job.progress_percent }}%
{% endif %}
</td>
<td class="text-end">
<a class="btn btn-sm btn-outline-primary" href="{% url 'camlaps:job_detail' job.id %}">Открыть</a>
</td>
</tr>
{% empty %}
<tr><td colspan="8">Пока нет задач.</td></tr>
{% endfor %}
</tbody>
</table>
</div>
{% endblock %}