Files
dc-observatio/services/pcp-ui-service/src/main/resources/templates/satellites-pdcm.html
T
Дмитрий Соловьев d48ddd2657 Init
2026-05-25 14:23:52 +03:00

74 lines
3.5 KiB
HTML

<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org"
xmlns:layout="http://www.w3.org/1999/xhtml"
layout:decorate="~{layouts/main-layout}">
<head>
<title>ПДЦМ</title>
<link rel="stylesheet" href="/css/catalog.css"/>
<link rel="stylesheet" href="/css/satellite-pdcm.css"/>
</head>
<body>
<th:block layout:fragment="content">
<div id="satellite-pdcm-page" class="catalog-page py-3">
<div class="d-flex justify-content-between align-items-start flex-wrap gap-3 mb-4">
<div>
<h2 class="mb-1">Параметры движения центра масс</h2>
<div class="catalog-helper">Табличное представление asc-node по выбранному спутнику.</div>
</div>
<button id="satellite-pdcm-refresh" type="button" class="btn btn-outline-secondary">Обновить</button>
</div>
<div id="satellite-pdcm-alert"></div>
<div class="row g-4">
<div class="col-12 col-lg-4 col-xl-3">
<div class="card catalog-card catalog-list-card satellite-pdcm-sidebar h-100">
<div class="card-header">
<div class="catalog-section-title">Спутники</div>
</div>
<div class="card-body catalog-list p-0">
<table class="table table-hover mb-0">
<thead class="table-light">
<tr>
<th>Спутник</th>
<th>Интервал</th>
</tr>
</thead>
<tbody id="satellite-pdcm-list"></tbody>
</table>
</div>
</div>
</div>
<div class="col-12 col-lg-8 col-xl-9">
<div class="d-flex flex-column gap-4">
<div class="card catalog-card">
<div class="card-header">
<div class="catalog-section-title">Сводка</div>
</div>
<div class="card-body">
<div id="satellite-pdcm-summary" class="satellite-pdcm-summary-root">
<div class="catalog-helper">Выберите спутник слева.</div>
</div>
</div>
</div>
<div class="card catalog-card">
<div class="card-header d-flex justify-content-between align-items-center gap-2 flex-wrap">
<div class="catalog-section-title">Asc-node</div>
<button id="satellite-pdcm-export" type="button" class="btn btn-sm btn-outline-primary" disabled>Скачать CSV</button>
</div>
<div class="card-body">
<div id="satellite-pdcm-table-empty" class="catalog-empty">Нет доступного интервала ПДЦМ для выбранного спутника.</div>
<div id="satellite-pdcm-table-wrap" class="satellite-pdcm-table-wrap d-none"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="/satellite_pdcm_scripts.js"></script>
</th:block>
</body>
</html>