emelianov
88 lines
4.3 KiB
HTML
88 lines
4.3 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>
|
|
<div class="d-flex gap-2 flex-wrap justify-content-end align-items-end satellite-pdcm-send-controls">
|
|
<div>
|
|
<label for="satellite-pdcm-send-ic-time" class="form-label catalog-helper mb-1">Время НУ</label>
|
|
<input
|
|
id="satellite-pdcm-send-ic-time"
|
|
type="text"
|
|
class="form-control satellite-pdcm-send-time"
|
|
inputmode="numeric"
|
|
placeholder="dd.mm.yyyy hh:MM:ss.zzz"
|
|
aria-label="Время НУ"
|
|
/>
|
|
</div>
|
|
<button id="satellite-pdcm-send-ic" type="button" class="btn btn-outline-primary" disabled>Передать НУ в slot-service</button>
|
|
<button id="satellite-pdcm-refresh" type="button" class="btn btn-outline-secondary">Обновить</button>
|
|
</div>
|
|
</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>
|