Добавил работу с заявками на кубсат
This commit is contained in:
@@ -0,0 +1,838 @@
|
||||
{% load l10n %}
|
||||
<!-- Вкладка фильтров и экспорта -->
|
||||
<form method="get" id="filterForm" class="mb-4">
|
||||
{% csrf_token %}
|
||||
<input type="hidden" name="tab" value="filters">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h5 class="mb-0">Фильтры</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="row">
|
||||
<!-- Спутники -->
|
||||
<div class="col-md-3 mb-3">
|
||||
<label for="{{ form.satellites.id_for_label }}" class="form-label">{{ form.satellites.label }}</label>
|
||||
<div class="d-flex justify-content-between mb-1">
|
||||
<button type="button" class="btn btn-sm btn-outline-secondary"
|
||||
onclick="selectAllOptions('satellites', true)">Выбрать</button>
|
||||
<button type="button" class="btn btn-sm btn-outline-secondary"
|
||||
onclick="selectAllOptions('satellites', false)">Снять</button>
|
||||
</div>
|
||||
{{ form.satellites }}
|
||||
<small class="form-text text-muted">Удерживайте Ctrl для выбора нескольких</small>
|
||||
</div>
|
||||
|
||||
<!-- Полоса спутника -->
|
||||
<div class="col-md-3 mb-3">
|
||||
<label for="{{ form.band.id_for_label }}" class="form-label">{{ form.band.label }}</label>
|
||||
<div class="d-flex justify-content-between mb-1">
|
||||
<button type="button" class="btn btn-sm btn-outline-secondary"
|
||||
onclick="selectAllOptions('band', true)">Выбрать</button>
|
||||
<button type="button" class="btn btn-sm btn-outline-secondary"
|
||||
onclick="selectAllOptions('band', false)">Снять</button>
|
||||
</div>
|
||||
{{ form.band }}
|
||||
<small class="form-text text-muted">Удерживайте Ctrl для выбора нескольких</small>
|
||||
</div>
|
||||
|
||||
<!-- Поляризация -->
|
||||
<div class="col-md-3 mb-3">
|
||||
<label for="{{ form.polarization.id_for_label }}" class="form-label">{{ form.polarization.label }}</label>
|
||||
<div class="d-flex justify-content-between mb-1">
|
||||
<button type="button" class="btn btn-sm btn-outline-secondary"
|
||||
onclick="selectAllOptions('polarization', true)">Выбрать</button>
|
||||
<button type="button" class="btn btn-sm btn-outline-secondary"
|
||||
onclick="selectAllOptions('polarization', false)">Снять</button>
|
||||
</div>
|
||||
{{ form.polarization }}
|
||||
<small class="form-text text-muted">Удерживайте Ctrl для выбора нескольких</small>
|
||||
</div>
|
||||
|
||||
<!-- Модуляция -->
|
||||
<div class="col-md-3 mb-3">
|
||||
<label for="{{ form.modulation.id_for_label }}" class="form-label">{{ form.modulation.label }}</label>
|
||||
<div class="d-flex justify-content-between mb-1">
|
||||
<button type="button" class="btn btn-sm btn-outline-secondary"
|
||||
onclick="selectAllOptions('modulation', true)">Выбрать</button>
|
||||
<button type="button" class="btn btn-sm btn-outline-secondary"
|
||||
onclick="selectAllOptions('modulation', false)">Снять</button>
|
||||
</div>
|
||||
{{ form.modulation }}
|
||||
<small class="form-text text-muted">Удерживайте Ctrl для выбора нескольких</small>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<!-- Центральная частота -->
|
||||
<div class="col-md-3 mb-3">
|
||||
<label class="form-label">Центральная частота (МГц)</label>
|
||||
<div class="input-group">
|
||||
{{ form.frequency_min }}
|
||||
<span class="input-group-text">—</span>
|
||||
{{ form.frequency_max }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Полоса -->
|
||||
<div class="col-md-3 mb-3">
|
||||
<label class="form-label">Полоса (МГц)</label>
|
||||
<div class="input-group">
|
||||
{{ form.freq_range_min }}
|
||||
<span class="input-group-text">—</span>
|
||||
{{ form.freq_range_max }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Тип объекта -->
|
||||
<div class="col-md-3 mb-3">
|
||||
<label for="{{ form.object_type.id_for_label }}" class="form-label">{{ form.object_type.label }}</label>
|
||||
<div class="d-flex justify-content-between mb-1">
|
||||
<button type="button" class="btn btn-sm btn-outline-secondary"
|
||||
onclick="selectAllOptions('object_type', true)">Выбрать</button>
|
||||
<button type="button" class="btn btn-sm btn-outline-secondary"
|
||||
onclick="selectAllOptions('object_type', false)">Снять</button>
|
||||
</div>
|
||||
{{ form.object_type }}
|
||||
<small class="form-text text-muted">Удерживайте Ctrl для выбора нескольких</small>
|
||||
</div>
|
||||
|
||||
<!-- Принадлежность объекта -->
|
||||
<div class="col-md-3 mb-3">
|
||||
<label for="{{ form.object_ownership.id_for_label }}" class="form-label">{{ form.object_ownership.label }}</label>
|
||||
<div class="d-flex justify-content-between mb-1">
|
||||
<button type="button" class="btn btn-sm btn-outline-secondary"
|
||||
onclick="selectAllOptions('object_ownership', true)">Выбрать</button>
|
||||
<button type="button" class="btn btn-sm btn-outline-secondary"
|
||||
onclick="selectAllOptions('object_ownership', false)">Снять</button>
|
||||
</div>
|
||||
{{ form.object_ownership }}
|
||||
<small class="form-text text-muted">Удерживайте Ctrl для выбора нескольких</small>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<!-- Количество ObjItem -->
|
||||
<div class="col-md-3 mb-3">
|
||||
<label class="form-label">{{ form.objitem_count.label }}</label>
|
||||
<div>
|
||||
{% for radio in form.objitem_count %}
|
||||
<div class="form-check">
|
||||
{{ radio.tag }}
|
||||
<label class="form-check-label" for="{{ radio.id_for_label }}">
|
||||
{{ radio.choice_label }}
|
||||
</label>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Планы на Кубсат -->
|
||||
<div class="col-md-3 mb-3">
|
||||
<label class="form-label">{{ form.has_plans.label }}</label>
|
||||
<div>
|
||||
{% for radio in form.has_plans %}
|
||||
<div class="form-check">
|
||||
{{ radio.tag }}
|
||||
<label class="form-check-label" for="{{ radio.id_for_label }}">
|
||||
{{ radio.choice_label }}
|
||||
</label>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- ГСО успешно -->
|
||||
<div class="col-md-3 mb-3">
|
||||
<label class="form-label">{{ form.success_1.label }}</label>
|
||||
<div>
|
||||
{% for radio in form.success_1 %}
|
||||
<div class="form-check">
|
||||
{{ radio.tag }}
|
||||
<label class="form-check-label" for="{{ radio.id_for_label }}">
|
||||
{{ radio.choice_label }}
|
||||
</label>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Кубсат успешно -->
|
||||
<div class="col-md-3 mb-3">
|
||||
<label class="form-label">{{ form.success_2.label }}</label>
|
||||
<div>
|
||||
{% for radio in form.success_2 %}
|
||||
<div class="form-check">
|
||||
{{ radio.tag }}
|
||||
<label class="form-check-label" for="{{ radio.id_for_label }}">
|
||||
{{ radio.choice_label }}
|
||||
</label>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<!-- Диапазон дат -->
|
||||
<div class="col-md-6 mb-3">
|
||||
<label class="form-label">Диапазон дат ГЛ:</label>
|
||||
<div class="input-group">
|
||||
{{ form.date_from }}
|
||||
<span class="input-group-text">—</span>
|
||||
{{ form.date_to }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<button type="submit" class="btn btn-primary">Применить фильтры</button>
|
||||
<a href="{% url 'mainapp:kubsat' %}" class="btn btn-secondary">Сбросить</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<!-- Кнопка экспорта и статистика -->
|
||||
{% if sources_with_date_info %}
|
||||
<div class="row mb-3">
|
||||
<div class="col-12">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="d-flex flex-wrap align-items-center gap-3">
|
||||
<!-- Поиск по имени точки -->
|
||||
<div class="input-group" style="max-width: 350px;">
|
||||
<input type="text" id="searchObjitemName" class="form-control"
|
||||
placeholder="Поиск по имени точки..."
|
||||
oninput="filterTableByName()">
|
||||
<button type="button" class="btn btn-outline-secondary" onclick="clearSearch()">
|
||||
<i class="bi bi-x-lg"></i>
|
||||
</button>
|
||||
</div>
|
||||
<button type="button" class="btn btn-success" onclick="exportToExcel()">
|
||||
<i class="bi bi-file-earmark-excel"></i> Экспорт в Excel
|
||||
</button>
|
||||
<button type="button" class="btn btn-primary" onclick="createRequestsFromTable()">
|
||||
<i class="bi bi-plus-circle"></i> Создать заявки
|
||||
</button>
|
||||
<span class="text-muted" id="statsCounter">
|
||||
Найдено объектов: {{ sources_with_date_info|length }},
|
||||
точек: {% for source_data in sources_with_date_info %}{{ source_data.objitems_data|length }}{% if not forloop.last %}+{% endif %}{% endfor %}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
<!-- Таблица результатов -->
|
||||
{% if sources_with_date_info %}
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="card">
|
||||
<div class="card-body p-0">
|
||||
<div class="table-responsive" style="max-height: 60vh; overflow-y: auto;">
|
||||
<table class="table table-striped table-hover table-sm table-bordered" style="font-size: 0.85rem;" id="resultsTable">
|
||||
<thead class="table-dark sticky-top">
|
||||
<tr>
|
||||
<th style="min-width: 80px;">ID объекта</th>
|
||||
<th style="min-width: 120px;">Тип объекта</th>
|
||||
<th style="min-width: 150px;">Принадлежность объекта</th>
|
||||
<th class="text-center" style="min-width: 60px;" title="Всего заявок">Заявки</th>
|
||||
<th class="text-center" style="min-width: 80px;">ГСО</th>
|
||||
<th class="text-center" style="min-width: 80px;">Кубсат</th>
|
||||
<th class="text-center" style="min-width: 100px;">Статус заявки</th>
|
||||
<th class="text-center" style="min-width: 100px;">Кол-во точек</th>
|
||||
<th style="min-width: 150px;">Усреднённая координата</th>
|
||||
<th style="min-width: 120px;">Имя точки</th>
|
||||
<th style="min-width: 150px;">Спутник</th>
|
||||
<th style="min-width: 100px;">Частота (МГц)</th>
|
||||
<th style="min-width: 100px;">Полоса (МГц)</th>
|
||||
<th style="min-width: 100px;">Поляризация</th>
|
||||
<th style="min-width: 100px;">Модуляция</th>
|
||||
<th style="min-width: 150px;">Координаты ГЛ</th>
|
||||
<th style="min-width: 100px;">Дата ГЛ</th>
|
||||
<th style="min-width: 150px;">Действия</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{% for source_data in sources_with_date_info %}
|
||||
{% for objitem_data in source_data.objitems_data %}
|
||||
<tr data-source-id="{{ source_data.source.id }}"
|
||||
data-objitem-id="{{ objitem_data.objitem.id }}"
|
||||
data-objitem-name="{{ objitem_data.objitem.name|default:'' }}"
|
||||
data-matches-date="{{ objitem_data.matches_date|yesno:'true,false' }}"
|
||||
data-is-first-in-source="{% if forloop.first %}true{% else %}false{% endif %}"
|
||||
data-lat="{% if objitem_data.objitem.geo_obj and objitem_data.objitem.geo_obj.coords %}{{ objitem_data.objitem.geo_obj.coords.y }}{% endif %}"
|
||||
data-lon="{% if objitem_data.objitem.geo_obj and objitem_data.objitem.geo_obj.coords %}{{ objitem_data.objitem.geo_obj.coords.x }}{% endif %}">
|
||||
|
||||
{% if forloop.first %}
|
||||
<td rowspan="{{ source_data.objitems_data|length }}" class="source-id-cell">{{ source_data.source.id }}</td>
|
||||
{% endif %}
|
||||
|
||||
{% if forloop.first %}
|
||||
<td rowspan="{{ source_data.objitems_data|length }}" class="source-type-cell">{{ source_data.source.info.name|default:"-" }}</td>
|
||||
{% endif %}
|
||||
|
||||
{% if forloop.first %}
|
||||
<td rowspan="{{ source_data.objitems_data|length }}" class="source-ownership-cell">
|
||||
{% if source_data.source.ownership %}
|
||||
{% if source_data.source.ownership.name == "ТВ" and source_data.has_lyngsat %}
|
||||
<a href="#" class="text-primary text-decoration-none"
|
||||
onclick="showLyngsatModal({{ source_data.lyngsat_id }}); return false;">
|
||||
<i class="bi bi-tv"></i> {{ source_data.source.ownership.name }}
|
||||
</a>
|
||||
{% else %}
|
||||
{{ source_data.source.ownership.name }}
|
||||
{% endif %}
|
||||
{% else %}
|
||||
-
|
||||
{% endif %}
|
||||
</td>
|
||||
{% endif %}
|
||||
|
||||
{% if forloop.first %}
|
||||
<td rowspan="{{ source_data.objitems_data|length }}" class="text-center source-requests-count-cell">
|
||||
{% if source_data.requests_count > 0 %}
|
||||
<span class="badge bg-info">{{ source_data.requests_count }}</span>
|
||||
{% else %}
|
||||
<span class="text-muted">0</span>
|
||||
{% endif %}
|
||||
</td>
|
||||
{% endif %}
|
||||
|
||||
{% if forloop.first %}
|
||||
<td rowspan="{{ source_data.objitems_data|length }}" class="text-center source-gso-cell">
|
||||
{% if source_data.gso_success == True %}
|
||||
<span class="badge bg-success"><i class="bi bi-check-lg"></i></span>
|
||||
{% elif source_data.gso_success == False %}
|
||||
<span class="badge bg-danger"><i class="bi bi-x-lg"></i></span>
|
||||
{% else %}
|
||||
<span class="text-muted">-</span>
|
||||
{% endif %}
|
||||
</td>
|
||||
{% endif %}
|
||||
|
||||
{% if forloop.first %}
|
||||
<td rowspan="{{ source_data.objitems_data|length }}" class="text-center source-kubsat-cell">
|
||||
{% if source_data.kubsat_success == True %}
|
||||
<span class="badge bg-success"><i class="bi bi-check-lg"></i></span>
|
||||
{% elif source_data.kubsat_success == False %}
|
||||
<span class="badge bg-danger"><i class="bi bi-x-lg"></i></span>
|
||||
{% else %}
|
||||
<span class="text-muted">-</span>
|
||||
{% endif %}
|
||||
</td>
|
||||
{% endif %}
|
||||
|
||||
{% if forloop.first %}
|
||||
<td rowspan="{{ source_data.objitems_data|length }}" class="text-center source-status-cell">
|
||||
{% if source_data.request_status %}
|
||||
{% if source_data.request_status_raw == 'successful' or source_data.request_status_raw == 'result_received' %}
|
||||
<span class="badge bg-success">{{ source_data.request_status }}</span>
|
||||
{% elif source_data.request_status_raw == 'unsuccessful' or source_data.request_status_raw == 'no_correlation' or source_data.request_status_raw == 'no_signal' %}
|
||||
<span class="badge bg-danger">{{ source_data.request_status }}</span>
|
||||
{% elif source_data.request_status_raw == 'planned' %}
|
||||
<span class="badge bg-primary">{{ source_data.request_status }}</span>
|
||||
{% elif source_data.request_status_raw == 'downloading' or source_data.request_status_raw == 'processing' %}
|
||||
<span class="badge bg-warning text-dark">{{ source_data.request_status }}</span>
|
||||
{% else %}
|
||||
<span class="badge bg-secondary">{{ source_data.request_status }}</span>
|
||||
{% endif %}
|
||||
{% else %}
|
||||
<span class="text-muted">-</span>
|
||||
{% endif %}
|
||||
</td>
|
||||
{% endif %}
|
||||
|
||||
{% if forloop.first %}
|
||||
<td rowspan="{{ source_data.objitems_data|length }}" class="text-center source-count-cell" data-initial-count="{{ source_data.objitems_data|length }}">{{ source_data.objitems_data|length }}</td>
|
||||
{% endif %}
|
||||
|
||||
{% if forloop.first %}
|
||||
<td rowspan="{{ source_data.objitems_data|length }}" class="source-avg-coords-cell"
|
||||
data-avg-lat="{{ source_data.avg_lat|default:''|unlocalize }}"
|
||||
data-avg-lon="{{ source_data.avg_lon|default:''|unlocalize }}">
|
||||
{% if source_data.avg_lat and source_data.avg_lon %}
|
||||
{{ source_data.avg_lat|floatformat:6|unlocalize }}, {{ source_data.avg_lon|floatformat:6|unlocalize }}
|
||||
{% else %}
|
||||
-
|
||||
{% endif %}
|
||||
</td>
|
||||
{% endif %}
|
||||
|
||||
<td>{{ objitem_data.objitem.name|default:"-" }}</td>
|
||||
|
||||
<td>
|
||||
{% if objitem_data.objitem.parameter_obj and objitem_data.objitem.parameter_obj.id_satellite %}
|
||||
{{ objitem_data.objitem.parameter_obj.id_satellite.name }}
|
||||
{% if objitem_data.objitem.parameter_obj.id_satellite.norad %}
|
||||
({{ objitem_data.objitem.parameter_obj.id_satellite.norad }})
|
||||
{% endif %}
|
||||
{% else %}
|
||||
-
|
||||
{% endif %}
|
||||
</td>
|
||||
|
||||
<td>
|
||||
{% if objitem_data.objitem.parameter_obj %}
|
||||
{{ objitem_data.objitem.parameter_obj.frequency|default:"-"|floatformat:3 }}
|
||||
{% else %}
|
||||
-
|
||||
{% endif %}
|
||||
</td>
|
||||
|
||||
<td>
|
||||
{% if objitem_data.objitem.parameter_obj %}
|
||||
{{ objitem_data.objitem.parameter_obj.freq_range|default:"-"|floatformat:3 }}
|
||||
{% else %}
|
||||
-
|
||||
{% endif %}
|
||||
</td>
|
||||
|
||||
<td>
|
||||
{% if objitem_data.objitem.parameter_obj and objitem_data.objitem.parameter_obj.polarization %}
|
||||
{{ objitem_data.objitem.parameter_obj.polarization.name }}
|
||||
{% else %}
|
||||
-
|
||||
{% endif %}
|
||||
</td>
|
||||
|
||||
<td>
|
||||
{% if objitem_data.objitem.parameter_obj and objitem_data.objitem.parameter_obj.modulation %}
|
||||
{{ objitem_data.objitem.parameter_obj.modulation.name }}
|
||||
{% else %}
|
||||
-
|
||||
{% endif %}
|
||||
</td>
|
||||
|
||||
<td>
|
||||
{% if objitem_data.objitem.geo_obj and objitem_data.objitem.geo_obj.coords %}
|
||||
{{ objitem_data.objitem.geo_obj.coords.y|floatformat:6|unlocalize }}, {{ objitem_data.objitem.geo_obj.coords.x|floatformat:6|unlocalize }}
|
||||
{% else %}
|
||||
-
|
||||
{% endif %}
|
||||
</td>
|
||||
|
||||
<td>
|
||||
{% if objitem_data.geo_date %}
|
||||
{{ objitem_data.geo_date|date:"d.m.Y" }}
|
||||
{% else %}
|
||||
-
|
||||
{% endif %}
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<div class="btn-group" role="group">
|
||||
<button type="button" class="btn btn-sm btn-danger" onclick="removeObjItem(this)" title="Удалить точку">
|
||||
<i class="bi bi-trash"></i>
|
||||
</button>
|
||||
{% if forloop.first %}
|
||||
<button type="button" class="btn btn-sm btn-warning" onclick="removeSource(this)" title="Удалить весь объект">
|
||||
<i class="bi bi-trash-fill"></i>
|
||||
</button>
|
||||
{% endif %}
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% elif request.GET %}
|
||||
<div class="alert alert-info">
|
||||
По заданным критериям ничего не найдено.
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
<script>
|
||||
// Функция для пересчёта усреднённых координат источника через Python API
|
||||
// Координаты рассчитываются на сервере с сортировкой по дате ГЛ
|
||||
function recalculateAverageCoords(sourceId) {
|
||||
const sourceRows = Array.from(document.querySelectorAll(`tr[data-source-id="${sourceId}"]`));
|
||||
if (sourceRows.length === 0) return;
|
||||
|
||||
// Собираем ID всех оставшихся точек для этого источника
|
||||
const objitemIds = sourceRows.map(row => row.dataset.objitemId).filter(id => id);
|
||||
|
||||
if (objitemIds.length === 0) {
|
||||
// Нет точек - очищаем координаты
|
||||
updateAvgCoordsCell(sourceId, null, null);
|
||||
return;
|
||||
}
|
||||
|
||||
// Вызываем Python API для пересчёта координат
|
||||
const formData = new FormData();
|
||||
const csrfToken = document.querySelector('[name=csrfmiddlewaretoken]');
|
||||
if (csrfToken) {
|
||||
formData.append('csrfmiddlewaretoken', csrfToken.value);
|
||||
}
|
||||
objitemIds.forEach(id => formData.append('objitem_ids', id));
|
||||
|
||||
fetch('{% url "mainapp:kubsat_recalculate_coords" %}', {
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'X-CSRFToken': csrfToken ? csrfToken.value : ''
|
||||
},
|
||||
body: formData
|
||||
})
|
||||
.then(response => response.json())
|
||||
.then(result => {
|
||||
if (result.success && result.results[sourceId]) {
|
||||
const coords = result.results[sourceId];
|
||||
updateAvgCoordsCell(sourceId, coords.avg_lat, coords.avg_lon);
|
||||
}
|
||||
})
|
||||
.catch(error => {
|
||||
console.error('Error recalculating coords:', error);
|
||||
});
|
||||
}
|
||||
|
||||
// Обновляет ячейку с усреднёнными координатами
|
||||
function updateAvgCoordsCell(sourceId, avgLat, avgLon) {
|
||||
const sourceRows = Array.from(document.querySelectorAll(`tr[data-source-id="${sourceId}"]`));
|
||||
if (sourceRows.length === 0) return;
|
||||
|
||||
const firstRow = sourceRows[0];
|
||||
const avgCoordsCell = firstRow.querySelector('.source-avg-coords-cell');
|
||||
if (avgCoordsCell) {
|
||||
if (avgLat !== null && avgLon !== null) {
|
||||
avgCoordsCell.textContent = `${avgLat.toFixed(6)}, ${avgLon.toFixed(6)}`;
|
||||
avgCoordsCell.dataset.avgLat = avgLat;
|
||||
avgCoordsCell.dataset.avgLon = avgLon;
|
||||
} else {
|
||||
avgCoordsCell.textContent = '-';
|
||||
avgCoordsCell.dataset.avgLat = '';
|
||||
avgCoordsCell.dataset.avgLon = '';
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function removeObjItem(button) {
|
||||
const row = button.closest('tr');
|
||||
const sourceId = row.dataset.sourceId;
|
||||
const isFirstInSource = row.dataset.isFirstInSource === 'true';
|
||||
const sourceRows = Array.from(document.querySelectorAll(`tr[data-source-id="${sourceId}"]`));
|
||||
|
||||
// All rowspan cells that need to be handled
|
||||
const rowspanCellClasses = [
|
||||
'.source-id-cell', '.source-type-cell', '.source-ownership-cell', '.source-requests-count-cell',
|
||||
'.source-gso-cell', '.source-kubsat-cell', '.source-status-cell', '.source-count-cell', '.source-avg-coords-cell'
|
||||
];
|
||||
|
||||
if (sourceRows.length === 1) {
|
||||
row.remove();
|
||||
} else if (isFirstInSource) {
|
||||
const nextRow = sourceRows[1];
|
||||
const cells = rowspanCellClasses.map(cls => row.querySelector(cls)).filter(c => c);
|
||||
|
||||
if (cells.length > 0) {
|
||||
const currentRowspan = parseInt(cells[0].getAttribute('rowspan'));
|
||||
const newRowspan = currentRowspan - 1;
|
||||
|
||||
// Clone and update all rowspan cells
|
||||
const newCells = cells.map(cell => {
|
||||
const newCell = cell.cloneNode(true);
|
||||
newCell.setAttribute('rowspan', newRowspan);
|
||||
if (newCell.classList.contains('source-count-cell')) {
|
||||
newCell.textContent = newRowspan;
|
||||
}
|
||||
return newCell;
|
||||
});
|
||||
|
||||
// Insert cells in reverse order to maintain correct order
|
||||
newCells.reverse().forEach(cell => {
|
||||
nextRow.insertBefore(cell, nextRow.firstChild);
|
||||
});
|
||||
|
||||
const actionsCell = nextRow.querySelector('td:last-child');
|
||||
if (actionsCell) {
|
||||
const btnGroup = actionsCell.querySelector('.btn-group');
|
||||
if (btnGroup && btnGroup.children.length === 1) {
|
||||
const deleteSourceBtn = document.createElement('button');
|
||||
deleteSourceBtn.type = 'button';
|
||||
deleteSourceBtn.className = 'btn btn-sm btn-warning';
|
||||
deleteSourceBtn.onclick = function() { removeSource(this); };
|
||||
deleteSourceBtn.title = 'Удалить весь объект';
|
||||
deleteSourceBtn.innerHTML = '<i class="bi bi-trash-fill"></i>';
|
||||
btnGroup.appendChild(deleteSourceBtn);
|
||||
}
|
||||
}
|
||||
}
|
||||
nextRow.dataset.isFirstInSource = 'true';
|
||||
row.remove();
|
||||
// Пересчитываем усреднённые координаты после удаления точки
|
||||
recalculateAverageCoords(sourceId);
|
||||
} else {
|
||||
const firstRow = sourceRows[0];
|
||||
const cells = rowspanCellClasses.map(cls => firstRow.querySelector(cls)).filter(c => c);
|
||||
|
||||
if (cells.length > 0) {
|
||||
const currentRowspan = parseInt(cells[0].getAttribute('rowspan'));
|
||||
const newRowspan = currentRowspan - 1;
|
||||
|
||||
cells.forEach(cell => {
|
||||
cell.setAttribute('rowspan', newRowspan);
|
||||
if (cell.classList.contains('source-count-cell')) {
|
||||
cell.textContent = newRowspan;
|
||||
}
|
||||
});
|
||||
}
|
||||
row.remove();
|
||||
// Пересчитываем усреднённые координаты после удаления точки
|
||||
recalculateAverageCoords(sourceId);
|
||||
}
|
||||
updateCounter();
|
||||
}
|
||||
|
||||
function removeSource(button) {
|
||||
const row = button.closest('tr');
|
||||
const sourceId = row.dataset.sourceId;
|
||||
const rows = document.querySelectorAll(`tr[data-source-id="${sourceId}"]`);
|
||||
rows.forEach(r => r.remove());
|
||||
updateCounter();
|
||||
}
|
||||
|
||||
function updateCounter() {
|
||||
const rows = document.querySelectorAll('#resultsTable tbody tr');
|
||||
const counter = document.getElementById('statsCounter');
|
||||
if (counter) {
|
||||
// Подсчитываем уникальные источники и точки (только видимые)
|
||||
const uniqueSources = new Set();
|
||||
let visibleRowsCount = 0;
|
||||
rows.forEach(row => {
|
||||
if (row.style.display !== 'none') {
|
||||
uniqueSources.add(row.dataset.sourceId);
|
||||
visibleRowsCount++;
|
||||
}
|
||||
});
|
||||
counter.textContent = `Найдено объектов: ${uniqueSources.size}, точек: ${visibleRowsCount}`;
|
||||
}
|
||||
}
|
||||
|
||||
function exportToExcel() {
|
||||
const rows = document.querySelectorAll('#resultsTable tbody tr');
|
||||
const objitemIds = Array.from(rows).map(row => row.dataset.objitemId);
|
||||
|
||||
if (objitemIds.length === 0) {
|
||||
alert('Нет данных для экспорта');
|
||||
return;
|
||||
}
|
||||
|
||||
const form = document.createElement('form');
|
||||
form.method = 'POST';
|
||||
form.action = '{% url "mainapp:kubsat_export" %}';
|
||||
|
||||
const csrfToken = document.querySelector('[name=csrfmiddlewaretoken]');
|
||||
if (csrfToken) {
|
||||
const csrfInput = document.createElement('input');
|
||||
csrfInput.type = 'hidden';
|
||||
csrfInput.name = 'csrfmiddlewaretoken';
|
||||
csrfInput.value = csrfToken.value;
|
||||
form.appendChild(csrfInput);
|
||||
}
|
||||
|
||||
objitemIds.forEach(id => {
|
||||
const input = document.createElement('input');
|
||||
input.type = 'hidden';
|
||||
input.name = 'objitem_ids';
|
||||
input.value = id;
|
||||
form.appendChild(input);
|
||||
});
|
||||
|
||||
document.body.appendChild(form);
|
||||
form.submit();
|
||||
document.body.removeChild(form);
|
||||
}
|
||||
|
||||
function selectAllOptions(selectName, selectAll) {
|
||||
const selectElement = document.querySelector(`select[name="${selectName}"]`);
|
||||
if (selectElement) {
|
||||
for (let i = 0; i < selectElement.options.length; i++) {
|
||||
selectElement.options[i].selected = selectAll;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function createRequestsFromTable() {
|
||||
const rows = document.querySelectorAll('#resultsTable tbody tr');
|
||||
const objitemIds = Array.from(rows).map(row => row.dataset.objitemId);
|
||||
|
||||
if (objitemIds.length === 0) {
|
||||
alert('Нет данных для создания заявок');
|
||||
return;
|
||||
}
|
||||
|
||||
// Подсчитываем уникальные источники
|
||||
const uniqueSources = new Set();
|
||||
rows.forEach(row => uniqueSources.add(row.dataset.sourceId));
|
||||
|
||||
if (!confirm(`Будет создано ${uniqueSources.size} заявок (по одной на каждый источник) со статусом "Запланировано".\n\nКоординаты будут рассчитаны как среднее по выбранным точкам.\n\nПродолжить?`)) {
|
||||
return;
|
||||
}
|
||||
|
||||
// Показываем индикатор загрузки
|
||||
const btn = event.target.closest('button');
|
||||
const originalText = btn.innerHTML;
|
||||
btn.disabled = true;
|
||||
btn.innerHTML = '<span class="spinner-border spinner-border-sm" role="status"></span> Создание...';
|
||||
|
||||
const formData = new FormData();
|
||||
const csrfToken = document.querySelector('[name=csrfmiddlewaretoken]');
|
||||
if (csrfToken) {
|
||||
formData.append('csrfmiddlewaretoken', csrfToken.value);
|
||||
}
|
||||
|
||||
objitemIds.forEach(id => {
|
||||
formData.append('objitem_ids', id);
|
||||
});
|
||||
|
||||
fetch('{% url "mainapp:kubsat_create_requests" %}', {
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'X-CSRFToken': csrfToken ? csrfToken.value : ''
|
||||
},
|
||||
body: formData
|
||||
})
|
||||
.then(response => response.json())
|
||||
.then(result => {
|
||||
btn.disabled = false;
|
||||
btn.innerHTML = originalText;
|
||||
|
||||
if (result.success) {
|
||||
let message = `Создано заявок: ${result.created_count} из ${result.total_sources}`;
|
||||
if (result.errors && result.errors.length > 0) {
|
||||
message += `\n\nОшибки:\n${result.errors.join('\n')}`;
|
||||
}
|
||||
alert(message);
|
||||
// Перезагружаем страницу для обновления данных
|
||||
location.reload();
|
||||
} else {
|
||||
alert('Ошибка: ' + result.error);
|
||||
}
|
||||
})
|
||||
.catch(error => {
|
||||
btn.disabled = false;
|
||||
btn.innerHTML = originalText;
|
||||
console.error('Error creating requests:', error);
|
||||
alert('Ошибка создания заявок');
|
||||
});
|
||||
}
|
||||
|
||||
// Фильтрация таблицы по имени точки
|
||||
function filterTableByName() {
|
||||
const searchValue = document.getElementById('searchObjitemName').value.toLowerCase().trim();
|
||||
const rows = document.querySelectorAll('#resultsTable tbody tr');
|
||||
|
||||
if (!searchValue) {
|
||||
// Показываем все строки
|
||||
rows.forEach(row => {
|
||||
row.style.display = '';
|
||||
});
|
||||
// Восстанавливаем rowspan
|
||||
recalculateRowspans();
|
||||
updateCounter();
|
||||
return;
|
||||
}
|
||||
|
||||
// Группируем строки по source_id
|
||||
const sourceGroups = {};
|
||||
rows.forEach(row => {
|
||||
const sourceId = row.dataset.sourceId;
|
||||
if (!sourceGroups[sourceId]) {
|
||||
sourceGroups[sourceId] = [];
|
||||
}
|
||||
sourceGroups[sourceId].push(row);
|
||||
});
|
||||
|
||||
// Фильтруем по имени точки используя data-атрибут
|
||||
Object.keys(sourceGroups).forEach(sourceId => {
|
||||
const sourceRows = sourceGroups[sourceId];
|
||||
let hasVisibleRows = false;
|
||||
|
||||
sourceRows.forEach(row => {
|
||||
// Используем data-атрибут для получения имени точки
|
||||
const name = (row.dataset.objitemName || '').toLowerCase();
|
||||
|
||||
if (name.includes(searchValue)) {
|
||||
row.style.display = '';
|
||||
hasVisibleRows = true;
|
||||
} else {
|
||||
row.style.display = 'none';
|
||||
}
|
||||
});
|
||||
|
||||
// Если нет видимых строк в группе, скрываем все (включая ячейки с rowspan)
|
||||
if (!hasVisibleRows) {
|
||||
sourceRows.forEach(row => {
|
||||
row.style.display = 'none';
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
// Пересчитываем rowspan для видимых строк
|
||||
recalculateRowspans();
|
||||
updateCounter();
|
||||
}
|
||||
|
||||
// Пересчет rowspan для видимых строк
|
||||
function recalculateRowspans() {
|
||||
const rows = document.querySelectorAll('#resultsTable tbody tr');
|
||||
|
||||
// Группируем видимые строки по source_id
|
||||
const sourceGroups = {};
|
||||
rows.forEach(row => {
|
||||
if (row.style.display !== 'none') {
|
||||
const sourceId = row.dataset.sourceId;
|
||||
if (!sourceGroups[sourceId]) {
|
||||
sourceGroups[sourceId] = [];
|
||||
}
|
||||
sourceGroups[sourceId].push(row);
|
||||
}
|
||||
});
|
||||
|
||||
// All rowspan cell classes
|
||||
const rowspanCellClasses = [
|
||||
'.source-id-cell', '.source-type-cell', '.source-ownership-cell', '.source-requests-count-cell',
|
||||
'.source-gso-cell', '.source-kubsat-cell', '.source-status-cell', '.source-count-cell', '.source-avg-coords-cell'
|
||||
];
|
||||
|
||||
// Обновляем rowspan для каждой группы
|
||||
Object.keys(sourceGroups).forEach(sourceId => {
|
||||
const visibleRows = sourceGroups[sourceId];
|
||||
const newRowspan = visibleRows.length;
|
||||
|
||||
if (visibleRows.length > 0) {
|
||||
const firstRow = visibleRows[0];
|
||||
|
||||
rowspanCellClasses.forEach(cls => {
|
||||
const cell = firstRow.querySelector(cls);
|
||||
if (cell) {
|
||||
cell.setAttribute('rowspan', newRowspan);
|
||||
// Обновляем отображаемое количество точек
|
||||
if (cell.classList.contains('source-count-cell')) {
|
||||
cell.textContent = newRowspan;
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
// Очистка поиска
|
||||
function clearSearch() {
|
||||
document.getElementById('searchObjitemName').value = '';
|
||||
filterTableByName();
|
||||
}
|
||||
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
updateCounter();
|
||||
});
|
||||
</script>
|
||||
@@ -0,0 +1,238 @@
|
||||
<!-- Вкладка заявок на источники -->
|
||||
<div class="card mb-3">
|
||||
<div class="card-header d-flex justify-content-between align-items-center">
|
||||
<h5 class="mb-0"><i class="bi bi-list-task"></i> Заявки на источники</h5>
|
||||
<button type="button" class="btn btn-success btn-sm" onclick="openCreateRequestModal()">
|
||||
<i class="bi bi-plus-circle"></i> Создать заявку
|
||||
</button>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<!-- Фильтры заявок -->
|
||||
<form method="get" class="row g-2 mb-3" id="requestsFilterForm">
|
||||
<div class="col-md-2">
|
||||
<select name="status" class="form-select form-select-sm" onchange="this.form.submit()">
|
||||
<option value="">Все статусы</option>
|
||||
{% for value, label in status_choices %}
|
||||
<option value="{{ value }}" {% if current_status == value %}selected{% endif %}>{{ label }}</option>
|
||||
{% endfor %}
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<select name="priority" class="form-select form-select-sm" onchange="this.form.submit()">
|
||||
<option value="">Все приоритеты</option>
|
||||
{% for value, label in priority_choices %}
|
||||
<option value="{{ value }}" {% if current_priority == value %}selected{% endif %}>{{ label }}</option>
|
||||
{% endfor %}
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<select name="gso_success" class="form-select form-select-sm" onchange="this.form.submit()">
|
||||
<option value="">ГСО: все</option>
|
||||
<option value="true" {% if request.GET.gso_success == 'true' %}selected{% endif %}>ГСО: Да</option>
|
||||
<option value="false" {% if request.GET.gso_success == 'false' %}selected{% endif %}>ГСО: Нет</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<select name="kubsat_success" class="form-select form-select-sm" onchange="this.form.submit()">
|
||||
<option value="">Кубсат: все</option>
|
||||
<option value="true" {% if request.GET.kubsat_success == 'true' %}selected{% endif %}>Кубсат: Да</option>
|
||||
<option value="false" {% if request.GET.kubsat_success == 'false' %}selected{% endif %}>Кубсат: Нет</option>
|
||||
</select>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<!-- Клиентский поиск по имени точки -->
|
||||
<div class="row mb-3">
|
||||
<div class="col-md-4">
|
||||
<div class="input-group input-group-sm">
|
||||
<input type="text" id="searchRequestObjitemName" class="form-control"
|
||||
placeholder="Поиск по имени точки..."
|
||||
oninput="filterRequestsByName()">
|
||||
<button type="button" class="btn btn-outline-secondary" onclick="clearRequestSearch()">
|
||||
<i class="bi bi-x-lg"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-8">
|
||||
<span class="text-muted small" id="requestsCounter">
|
||||
Показано заявок: {{ requests|length }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Таблица заявок -->
|
||||
<div class="table-responsive" style="max-height: 60vh; overflow-y: auto;">
|
||||
<table class="table table-striped table-hover table-sm table-bordered" style="font-size: 0.85rem;">
|
||||
<thead class="table-dark sticky-top">
|
||||
<tr>
|
||||
<th style="min-width: 60px;">ID</th>
|
||||
<th style="min-width: 80px;">Источник</th>
|
||||
<th style="min-width: 120px;">Статус</th>
|
||||
<th style="min-width: 80px;">Приоритет</th>
|
||||
<th style="min-width: 150px;">Координаты</th>
|
||||
<th style="min-width: 150px;">Имя точки</th>
|
||||
<th style="min-width: 100px;">Модуляция</th>
|
||||
<th style="min-width: 100px;">Симв. скор.</th>
|
||||
<th style="min-width: 130px;">Дата планирования</th>
|
||||
<th style="min-width: 80px;">ГСО</th>
|
||||
<th style="min-width: 80px;">Кубсат</th>
|
||||
<th style="min-width: 130px;">Обновлено</th>
|
||||
<th style="min-width: 120px;">Действия</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{% for req in requests %}
|
||||
<tr data-objitem-name="{{ req.objitem_name|default:'' }}">
|
||||
<td>{{ req.id }}</td>
|
||||
<td>
|
||||
<a href="{% url 'mainapp:source_update' req.source_id %}" target="_blank">
|
||||
#{{ req.source_id }}
|
||||
</a>
|
||||
</td>
|
||||
<td>
|
||||
<span class="badge
|
||||
{% if req.status == 'successful' or req.status == 'result_received' %}bg-success
|
||||
{% elif req.status == 'unsuccessful' or req.status == 'no_correlation' or req.status == 'no_signal' %}bg-danger
|
||||
{% elif req.status == 'planned' %}bg-primary
|
||||
{% elif req.status == 'downloading' or req.status == 'processing' %}bg-warning text-dark
|
||||
{% else %}bg-secondary{% endif %}">
|
||||
{{ req.get_status_display }}
|
||||
</span>
|
||||
</td>
|
||||
<td>
|
||||
<span class="badge
|
||||
{% if req.priority == 'high' %}bg-danger
|
||||
{% elif req.priority == 'medium' %}bg-warning text-dark
|
||||
{% else %}bg-secondary{% endif %}">
|
||||
{{ req.get_priority_display }}
|
||||
</span>
|
||||
</td>
|
||||
<td>
|
||||
{% if req.coords %}
|
||||
<small>{{ req.coords.y|floatformat:6 }}, {{ req.coords.x|floatformat:6 }}</small>
|
||||
{% else %}-{% endif %}
|
||||
</td>
|
||||
<td>{{ req.objitem_name|default:"-" }}</td>
|
||||
<td>{{ req.modulation|default:"-" }}</td>
|
||||
<td>{{ req.symbol_rate|default:"-" }}</td>
|
||||
<td>{{ req.planned_at|date:"d.m.Y H:i"|default:"-" }}</td>
|
||||
<td class="text-center">
|
||||
{% if req.gso_success is True %}
|
||||
<span class="badge bg-success">Да</span>
|
||||
{% elif req.gso_success is False %}
|
||||
<span class="badge bg-danger">Нет</span>
|
||||
{% else %}-{% endif %}
|
||||
</td>
|
||||
<td class="text-center">
|
||||
{% if req.kubsat_success is True %}
|
||||
<span class="badge bg-success">Да</span>
|
||||
{% elif req.kubsat_success is False %}
|
||||
<span class="badge bg-danger">Нет</span>
|
||||
{% else %}-{% endif %}
|
||||
</td>
|
||||
<td>{{ req.status_updated_at|date:"d.m.Y H:i"|default:"-" }}</td>
|
||||
<td>
|
||||
<div class="btn-group btn-group-sm" role="group">
|
||||
<button type="button" class="btn btn-outline-info" onclick="showHistory({{ req.id }})" title="История">
|
||||
<i class="bi bi-clock-history"></i>
|
||||
</button>
|
||||
<button type="button" class="btn btn-outline-warning" onclick="openEditRequestModal({{ req.id }})" title="Редактировать">
|
||||
<i class="bi bi-pencil"></i>
|
||||
</button>
|
||||
<button type="button" class="btn btn-outline-danger" onclick="deleteRequest({{ req.id }})" title="Удалить">
|
||||
<i class="bi bi-trash"></i>
|
||||
</button>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
{% empty %}
|
||||
<tr>
|
||||
<td colspan="13" class="text-center text-muted">Нет заявок</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<!-- Пагинация -->
|
||||
{% if page_obj %}
|
||||
<nav aria-label="Пагинация" class="mt-3">
|
||||
<ul class="pagination pagination-sm justify-content-center">
|
||||
{% if page_obj.has_previous %}
|
||||
<li class="page-item">
|
||||
<a class="page-link" href="?page={{ page_obj.previous_page_number }}{% if current_status %}&status={{ current_status }}{% endif %}{% if current_priority %}&priority={{ current_priority }}{% endif %}">
|
||||
«
|
||||
</a>
|
||||
</li>
|
||||
{% endif %}
|
||||
|
||||
<li class="page-item disabled">
|
||||
<span class="page-link">{{ page_obj.number }} из {{ page_obj.paginator.num_pages }}</span>
|
||||
</li>
|
||||
|
||||
{% if page_obj.has_next %}
|
||||
<li class="page-item">
|
||||
<a class="page-link" href="?page={{ page_obj.next_page_number }}{% if current_status %}&status={{ current_status }}{% endif %}{% if current_priority %}&priority={{ current_priority }}{% endif %}">
|
||||
»
|
||||
</a>
|
||||
</li>
|
||||
{% endif %}
|
||||
</ul>
|
||||
</nav>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
// Фильтрация таблицы заявок по имени точки
|
||||
function filterRequestsByName() {
|
||||
const searchValue = document.getElementById('searchRequestObjitemName').value.toLowerCase().trim();
|
||||
const tbody = document.querySelector('.table tbody');
|
||||
const rows = tbody.querySelectorAll('tr');
|
||||
|
||||
let visibleCount = 0;
|
||||
|
||||
rows.forEach(row => {
|
||||
// Пропускаем строку "Нет заявок"
|
||||
if (row.querySelector('td[colspan]')) {
|
||||
return;
|
||||
}
|
||||
|
||||
const objitemName = (row.dataset.objitemName || '').toLowerCase();
|
||||
|
||||
if (!searchValue || objitemName.includes(searchValue)) {
|
||||
row.style.display = '';
|
||||
visibleCount++;
|
||||
} else {
|
||||
row.style.display = 'none';
|
||||
}
|
||||
});
|
||||
|
||||
updateRequestsCounter(visibleCount);
|
||||
}
|
||||
|
||||
// Обновление счётчика заявок
|
||||
function updateRequestsCounter(count) {
|
||||
const counter = document.getElementById('requestsCounter');
|
||||
if (counter) {
|
||||
counter.textContent = `Показано заявок: ${count}`;
|
||||
}
|
||||
}
|
||||
|
||||
// Очистка поиска
|
||||
function clearRequestSearch() {
|
||||
document.getElementById('searchRequestObjitemName').value = '';
|
||||
filterRequestsByName();
|
||||
}
|
||||
|
||||
// Инициализация счётчика при загрузке
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
const tbody = document.querySelector('.table tbody');
|
||||
if (tbody) {
|
||||
const rows = tbody.querySelectorAll('tr:not([style*="display: none"])');
|
||||
// Исключаем строку "Нет заявок"
|
||||
const visibleRows = Array.from(rows).filter(row => !row.querySelector('td[colspan]'));
|
||||
updateRequestsCounter(visibleRows.length);
|
||||
}
|
||||
});
|
||||
</script>
|
||||
@@ -212,6 +212,16 @@
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="d-flex flex-wrap align-items-center gap-3">
|
||||
<!-- Поиск по имени точки -->
|
||||
<div class="input-group" style="max-width: 350px;">
|
||||
<input type="text" id="searchObjitemName" class="form-control"
|
||||
placeholder="Поиск по имени точки..."
|
||||
oninput="filterTableByName()">
|
||||
<button type="button" class="btn btn-outline-secondary" onclick="clearSearch()">
|
||||
<i class="bi bi-x-lg"></i>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<button type="button" class="btn btn-success" onclick="exportToExcel()">
|
||||
<i class="bi bi-file-earmark-excel"></i> Экспорт в Excel
|
||||
</button>
|
||||
@@ -256,6 +266,7 @@
|
||||
{% for objitem_data in source_data.objitems_data %}
|
||||
<tr data-source-id="{{ source_data.source.id }}"
|
||||
data-objitem-id="{{ objitem_data.objitem.id }}"
|
||||
data-objitem-name="{{ objitem_data.objitem.name|default:'' }}"
|
||||
data-matches-date="{{ objitem_data.matches_date|yesno:'true,false' }}"
|
||||
data-is-first-in-source="{% if forloop.first %}true{% else %}false{% endif %}">
|
||||
|
||||
@@ -500,12 +511,16 @@ function updateCounter() {
|
||||
const rows = document.querySelectorAll('#resultsTable tbody tr');
|
||||
const counter = document.getElementById('statsCounter');
|
||||
if (counter) {
|
||||
// Подсчитываем уникальные источники
|
||||
// Подсчитываем уникальные источники и точки (только видимые)
|
||||
const uniqueSources = new Set();
|
||||
let visibleRowsCount = 0;
|
||||
rows.forEach(row => {
|
||||
uniqueSources.add(row.dataset.sourceId);
|
||||
if (row.style.display !== 'none') {
|
||||
uniqueSources.add(row.dataset.sourceId);
|
||||
visibleRowsCount++;
|
||||
}
|
||||
});
|
||||
counter.textContent = `Найдено объектов: ${uniqueSources.size}, точек: ${rows.length}`;
|
||||
counter.textContent = `Найдено объектов: ${uniqueSources.size}, точек: ${visibleRowsCount}`;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -561,6 +576,108 @@ function selectAllOptions(selectName, selectAll) {
|
||||
}
|
||||
}
|
||||
|
||||
// Фильтрация таблицы по имени точки
|
||||
function filterTableByName() {
|
||||
const searchValue = document.getElementById('searchObjitemName').value.toLowerCase().trim();
|
||||
const rows = document.querySelectorAll('#resultsTable tbody tr');
|
||||
|
||||
if (!searchValue) {
|
||||
// Показываем все строки
|
||||
rows.forEach(row => {
|
||||
row.style.display = '';
|
||||
});
|
||||
// Восстанавливаем rowspan
|
||||
recalculateRowspans();
|
||||
updateCounter();
|
||||
return;
|
||||
}
|
||||
|
||||
// Группируем строки по source_id
|
||||
const sourceGroups = {};
|
||||
rows.forEach(row => {
|
||||
const sourceId = row.dataset.sourceId;
|
||||
if (!sourceGroups[sourceId]) {
|
||||
sourceGroups[sourceId] = [];
|
||||
}
|
||||
sourceGroups[sourceId].push(row);
|
||||
});
|
||||
|
||||
// Фильтруем по имени точки используя data-атрибут
|
||||
Object.keys(sourceGroups).forEach(sourceId => {
|
||||
const sourceRows = sourceGroups[sourceId];
|
||||
let hasVisibleRows = false;
|
||||
|
||||
sourceRows.forEach(row => {
|
||||
// Используем data-атрибут для получения имени точки
|
||||
const name = (row.dataset.objitemName || '').toLowerCase();
|
||||
|
||||
if (name.includes(searchValue)) {
|
||||
row.style.display = '';
|
||||
hasVisibleRows = true;
|
||||
} else {
|
||||
row.style.display = 'none';
|
||||
}
|
||||
});
|
||||
|
||||
// Если нет видимых строк в группе, скрываем все (включая ячейки с rowspan)
|
||||
if (!hasVisibleRows) {
|
||||
sourceRows.forEach(row => {
|
||||
row.style.display = 'none';
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
// Пересчитываем rowspan для видимых строк
|
||||
recalculateRowspans();
|
||||
updateCounter();
|
||||
}
|
||||
|
||||
// Пересчет rowspan для видимых строк
|
||||
function recalculateRowspans() {
|
||||
const rows = document.querySelectorAll('#resultsTable tbody tr');
|
||||
|
||||
// Группируем видимые строки по source_id
|
||||
const sourceGroups = {};
|
||||
rows.forEach(row => {
|
||||
if (row.style.display !== 'none') {
|
||||
const sourceId = row.dataset.sourceId;
|
||||
if (!sourceGroups[sourceId]) {
|
||||
sourceGroups[sourceId] = [];
|
||||
}
|
||||
sourceGroups[sourceId].push(row);
|
||||
}
|
||||
});
|
||||
|
||||
// Обновляем rowspan для каждой группы
|
||||
Object.keys(sourceGroups).forEach(sourceId => {
|
||||
const visibleRows = sourceGroups[sourceId];
|
||||
const newRowspan = visibleRows.length;
|
||||
|
||||
if (visibleRows.length > 0) {
|
||||
const firstRow = visibleRows[0];
|
||||
const sourceIdCell = firstRow.querySelector('.source-id-cell');
|
||||
const sourceTypeCell = firstRow.querySelector('.source-type-cell');
|
||||
const sourceOwnershipCell = firstRow.querySelector('.source-ownership-cell');
|
||||
const sourceCountCell = firstRow.querySelector('.source-count-cell');
|
||||
|
||||
if (sourceIdCell) sourceIdCell.setAttribute('rowspan', newRowspan);
|
||||
if (sourceTypeCell) sourceTypeCell.setAttribute('rowspan', newRowspan);
|
||||
if (sourceOwnershipCell) sourceOwnershipCell.setAttribute('rowspan', newRowspan);
|
||||
if (sourceCountCell) {
|
||||
sourceCountCell.setAttribute('rowspan', newRowspan);
|
||||
// Обновляем отображаемое количество точек
|
||||
sourceCountCell.textContent = newRowspan;
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
// Очистка поиска
|
||||
function clearSearch() {
|
||||
document.getElementById('searchObjitemName').value = '';
|
||||
filterTableByName();
|
||||
}
|
||||
|
||||
// Обновляем счетчик при загрузке страницы
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
updateCounter();
|
||||
|
||||
529
dbapp/mainapp/templates/mainapp/kubsat_tabs.html
Normal file
529
dbapp/mainapp/templates/mainapp/kubsat_tabs.html
Normal file
@@ -0,0 +1,529 @@
|
||||
{% extends 'mainapp/base.html' %}
|
||||
{% load static %}
|
||||
|
||||
{% block title %}Кубсат{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<div class="container-fluid px-3">
|
||||
<div class="row mb-3">
|
||||
<div class="col-12">
|
||||
<h2>Кубсат</h2>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Вкладки -->
|
||||
<ul class="nav nav-tabs mb-3" id="kubsatTabs" role="tablist">
|
||||
<li class="nav-item" role="presentation">
|
||||
<button class="nav-link active" id="requests-tab" data-bs-toggle="tab" data-bs-target="#requests"
|
||||
type="button" role="tab" aria-controls="requests" aria-selected="true">
|
||||
<i class="bi bi-list-task"></i> Заявки
|
||||
</button>
|
||||
</li>
|
||||
<li class="nav-item" role="presentation">
|
||||
<button class="nav-link" id="filters-tab" data-bs-toggle="tab" data-bs-target="#filters"
|
||||
type="button" role="tab" aria-controls="filters" aria-selected="false">
|
||||
<i class="bi bi-funnel"></i> Фильтры и экспорт
|
||||
</button>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div class="tab-content" id="kubsatTabsContent">
|
||||
<!-- Вкладка заявок -->
|
||||
<div class="tab-pane fade show active" id="requests" role="tabpanel" aria-labelledby="requests-tab">
|
||||
{% include 'mainapp/components/_source_requests_tab.html' %}
|
||||
</div>
|
||||
|
||||
<!-- Вкладка фильтров -->
|
||||
<div class="tab-pane fade" id="filters" role="tabpanel" aria-labelledby="filters-tab">
|
||||
{% include 'mainapp/components/_kubsat_filters_tab.html' %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Модальное окно создания/редактирования заявки -->
|
||||
<div class="modal fade" id="requestModal" tabindex="-1" aria-labelledby="requestModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-xl">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header bg-primary text-white">
|
||||
<h5 class="modal-title" id="requestModalLabel">
|
||||
<i class="bi bi-plus-circle"></i> <span id="requestModalTitle">Создать заявку</span>
|
||||
</h5>
|
||||
<button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Закрыть"></button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<form id="requestForm">
|
||||
{% csrf_token %}
|
||||
<input type="hidden" id="requestId" name="request_id" value="">
|
||||
|
||||
<!-- Источник и статус -->
|
||||
<div class="row">
|
||||
<div class="col-md-4 mb-3">
|
||||
<label for="requestSource" class="form-label">Источник (ID) *</label>
|
||||
<div class="input-group">
|
||||
<span class="input-group-text">#</span>
|
||||
<input type="number" class="form-control" id="requestSourceId" name="source"
|
||||
placeholder="Введите ID источника" required min="1" onchange="loadSourceData()">
|
||||
<button type="button" class="btn btn-outline-secondary" onclick="loadSourceData()">
|
||||
<i class="bi bi-search"></i>
|
||||
</button>
|
||||
</div>
|
||||
<div id="sourceCheckResult" class="form-text"></div>
|
||||
</div>
|
||||
<div class="col-md-4 mb-3">
|
||||
<label for="requestStatus" class="form-label">Статус</label>
|
||||
<select class="form-select" id="requestStatus" name="status">
|
||||
<option value="planned">Запланировано</option>
|
||||
<option value="conducted">Проведён</option>
|
||||
<option value="successful">Успешно</option>
|
||||
<option value="no_correlation">Нет корреляции</option>
|
||||
<option value="no_signal">Нет сигнала в спектре</option>
|
||||
<option value="unsuccessful">Неуспешно</option>
|
||||
<option value="downloading">Скачивание</option>
|
||||
<option value="processing">Обработка</option>
|
||||
<option value="result_received">Результат получен</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-md-4 mb-3">
|
||||
<label for="requestPriority" class="form-label">Приоритет</label>
|
||||
<select class="form-select" id="requestPriority" name="priority">
|
||||
<option value="low">Низкий</option>
|
||||
<option value="medium" selected>Средний</option>
|
||||
<option value="high">Высокий</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Данные источника (только для чтения) -->
|
||||
<div class="card bg-light mb-3" id="sourceDataCard" style="display: none;">
|
||||
<div class="card-header py-2">
|
||||
<small class="text-muted"><i class="bi bi-info-circle"></i> Данные источника</small>
|
||||
</div>
|
||||
<div class="card-body py-2">
|
||||
<div class="row">
|
||||
<div class="col-md-4 mb-2">
|
||||
<label class="form-label small text-muted mb-0">Имя точки</label>
|
||||
<input type="text" class="form-control form-control-sm" id="requestObjitemName" readonly>
|
||||
</div>
|
||||
<div class="col-md-4 mb-2">
|
||||
<label class="form-label small text-muted mb-0">Модуляция</label>
|
||||
<input type="text" class="form-control form-control-sm" id="requestModulation" readonly>
|
||||
</div>
|
||||
<div class="col-md-4 mb-2">
|
||||
<label class="form-label small text-muted mb-0">Символьная скорость</label>
|
||||
<input type="text" class="form-control form-control-sm" id="requestSymbolRate" readonly>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Координаты -->
|
||||
<div class="row">
|
||||
<div class="col-md-4 mb-3">
|
||||
<label for="requestCoordsLat" class="form-label">Широта</label>
|
||||
<input type="number" step="0.000001" class="form-control" id="requestCoordsLat" name="coords_lat"
|
||||
placeholder="Например: 55.751244">
|
||||
</div>
|
||||
<div class="col-md-4 mb-3">
|
||||
<label for="requestCoordsLon" class="form-label">Долгота</label>
|
||||
<input type="number" step="0.000001" class="form-control" id="requestCoordsLon" name="coords_lon"
|
||||
placeholder="Например: 37.618423">
|
||||
</div>
|
||||
<div class="col-md-4 mb-3">
|
||||
<label class="form-label">Кол-во точек</label>
|
||||
<input type="text" class="form-control" id="requestPointsCount" readonly value="-">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Даты -->
|
||||
<div class="row">
|
||||
<div class="col-md-6 mb-3">
|
||||
<label for="requestPlannedAt" class="form-label">Дата и время планирования</label>
|
||||
<input type="datetime-local" class="form-control" id="requestPlannedAt" name="planned_at">
|
||||
</div>
|
||||
<div class="col-md-6 mb-3">
|
||||
<label for="requestDate" class="form-label">Дата заявки</label>
|
||||
<input type="date" class="form-control" id="requestDate" name="request_date">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Результаты -->
|
||||
<div class="row">
|
||||
<div class="col-md-6 mb-3">
|
||||
<label for="requestGsoSuccess" class="form-label">ГСО успешно?</label>
|
||||
<select class="form-select" id="requestGsoSuccess" name="gso_success">
|
||||
<option value="">-</option>
|
||||
<option value="true">Да</option>
|
||||
<option value="false">Нет</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-md-6 mb-3">
|
||||
<label for="requestKubsatSuccess" class="form-label">Кубсат успешно?</label>
|
||||
<select class="form-select" id="requestKubsatSuccess" name="kubsat_success">
|
||||
<option value="">-</option>
|
||||
<option value="true">Да</option>
|
||||
<option value="false">Нет</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Комментарий -->
|
||||
<div class="mb-3">
|
||||
<label for="requestComment" class="form-label">Комментарий</label>
|
||||
<textarea class="form-control" id="requestComment" name="comment" rows="2"></textarea>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Отмена</button>
|
||||
<button type="button" class="btn btn-primary" onclick="saveRequest()">
|
||||
<i class="bi bi-check-lg"></i> Сохранить
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Модальное окно истории статусов -->
|
||||
<div class="modal fade" id="historyModal" tabindex="-1" aria-labelledby="historyModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-lg">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header bg-info text-white">
|
||||
<h5 class="modal-title" id="historyModalLabel">
|
||||
<i class="bi bi-clock-history"></i> История изменений статуса
|
||||
</h5>
|
||||
<button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Закрыть"></button>
|
||||
</div>
|
||||
<div class="modal-body" id="historyModalBody">
|
||||
<div class="text-center py-4">
|
||||
<div class="spinner-border text-primary" role="status">
|
||||
<span class="visually-hidden">Загрузка...</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Закрыть</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
// Загрузка данных источника по ID
|
||||
function loadSourceData() {
|
||||
const sourceId = document.getElementById('requestSourceId').value;
|
||||
const resultDiv = document.getElementById('sourceCheckResult');
|
||||
const sourceDataCard = document.getElementById('sourceDataCard');
|
||||
|
||||
if (!sourceId) {
|
||||
resultDiv.innerHTML = '<span class="text-warning">Введите ID источника</span>';
|
||||
sourceDataCard.style.display = 'none';
|
||||
clearSourceData();
|
||||
return;
|
||||
}
|
||||
|
||||
resultDiv.innerHTML = '<span class="text-muted">Загрузка...</span>';
|
||||
|
||||
fetch(`{% url 'mainapp:source_data_api' source_id=0 %}`.replace('0', sourceId))
|
||||
.then(response => response.json())
|
||||
.then(data => {
|
||||
if (data.found) {
|
||||
resultDiv.innerHTML = `<span class="text-success"><i class="bi bi-check-circle"></i> Источник #${sourceId} найден</span>`;
|
||||
|
||||
// Заполняем данные источника (только для чтения)
|
||||
document.getElementById('requestObjitemName').value = data.objitem_name || '-';
|
||||
document.getElementById('requestModulation').value = data.modulation || '-';
|
||||
document.getElementById('requestSymbolRate').value = data.symbol_rate || '-';
|
||||
document.getElementById('requestPointsCount').value = data.points_count || '0';
|
||||
|
||||
// Заполняем координаты (редактируемые)
|
||||
if (data.coords_lat !== null) {
|
||||
document.getElementById('requestCoordsLat').value = data.coords_lat.toFixed(6);
|
||||
}
|
||||
if (data.coords_lon !== null) {
|
||||
document.getElementById('requestCoordsLon').value = data.coords_lon.toFixed(6);
|
||||
}
|
||||
|
||||
sourceDataCard.style.display = 'block';
|
||||
} else {
|
||||
resultDiv.innerHTML = `<span class="text-danger"><i class="bi bi-x-circle"></i> Источник #${sourceId} не найден</span>`;
|
||||
sourceDataCard.style.display = 'none';
|
||||
clearSourceData();
|
||||
}
|
||||
})
|
||||
.catch(error => {
|
||||
resultDiv.innerHTML = `<span class="text-danger"><i class="bi bi-x-circle"></i> Источник #${sourceId} не найден</span>`;
|
||||
sourceDataCard.style.display = 'none';
|
||||
clearSourceData();
|
||||
});
|
||||
}
|
||||
|
||||
// Очистка данных источника
|
||||
function clearSourceData() {
|
||||
document.getElementById('requestObjitemName').value = '';
|
||||
document.getElementById('requestModulation').value = '';
|
||||
document.getElementById('requestSymbolRate').value = '';
|
||||
document.getElementById('requestCoordsLat').value = '';
|
||||
document.getElementById('requestCoordsLon').value = '';
|
||||
document.getElementById('requestPointsCount').value = '-';
|
||||
}
|
||||
|
||||
// Открытие модального окна создания заявки
|
||||
function openCreateRequestModal(sourceId = null) {
|
||||
document.getElementById('requestModalTitle').textContent = 'Создать заявку';
|
||||
document.getElementById('requestForm').reset();
|
||||
document.getElementById('requestId').value = '';
|
||||
document.getElementById('sourceCheckResult').innerHTML = '';
|
||||
document.getElementById('sourceDataCard').style.display = 'none';
|
||||
clearSourceData();
|
||||
|
||||
if (sourceId) {
|
||||
document.getElementById('requestSourceId').value = sourceId;
|
||||
loadSourceData();
|
||||
}
|
||||
|
||||
const modal = new bootstrap.Modal(document.getElementById('requestModal'));
|
||||
modal.show();
|
||||
}
|
||||
|
||||
// Открытие модального окна редактирования заявки
|
||||
function openEditRequestModal(requestId) {
|
||||
document.getElementById('requestModalTitle').textContent = 'Редактировать заявку';
|
||||
document.getElementById('sourceCheckResult').innerHTML = '';
|
||||
|
||||
fetch(`/api/source-request/${requestId}/`)
|
||||
.then(response => response.json())
|
||||
.then(data => {
|
||||
document.getElementById('requestId').value = data.id;
|
||||
document.getElementById('requestSourceId').value = data.source_id;
|
||||
document.getElementById('requestStatus').value = data.status;
|
||||
document.getElementById('requestPriority').value = data.priority;
|
||||
document.getElementById('requestPlannedAt').value = data.planned_at || '';
|
||||
document.getElementById('requestDate').value = data.request_date || '';
|
||||
document.getElementById('requestGsoSuccess').value = data.gso_success === null ? '' : data.gso_success.toString();
|
||||
document.getElementById('requestKubsatSuccess').value = data.kubsat_success === null ? '' : data.kubsat_success.toString();
|
||||
document.getElementById('requestComment').value = data.comment || '';
|
||||
|
||||
// Заполняем данные источника
|
||||
document.getElementById('requestObjitemName').value = data.objitem_name || '-';
|
||||
document.getElementById('requestModulation').value = data.modulation || '-';
|
||||
document.getElementById('requestSymbolRate').value = data.symbol_rate || '-';
|
||||
document.getElementById('requestPointsCount').value = data.points_count || '0';
|
||||
|
||||
// Заполняем координаты
|
||||
if (data.coords_lat !== null) {
|
||||
document.getElementById('requestCoordsLat').value = data.coords_lat.toFixed(6);
|
||||
} else {
|
||||
document.getElementById('requestCoordsLat').value = '';
|
||||
}
|
||||
if (data.coords_lon !== null) {
|
||||
document.getElementById('requestCoordsLon').value = data.coords_lon.toFixed(6);
|
||||
} else {
|
||||
document.getElementById('requestCoordsLon').value = '';
|
||||
}
|
||||
|
||||
document.getElementById('sourceDataCard').style.display = 'block';
|
||||
|
||||
const modal = new bootstrap.Modal(document.getElementById('requestModal'));
|
||||
modal.show();
|
||||
})
|
||||
.catch(error => {
|
||||
console.error('Error loading request:', error);
|
||||
alert('Ошибка загрузки данных заявки');
|
||||
});
|
||||
}
|
||||
|
||||
// Сохранение заявки
|
||||
function saveRequest() {
|
||||
const form = document.getElementById('requestForm');
|
||||
const formData = new FormData(form);
|
||||
const requestId = document.getElementById('requestId').value;
|
||||
|
||||
const url = requestId
|
||||
? `/source-requests/${requestId}/edit/`
|
||||
: '{% url "mainapp:source_request_create" %}';
|
||||
|
||||
fetch(url, {
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'Content-Type': 'application/x-www-form-urlencoded',
|
||||
'X-CSRFToken': formData.get('csrfmiddlewaretoken'),
|
||||
'X-Requested-With': 'XMLHttpRequest'
|
||||
},
|
||||
body: new URLSearchParams(formData)
|
||||
})
|
||||
.then(response => response.json())
|
||||
.then(result => {
|
||||
if (result.success) {
|
||||
// Properly close modal and remove backdrop
|
||||
const modalEl = document.getElementById('requestModal');
|
||||
const modalInstance = bootstrap.Modal.getInstance(modalEl);
|
||||
if (modalInstance) {
|
||||
modalInstance.hide();
|
||||
}
|
||||
// Remove any remaining backdrops
|
||||
document.querySelectorAll('.modal-backdrop').forEach(el => el.remove());
|
||||
document.body.classList.remove('modal-open');
|
||||
document.body.style.removeProperty('overflow');
|
||||
document.body.style.removeProperty('padding-right');
|
||||
|
||||
location.reload();
|
||||
} else {
|
||||
alert('Ошибка: ' + JSON.stringify(result.errors));
|
||||
}
|
||||
})
|
||||
.catch(error => {
|
||||
console.error('Error saving request:', error);
|
||||
alert('Ошибка сохранения заявки');
|
||||
});
|
||||
}
|
||||
|
||||
// Удаление заявки
|
||||
function deleteRequest(requestId) {
|
||||
if (!confirm('Вы уверены, что хотите удалить эту заявку?')) {
|
||||
return;
|
||||
}
|
||||
|
||||
fetch(`/source-requests/${requestId}/delete/`, {
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'X-CSRFToken': document.querySelector('[name=csrfmiddlewaretoken]').value
|
||||
}
|
||||
})
|
||||
.then(response => response.json())
|
||||
.then(result => {
|
||||
if (result.success) {
|
||||
location.reload();
|
||||
} else {
|
||||
alert('Ошибка: ' + result.error);
|
||||
}
|
||||
})
|
||||
.catch(error => {
|
||||
console.error('Error deleting request:', error);
|
||||
alert('Ошибка удаления заявки');
|
||||
});
|
||||
}
|
||||
|
||||
// Показать историю статусов
|
||||
function showHistory(requestId) {
|
||||
const modal = new bootstrap.Modal(document.getElementById('historyModal'));
|
||||
modal.show();
|
||||
|
||||
const modalBody = document.getElementById('historyModalBody');
|
||||
modalBody.innerHTML = '<div class="text-center py-4"><div class="spinner-border text-primary" role="status"><span class="visually-hidden">Загрузка...</span></div></div>';
|
||||
|
||||
fetch(`/api/source-request/${requestId}/`)
|
||||
.then(response => response.json())
|
||||
.then(data => {
|
||||
if (data.history && data.history.length > 0) {
|
||||
let html = '<table class="table table-sm table-striped"><thead><tr><th>Старый статус</th><th>Новый статус</th><th>Дата изменения</th><th>Пользователь</th></tr></thead><tbody>';
|
||||
data.history.forEach(h => {
|
||||
html += `<tr><td>${h.old_status}</td><td>${h.new_status}</td><td>${h.changed_at}</td><td>${h.changed_by}</td></tr>`;
|
||||
});
|
||||
html += '</tbody></table>';
|
||||
modalBody.innerHTML = html;
|
||||
} else {
|
||||
modalBody.innerHTML = '<div class="alert alert-info">История изменений пуста</div>';
|
||||
}
|
||||
})
|
||||
.catch(error => {
|
||||
modalBody.innerHTML = '<div class="alert alert-danger">Ошибка загрузки истории</div>';
|
||||
});
|
||||
}
|
||||
|
||||
// Функция для показа модального окна LyngSat
|
||||
function showLyngsatModal(lyngsatId) {
|
||||
const modal = new bootstrap.Modal(document.getElementById('lyngsatModal'));
|
||||
modal.show();
|
||||
|
||||
const modalBody = document.getElementById('lyngsatModalBody');
|
||||
modalBody.innerHTML = '<div class="text-center py-4"><div class="spinner-border text-primary" role="status"><span class="visually-hidden">Загрузка...</span></div></div>';
|
||||
|
||||
fetch('/api/lyngsat/' + lyngsatId + '/')
|
||||
.then(response => {
|
||||
if (!response.ok) {
|
||||
throw new Error('Ошибка загрузки данных');
|
||||
}
|
||||
return response.json();
|
||||
})
|
||||
.then(data => {
|
||||
let html = '<div class="container-fluid"><div class="row g-3">' +
|
||||
'<div class="col-md-6"><div class="card h-100">' +
|
||||
'<div class="card-header bg-light"><strong><i class="bi bi-info-circle"></i> Основная информация</strong></div>' +
|
||||
'<div class="card-body"><table class="table table-sm table-borderless mb-0"><tbody>' +
|
||||
'<tr><td class="text-muted" style="width: 40%;">Спутник:</td><td><strong>' + data.satellite + '</strong></td></tr>' +
|
||||
'<tr><td class="text-muted">Частота:</td><td><strong>' + data.frequency + ' МГц</strong></td></tr>' +
|
||||
'<tr><td class="text-muted">Поляризация:</td><td><span class="badge bg-info">' + data.polarization + '</span></td></tr>' +
|
||||
'<tr><td class="text-muted">Канал:</td><td>' + data.channel_info + '</td></tr>' +
|
||||
'</tbody></table></div></div></div>' +
|
||||
'<div class="col-md-6"><div class="card h-100">' +
|
||||
'<div class="card-header bg-light"><strong><i class="bi bi-gear"></i> Технические параметры</strong></div>' +
|
||||
'<div class="card-body"><table class="table table-sm table-borderless mb-0"><tbody>' +
|
||||
'<tr><td class="text-muted" style="width: 40%;">Модуляция:</td><td><span class="badge bg-secondary">' + data.modulation + '</span></td></tr>' +
|
||||
'<tr><td class="text-muted">Стандарт:</td><td><span class="badge bg-secondary">' + data.standard + '</span></td></tr>' +
|
||||
'<tr><td class="text-muted">Сим. скорость:</td><td><strong>' + data.sym_velocity + ' БОД</strong></td></tr>' +
|
||||
'<tr><td class="text-muted">FEC:</td><td>' + data.fec + '</td></tr>' +
|
||||
'</tbody></table></div></div></div>' +
|
||||
'<div class="col-12"><div class="card">' +
|
||||
'<div class="card-header bg-light"><strong><i class="bi bi-clock-history"></i> Дополнительная информация</strong></div>' +
|
||||
'<div class="card-body"><div class="row">' +
|
||||
'<div class="col-md-6"><p class="mb-2"><span class="text-muted">Последнее обновление:</span><br><strong>' + data.last_update + '</strong></p></div>' +
|
||||
'<div class="col-md-6">' + (data.url ? '<p class="mb-2"><span class="text-muted">Ссылка на объект:</span><br>' +
|
||||
'<a href="' + data.url + '" target="_blank" class="btn btn-sm btn-outline-primary">' +
|
||||
'<i class="bi bi-link-45deg"></i> Открыть на LyngSat</a></p>' : '') +
|
||||
'</div></div></div></div></div></div></div>';
|
||||
modalBody.innerHTML = html;
|
||||
})
|
||||
.catch(error => {
|
||||
modalBody.innerHTML = '<div class="alert alert-danger" role="alert">' +
|
||||
'<i class="bi bi-exclamation-triangle"></i> ' + error.message + '</div>';
|
||||
});
|
||||
}
|
||||
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
// Restore active tab from URL parameter
|
||||
const urlParams = new URLSearchParams(window.location.search);
|
||||
const activeTab = urlParams.get('tab');
|
||||
if (activeTab === 'filters') {
|
||||
const filtersTab = document.getElementById('filters-tab');
|
||||
const requestsTab = document.getElementById('requests-tab');
|
||||
const filtersPane = document.getElementById('filters');
|
||||
const requestsPane = document.getElementById('requests');
|
||||
|
||||
if (filtersTab && requestsTab) {
|
||||
requestsTab.classList.remove('active');
|
||||
requestsTab.setAttribute('aria-selected', 'false');
|
||||
filtersTab.classList.add('active');
|
||||
filtersTab.setAttribute('aria-selected', 'true');
|
||||
|
||||
requestsPane.classList.remove('show', 'active');
|
||||
filtersPane.classList.add('show', 'active');
|
||||
}
|
||||
}
|
||||
});
|
||||
</script>
|
||||
|
||||
<!-- LyngSat Data Modal -->
|
||||
<div class="modal fade" id="lyngsatModal" tabindex="-1" aria-labelledby="lyngsatModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-lg">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header bg-primary text-white">
|
||||
<h5 class="modal-title" id="lyngsatModalLabel">
|
||||
<i class="bi bi-tv"></i> Данные объекта LyngSat
|
||||
</h5>
|
||||
<button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"
|
||||
aria-label="Закрыть"></button>
|
||||
</div>
|
||||
<div class="modal-body" id="lyngsatModalBody">
|
||||
<div class="text-center py-4">
|
||||
<div class="spinner-border text-primary" role="status">
|
||||
<span class="visually-hidden">Загрузка...</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Закрыть</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
@@ -339,6 +339,112 @@
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<!-- Source Requests Filter -->
|
||||
<div class="mb-2">
|
||||
<label class="form-label">Заявки на Кубсат:</label>
|
||||
<div>
|
||||
<div class="form-check form-check-inline">
|
||||
<input class="form-check-input" type="checkbox" name="has_requests" id="has_requests_1"
|
||||
value="1" {% if has_requests == '1' %}checked{% endif %}
|
||||
onchange="toggleRequestSubfilters()">
|
||||
<label class="form-check-label" for="has_requests_1">Есть</label>
|
||||
</div>
|
||||
<div class="form-check form-check-inline">
|
||||
<input class="form-check-input" type="checkbox" name="has_requests" id="has_requests_0"
|
||||
value="0" {% if has_requests == '0' %}checked{% endif %}
|
||||
onchange="toggleRequestSubfilters()">
|
||||
<label class="form-check-label" for="has_requests_0">Нет</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Подфильтры заявок (видны только когда выбрано "Есть") -->
|
||||
<div id="requestSubfilters" class="mt-2 ps-2 border-start border-primary" style="display: {% if has_requests == '1' %}block{% else %}none{% endif %};">
|
||||
<!-- Статус заявки (мультивыбор) -->
|
||||
<div class="mb-2">
|
||||
<label class="form-label small">Статус заявки:</label>
|
||||
<div class="d-flex justify-content-between mb-1">
|
||||
<button type="button" class="btn btn-sm btn-outline-secondary py-0"
|
||||
onclick="selectAllOptions('request_status', true)">Все</button>
|
||||
<button type="button" class="btn btn-sm btn-outline-secondary py-0"
|
||||
onclick="selectAllOptions('request_status', false)">Снять</button>
|
||||
</div>
|
||||
<select name="request_status" class="form-select form-select-sm" multiple size="5">
|
||||
<option value="planned" {% if 'planned' in selected_request_statuses %}selected{% endif %}>Запланировано</option>
|
||||
<option value="conducted" {% if 'conducted' in selected_request_statuses %}selected{% endif %}>Проведён</option>
|
||||
<option value="successful" {% if 'successful' in selected_request_statuses %}selected{% endif %}>Успешно</option>
|
||||
<option value="no_correlation" {% if 'no_correlation' in selected_request_statuses %}selected{% endif %}>Нет корреляции</option>
|
||||
<option value="no_signal" {% if 'no_signal' in selected_request_statuses %}selected{% endif %}>Нет сигнала в спектре</option>
|
||||
<option value="unsuccessful" {% if 'unsuccessful' in selected_request_statuses %}selected{% endif %}>Неуспешно</option>
|
||||
<option value="downloading" {% if 'downloading' in selected_request_statuses %}selected{% endif %}>Скачивание</option>
|
||||
<option value="processing" {% if 'processing' in selected_request_statuses %}selected{% endif %}>Обработка</option>
|
||||
<option value="result_received" {% if 'result_received' in selected_request_statuses %}selected{% endif %}>Результат получен</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<!-- Приоритет заявки -->
|
||||
<div class="mb-2">
|
||||
<label class="form-label small">Приоритет:</label>
|
||||
<select name="request_priority" class="form-select form-select-sm" multiple size="3">
|
||||
<option value="low" {% if 'low' in selected_request_priorities %}selected{% endif %}>Низкий</option>
|
||||
<option value="medium" {% if 'medium' in selected_request_priorities %}selected{% endif %}>Средний</option>
|
||||
<option value="high" {% if 'high' in selected_request_priorities %}selected{% endif %}>Высокий</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<!-- ГСО успешно -->
|
||||
<div class="mb-2">
|
||||
<label class="form-label small">ГСО успешно:</label>
|
||||
<div>
|
||||
<div class="form-check form-check-inline">
|
||||
<input class="form-check-input" type="checkbox" name="request_gso_success" id="request_gso_success_1"
|
||||
value="true" {% if request_gso_success == 'true' %}checked{% endif %}>
|
||||
<label class="form-check-label small" for="request_gso_success_1">Да</label>
|
||||
</div>
|
||||
<div class="form-check form-check-inline">
|
||||
<input class="form-check-input" type="checkbox" name="request_gso_success" id="request_gso_success_0"
|
||||
value="false" {% if request_gso_success == 'false' %}checked{% endif %}>
|
||||
<label class="form-check-label small" for="request_gso_success_0">Нет</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Кубсат успешно -->
|
||||
<div class="mb-2">
|
||||
<label class="form-label small">Кубсат успешно:</label>
|
||||
<div>
|
||||
<div class="form-check form-check-inline">
|
||||
<input class="form-check-input" type="checkbox" name="request_kubsat_success" id="request_kubsat_success_1"
|
||||
value="true" {% if request_kubsat_success == 'true' %}checked{% endif %}>
|
||||
<label class="form-check-label small" for="request_kubsat_success_1">Да</label>
|
||||
</div>
|
||||
<div class="form-check form-check-inline">
|
||||
<input class="form-check-input" type="checkbox" name="request_kubsat_success" id="request_kubsat_success_0"
|
||||
value="false" {% if request_kubsat_success == 'false' %}checked{% endif %}>
|
||||
<label class="form-check-label small" for="request_kubsat_success_0">Нет</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Дата планирования -->
|
||||
<div class="mb-2">
|
||||
<label class="form-label small">Дата планирования:</label>
|
||||
<input type="date" name="request_planned_from" class="form-control form-control-sm mb-1"
|
||||
placeholder="От" value="{{ request_planned_from|default:'' }}">
|
||||
<input type="date" name="request_planned_to" class="form-control form-control-sm"
|
||||
placeholder="До" value="{{ request_planned_to|default:'' }}">
|
||||
</div>
|
||||
|
||||
<!-- Дата заявки -->
|
||||
<div class="mb-2">
|
||||
<label class="form-label small">Дата заявки:</label>
|
||||
<input type="date" name="request_date_from" class="form-control form-control-sm mb-1"
|
||||
placeholder="От" value="{{ request_date_from|default:'' }}">
|
||||
<input type="date" name="request_date_to" class="form-control form-control-sm"
|
||||
placeholder="До" value="{{ request_date_to|default:'' }}">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Point Count Filter -->
|
||||
<div class="mb-2">
|
||||
<label class="form-label">Количество точек:</label>
|
||||
@@ -581,6 +687,12 @@
|
||||
<i class="bi bi-eye"></i>
|
||||
</button>
|
||||
|
||||
<button type="button" class="btn btn-sm btn-outline-info"
|
||||
onclick="showSourceRequests({{ source.id }})"
|
||||
title="Заявки на источник">
|
||||
<i class="bi bi-list-task"></i>
|
||||
</button>
|
||||
|
||||
{% if user.customuser.role == 'admin' or user.customuser.role == 'moderator' %}
|
||||
<a href="{% url 'mainapp:source_update' source.id %}"
|
||||
class="btn btn-sm btn-outline-warning"
|
||||
@@ -1049,6 +1161,20 @@ function selectAllOptions(selectName, selectAll) {
|
||||
}
|
||||
}
|
||||
|
||||
// Function to toggle request subfilters visibility
|
||||
function toggleRequestSubfilters() {
|
||||
const hasRequestsYes = document.getElementById('has_requests_1');
|
||||
const subfilters = document.getElementById('requestSubfilters');
|
||||
|
||||
if (hasRequestsYes && subfilters) {
|
||||
if (hasRequestsYes.checked) {
|
||||
subfilters.style.display = 'block';
|
||||
} else {
|
||||
subfilters.style.display = 'none';
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Filter counter functionality
|
||||
function updateFilterCounter() {
|
||||
const form = document.getElementById('filter-form');
|
||||
@@ -1317,6 +1443,12 @@ document.addEventListener('DOMContentLoaded', function() {
|
||||
setupRadioLikeCheckboxes('has_coords_kupsat');
|
||||
setupRadioLikeCheckboxes('has_coords_valid');
|
||||
setupRadioLikeCheckboxes('has_coords_reference');
|
||||
setupRadioLikeCheckboxes('has_requests');
|
||||
setupRadioLikeCheckboxes('request_gso_success');
|
||||
setupRadioLikeCheckboxes('request_kubsat_success');
|
||||
|
||||
// Initialize request subfilters visibility
|
||||
toggleRequestSubfilters();
|
||||
|
||||
// Update filter counter on page load
|
||||
updateFilterCounter();
|
||||
@@ -2246,4 +2378,490 @@ function showTransponderModal(transponderId) {
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Source Requests Modal -->
|
||||
<div class="modal fade" id="sourceRequestsModal" tabindex="-1" aria-labelledby="sourceRequestsModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-xl">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header bg-info text-white">
|
||||
<h5 class="modal-title" id="sourceRequestsModalLabel">
|
||||
<i class="bi bi-list-task"></i> Заявки на источник #<span id="requestsSourceId"></span>
|
||||
</h5>
|
||||
<button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Закрыть"></button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div class="mb-3">
|
||||
<button type="button" class="btn btn-success btn-sm" onclick="openCreateRequestModalForSource()">
|
||||
<i class="bi bi-plus-circle"></i> Создать заявку
|
||||
</button>
|
||||
</div>
|
||||
<div id="requestsLoadingSpinner" class="text-center py-4">
|
||||
<div class="spinner-border text-primary" role="status">
|
||||
<span class="visually-hidden">Загрузка...</span>
|
||||
</div>
|
||||
</div>
|
||||
<div id="requestsContent" style="display: none;">
|
||||
<div class="table-responsive" style="max-height: 50vh; overflow-y: auto;">
|
||||
<table class="table table-striped table-hover table-sm table-bordered">
|
||||
<thead class="table-light sticky-top">
|
||||
<tr>
|
||||
<th>ID</th>
|
||||
<th>Статус</th>
|
||||
<th>Приоритет</th>
|
||||
<th>Дата планирования</th>
|
||||
<th>Дата заявки</th>
|
||||
<th>ГСО</th>
|
||||
<th>Кубсат</th>
|
||||
<th>Комментарий</th>
|
||||
<th>Обновлено</th>
|
||||
<th>Действия</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="requestsTableBody">
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<div id="requestsNoData" class="text-center text-muted py-4" style="display: none;">
|
||||
Нет заявок для этого источника
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Закрыть</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Create/Edit Request Modal -->
|
||||
<div class="modal fade" id="createRequestModal" tabindex="-1" aria-labelledby="createRequestModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-xl">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header bg-primary text-white">
|
||||
<h5 class="modal-title" id="createRequestModalLabel">
|
||||
<i class="bi bi-plus-circle"></i> <span id="createRequestModalTitle">Создать заявку</span>
|
||||
</h5>
|
||||
<button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Закрыть"></button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<form id="createRequestForm">
|
||||
{% csrf_token %}
|
||||
<input type="hidden" id="editRequestId" name="request_id" value="">
|
||||
<input type="hidden" id="editRequestSourceId" name="source" value="">
|
||||
|
||||
<!-- Данные источника (только для чтения) -->
|
||||
<div class="card bg-light mb-3" id="editSourceDataCard" style="display: none;">
|
||||
<div class="card-header py-2">
|
||||
<small class="text-muted"><i class="bi bi-info-circle"></i> Данные источника</small>
|
||||
</div>
|
||||
<div class="card-body py-2">
|
||||
<div class="row">
|
||||
<div class="col-md-4 mb-2">
|
||||
<label class="form-label small text-muted mb-0">Имя точки</label>
|
||||
<input type="text" class="form-control form-control-sm" id="editRequestObjitemName" readonly>
|
||||
</div>
|
||||
<div class="col-md-4 mb-2">
|
||||
<label class="form-label small text-muted mb-0">Модуляция</label>
|
||||
<input type="text" class="form-control form-control-sm" id="editRequestModulation" readonly>
|
||||
</div>
|
||||
<div class="col-md-4 mb-2">
|
||||
<label class="form-label small text-muted mb-0">Символьная скорость</label>
|
||||
<input type="text" class="form-control form-control-sm" id="editRequestSymbolRate" readonly>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-6 mb-3">
|
||||
<label for="editRequestStatus" class="form-label">Статус</label>
|
||||
<select class="form-select" id="editRequestStatus" name="status">
|
||||
<option value="planned">Запланировано</option>
|
||||
<option value="conducted">Проведён</option>
|
||||
<option value="successful">Успешно</option>
|
||||
<option value="no_correlation">Нет корреляции</option>
|
||||
<option value="no_signal">Нет сигнала в спектре</option>
|
||||
<option value="unsuccessful">Неуспешно</option>
|
||||
<option value="downloading">Скачивание</option>
|
||||
<option value="processing">Обработка</option>
|
||||
<option value="result_received">Результат получен</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-md-6 mb-3">
|
||||
<label for="editRequestPriority" class="form-label">Приоритет</label>
|
||||
<select class="form-select" id="editRequestPriority" name="priority">
|
||||
<option value="low">Низкий</option>
|
||||
<option value="medium" selected>Средний</option>
|
||||
<option value="high">Высокий</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Координаты -->
|
||||
<div class="row">
|
||||
<div class="col-md-4 mb-3">
|
||||
<label for="editRequestCoordsLat" class="form-label">Широта</label>
|
||||
<input type="number" step="0.000001" class="form-control" id="editRequestCoordsLat" name="coords_lat"
|
||||
placeholder="Например: 55.751244">
|
||||
</div>
|
||||
<div class="col-md-4 mb-3">
|
||||
<label for="editRequestCoordsLon" class="form-label">Долгота</label>
|
||||
<input type="number" step="0.000001" class="form-control" id="editRequestCoordsLon" name="coords_lon"
|
||||
placeholder="Например: 37.618423">
|
||||
</div>
|
||||
<div class="col-md-4 mb-3">
|
||||
<label class="form-label">Кол-во точек</label>
|
||||
<input type="text" class="form-control" id="editRequestPointsCount" readonly value="-">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-6 mb-3">
|
||||
<label for="editRequestPlannedAt" class="form-label">Дата и время планирования</label>
|
||||
<input type="datetime-local" class="form-control" id="editRequestPlannedAt" name="planned_at">
|
||||
</div>
|
||||
<div class="col-md-6 mb-3">
|
||||
<label for="editRequestDate" class="form-label">Дата заявки</label>
|
||||
<input type="date" class="form-control" id="editRequestDate" name="request_date">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-6 mb-3">
|
||||
<label for="editRequestGsoSuccess" class="form-label">ГСО успешно?</label>
|
||||
<select class="form-select" id="editRequestGsoSuccess" name="gso_success">
|
||||
<option value="">-</option>
|
||||
<option value="true">Да</option>
|
||||
<option value="false">Нет</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-md-6 mb-3">
|
||||
<label for="editRequestKubsatSuccess" class="form-label">Кубсат успешно?</label>
|
||||
<select class="form-select" id="editRequestKubsatSuccess" name="kubsat_success">
|
||||
<option value="">-</option>
|
||||
<option value="true">Да</option>
|
||||
<option value="false">Нет</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<label for="editRequestComment" class="form-label">Комментарий</label>
|
||||
<textarea class="form-control" id="editRequestComment" name="comment" rows="3"></textarea>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Отмена</button>
|
||||
<button type="button" class="btn btn-primary" onclick="saveSourceRequest()">
|
||||
<i class="bi bi-check-lg"></i> Сохранить
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Request History Modal -->
|
||||
<div class="modal fade" id="requestHistoryModal" tabindex="-1" aria-labelledby="requestHistoryModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-lg">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header bg-secondary text-white">
|
||||
<h5 class="modal-title" id="requestHistoryModalLabel">
|
||||
<i class="bi bi-clock-history"></i> История изменений статуса
|
||||
</h5>
|
||||
<button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Закрыть"></button>
|
||||
</div>
|
||||
<div class="modal-body" id="requestHistoryModalBody">
|
||||
<div class="text-center py-4">
|
||||
<div class="spinner-border text-primary" role="status">
|
||||
<span class="visually-hidden">Загрузка...</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Закрыть</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
// Source Requests functionality
|
||||
let currentRequestsSourceId = null;
|
||||
|
||||
function showSourceRequests(sourceId) {
|
||||
currentRequestsSourceId = sourceId;
|
||||
document.getElementById('requestsSourceId').textContent = sourceId;
|
||||
|
||||
const modal = new bootstrap.Modal(document.getElementById('sourceRequestsModal'));
|
||||
modal.show();
|
||||
|
||||
document.getElementById('requestsLoadingSpinner').style.display = 'block';
|
||||
document.getElementById('requestsContent').style.display = 'none';
|
||||
document.getElementById('requestsNoData').style.display = 'none';
|
||||
|
||||
fetch(`/api/source/${sourceId}/requests/`)
|
||||
.then(response => response.json())
|
||||
.then(data => {
|
||||
document.getElementById('requestsLoadingSpinner').style.display = 'none';
|
||||
|
||||
if (data.requests && data.requests.length > 0) {
|
||||
document.getElementById('requestsContent').style.display = 'block';
|
||||
const tbody = document.getElementById('requestsTableBody');
|
||||
tbody.innerHTML = '';
|
||||
|
||||
data.requests.forEach(req => {
|
||||
const statusClass = getStatusBadgeClass(req.status);
|
||||
const priorityClass = getPriorityBadgeClass(req.priority);
|
||||
|
||||
const row = document.createElement('tr');
|
||||
row.innerHTML = `
|
||||
<td>${req.id}</td>
|
||||
<td><span class="badge ${statusClass}">${req.status_display}</span></td>
|
||||
<td><span class="badge ${priorityClass}">${req.priority_display}</span></td>
|
||||
<td>${req.planned_at}</td>
|
||||
<td>${req.request_date}</td>
|
||||
<td class="text-center">${req.gso_success === true ? '<span class="badge bg-success">Да</span>' : req.gso_success === false ? '<span class="badge bg-danger">Нет</span>' : '-'}</td>
|
||||
<td class="text-center">${req.kubsat_success === true ? '<span class="badge bg-success">Да</span>' : req.kubsat_success === false ? '<span class="badge bg-danger">Нет</span>' : '-'}</td>
|
||||
<td title="${req.comment}">${req.comment.length > 30 ? req.comment.substring(0, 30) + '...' : req.comment}</td>
|
||||
<td>${req.status_updated_at}</td>
|
||||
<td>
|
||||
<div class="btn-group btn-group-sm">
|
||||
<button type="button" class="btn btn-outline-info" onclick="showRequestHistory(${req.id})" title="История">
|
||||
<i class="bi bi-clock-history"></i>
|
||||
</button>
|
||||
<button type="button" class="btn btn-outline-warning" onclick="editSourceRequest(${req.id})" title="Редактировать">
|
||||
<i class="bi bi-pencil"></i>
|
||||
</button>
|
||||
<button type="button" class="btn btn-outline-danger" onclick="deleteSourceRequest(${req.id})" title="Удалить">
|
||||
<i class="bi bi-trash"></i>
|
||||
</button>
|
||||
</div>
|
||||
</td>
|
||||
`;
|
||||
tbody.appendChild(row);
|
||||
});
|
||||
} else {
|
||||
document.getElementById('requestsNoData').style.display = 'block';
|
||||
}
|
||||
})
|
||||
.catch(error => {
|
||||
console.error('Error loading requests:', error);
|
||||
document.getElementById('requestsLoadingSpinner').style.display = 'none';
|
||||
document.getElementById('requestsNoData').style.display = 'block';
|
||||
document.getElementById('requestsNoData').textContent = 'Ошибка загрузки данных';
|
||||
});
|
||||
}
|
||||
|
||||
function getStatusBadgeClass(status) {
|
||||
switch(status) {
|
||||
case 'successful':
|
||||
case 'result_received':
|
||||
return 'bg-success';
|
||||
case 'unsuccessful':
|
||||
case 'no_correlation':
|
||||
case 'no_signal':
|
||||
return 'bg-danger';
|
||||
case 'planned':
|
||||
return 'bg-primary';
|
||||
case 'downloading':
|
||||
case 'processing':
|
||||
return 'bg-warning text-dark';
|
||||
default:
|
||||
return 'bg-secondary';
|
||||
}
|
||||
}
|
||||
|
||||
function getPriorityBadgeClass(priority) {
|
||||
switch(priority) {
|
||||
case 'high':
|
||||
return 'bg-danger';
|
||||
case 'medium':
|
||||
return 'bg-warning text-dark';
|
||||
default:
|
||||
return 'bg-secondary';
|
||||
}
|
||||
}
|
||||
|
||||
function openCreateRequestModalForSource() {
|
||||
document.getElementById('createRequestModalTitle').textContent = 'Создать заявку';
|
||||
document.getElementById('createRequestForm').reset();
|
||||
document.getElementById('editRequestId').value = '';
|
||||
document.getElementById('editRequestSourceId').value = currentRequestsSourceId;
|
||||
document.getElementById('editSourceDataCard').style.display = 'none';
|
||||
document.getElementById('editRequestCoordsLat').value = '';
|
||||
document.getElementById('editRequestCoordsLon').value = '';
|
||||
document.getElementById('editRequestPointsCount').value = '-';
|
||||
|
||||
// Загружаем данные источника
|
||||
loadSourceDataForRequest(currentRequestsSourceId);
|
||||
|
||||
const modal = new bootstrap.Modal(document.getElementById('createRequestModal'));
|
||||
modal.show();
|
||||
}
|
||||
|
||||
function loadSourceDataForRequest(sourceId) {
|
||||
fetch(`{% url 'mainapp:source_data_api' source_id=0 %}`.replace('0', sourceId))
|
||||
.then(response => response.json())
|
||||
.then(data => {
|
||||
if (data.found) {
|
||||
document.getElementById('editRequestObjitemName').value = data.objitem_name || '-';
|
||||
document.getElementById('editRequestModulation').value = data.modulation || '-';
|
||||
document.getElementById('editRequestSymbolRate').value = data.symbol_rate || '-';
|
||||
document.getElementById('editRequestPointsCount').value = data.points_count || '0';
|
||||
|
||||
if (data.coords_lat !== null && !document.getElementById('editRequestCoordsLat').value) {
|
||||
document.getElementById('editRequestCoordsLat').value = data.coords_lat.toFixed(6);
|
||||
}
|
||||
if (data.coords_lon !== null && !document.getElementById('editRequestCoordsLon').value) {
|
||||
document.getElementById('editRequestCoordsLon').value = data.coords_lon.toFixed(6);
|
||||
}
|
||||
|
||||
document.getElementById('editSourceDataCard').style.display = 'block';
|
||||
}
|
||||
})
|
||||
.catch(error => {
|
||||
console.error('Error loading source data:', error);
|
||||
});
|
||||
}
|
||||
|
||||
function editSourceRequest(requestId) {
|
||||
document.getElementById('createRequestModalTitle').textContent = 'Редактировать заявку';
|
||||
|
||||
fetch(`/api/source-request/${requestId}/`)
|
||||
.then(response => response.json())
|
||||
.then(data => {
|
||||
document.getElementById('editRequestId').value = data.id;
|
||||
document.getElementById('editRequestSourceId').value = data.source_id;
|
||||
document.getElementById('editRequestStatus').value = data.status;
|
||||
document.getElementById('editRequestPriority').value = data.priority;
|
||||
document.getElementById('editRequestPlannedAt').value = data.planned_at || '';
|
||||
document.getElementById('editRequestDate').value = data.request_date || '';
|
||||
document.getElementById('editRequestGsoSuccess').value = data.gso_success === null ? '' : data.gso_success.toString();
|
||||
document.getElementById('editRequestKubsatSuccess').value = data.kubsat_success === null ? '' : data.kubsat_success.toString();
|
||||
document.getElementById('editRequestComment').value = data.comment || '';
|
||||
|
||||
// Заполняем данные источника
|
||||
document.getElementById('editRequestObjitemName').value = data.objitem_name || '-';
|
||||
document.getElementById('editRequestModulation').value = data.modulation || '-';
|
||||
document.getElementById('editRequestSymbolRate').value = data.symbol_rate || '-';
|
||||
document.getElementById('editRequestPointsCount').value = data.points_count || '0';
|
||||
|
||||
// Заполняем координаты
|
||||
if (data.coords_lat !== null) {
|
||||
document.getElementById('editRequestCoordsLat').value = data.coords_lat.toFixed(6);
|
||||
} else {
|
||||
document.getElementById('editRequestCoordsLat').value = '';
|
||||
}
|
||||
if (data.coords_lon !== null) {
|
||||
document.getElementById('editRequestCoordsLon').value = data.coords_lon.toFixed(6);
|
||||
} else {
|
||||
document.getElementById('editRequestCoordsLon').value = '';
|
||||
}
|
||||
|
||||
document.getElementById('editSourceDataCard').style.display = 'block';
|
||||
|
||||
const modal = new bootstrap.Modal(document.getElementById('createRequestModal'));
|
||||
modal.show();
|
||||
})
|
||||
.catch(error => {
|
||||
console.error('Error loading request:', error);
|
||||
alert('Ошибка загрузки данных заявки');
|
||||
});
|
||||
}
|
||||
|
||||
function saveSourceRequest() {
|
||||
const form = document.getElementById('createRequestForm');
|
||||
const formData = new FormData(form);
|
||||
const requestId = document.getElementById('editRequestId').value;
|
||||
|
||||
const url = requestId
|
||||
? `/source-requests/${requestId}/edit/`
|
||||
: '{% url "mainapp:source_request_create" %}';
|
||||
|
||||
fetch(url, {
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'X-CSRFToken': formData.get('csrfmiddlewaretoken'),
|
||||
'X-Requested-With': 'XMLHttpRequest'
|
||||
},
|
||||
body: formData
|
||||
})
|
||||
.then(response => response.json())
|
||||
.then(result => {
|
||||
if (result.success) {
|
||||
// Properly close modal and remove backdrop
|
||||
const modalEl = document.getElementById('createRequestModal');
|
||||
const modalInstance = bootstrap.Modal.getInstance(modalEl);
|
||||
if (modalInstance) {
|
||||
modalInstance.hide();
|
||||
}
|
||||
// Remove any remaining backdrops
|
||||
document.querySelectorAll('.modal-backdrop').forEach(el => el.remove());
|
||||
document.body.classList.remove('modal-open');
|
||||
document.body.style.removeProperty('overflow');
|
||||
document.body.style.removeProperty('padding-right');
|
||||
|
||||
showSourceRequests(currentRequestsSourceId);
|
||||
} else {
|
||||
alert('Ошибка: ' + JSON.stringify(result.errors));
|
||||
}
|
||||
})
|
||||
.catch(error => {
|
||||
console.error('Error saving request:', error);
|
||||
alert('Ошибка сохранения заявки');
|
||||
});
|
||||
}
|
||||
|
||||
function deleteSourceRequest(requestId) {
|
||||
if (!confirm('Вы уверены, что хотите удалить эту заявку?')) {
|
||||
return;
|
||||
}
|
||||
|
||||
fetch(`/source-requests/${requestId}/delete/`, {
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'X-CSRFToken': document.querySelector('[name=csrfmiddlewaretoken]').value
|
||||
}
|
||||
})
|
||||
.then(response => response.json())
|
||||
.then(result => {
|
||||
if (result.success) {
|
||||
showSourceRequests(currentRequestsSourceId);
|
||||
} else {
|
||||
alert('Ошибка: ' + result.error);
|
||||
}
|
||||
})
|
||||
.catch(error => {
|
||||
console.error('Error deleting request:', error);
|
||||
alert('Ошибка удаления заявки');
|
||||
});
|
||||
}
|
||||
|
||||
function showRequestHistory(requestId) {
|
||||
const modal = new bootstrap.Modal(document.getElementById('requestHistoryModal'));
|
||||
modal.show();
|
||||
|
||||
const modalBody = document.getElementById('requestHistoryModalBody');
|
||||
modalBody.innerHTML = '<div class="text-center py-4"><div class="spinner-border text-primary" role="status"><span class="visually-hidden">Загрузка...</span></div></div>';
|
||||
|
||||
fetch(`/api/source-request/${requestId}/`)
|
||||
.then(response => response.json())
|
||||
.then(data => {
|
||||
if (data.history && data.history.length > 0) {
|
||||
let html = '<table class="table table-sm table-striped"><thead><tr><th>Старый статус</th><th>Новый статус</th><th>Дата изменения</th><th>Пользователь</th></tr></thead><tbody>';
|
||||
data.history.forEach(h => {
|
||||
html += `<tr><td>${h.old_status}</td><td>${h.new_status}</td><td>${h.changed_at}</td><td>${h.changed_by}</td></tr>`;
|
||||
});
|
||||
html += '</tbody></table>';
|
||||
modalBody.innerHTML = html;
|
||||
} else {
|
||||
modalBody.innerHTML = '<div class="alert alert-info">История изменений пуста</div>';
|
||||
}
|
||||
})
|
||||
.catch(error => {
|
||||
modalBody.innerHTML = '<div class="alert alert-danger">Ошибка загрузки истории</div>';
|
||||
});
|
||||
}
|
||||
</script>
|
||||
|
||||
{% endblock %}
|
||||
|
||||
Reference in New Issue
Block a user