отображение забронированных слотов и тестовые НУ

2026-05-25 21:02:50 +03:00
parent d48ddd2657
commit f549e15c63
19 changed files with 1319 additions and 9 deletions
@@ -0,0 +1,164 @@
+.bookings-page {
+    height: calc(100vh - 4.25rem);
+    max-height: calc(100vh - 4.25rem);
+    min-height: 0;
+    overflow: hidden;
+    display: flex;
+    flex-direction: column;
+    padding-bottom: 0 !important;
+}
+
+.bookings-page > .d-flex:first-child,
+#bookings-alert,
+.bookings-filter-card {
+    flex: 0 0 auto;
+}
+
+.bookings-layout {
+    flex: 1 1 0;
+    min-height: 0;
+    overflow: hidden;
+}
+
+.bookings-layout > [class*="col-"] {
+    min-height: 0;
+    display: flex;
+    flex-direction: column;
+}
+
+.bookings-layout > [class*="col-"] > .catalog-card {
+    flex: 1 1 auto;
+    min-height: 0;
+    width: 100%;
+}
+
+.bookings-satellites-card,
+.bookings-table-card {
+    overflow: hidden;
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    min-height: 0;
+    max-height: calc(100vh - 17rem);
+}
+
+.bookings-satellites-card .card-header,
+.bookings-table-card .card-header {
+    flex: 0 0 auto;
+}
+
+.bookings-satellites-wrap,
+.bookings-table-card .card-body {
+    flex: 1 1 auto;
+    min-height: 0;
+    overflow: auto;
+}
+
+.bookings-satellites-wrap {
+    height: calc(100vh - 23rem);
+    max-height: calc(100vh - 23rem);
+    overflow-y: auto;
+    overflow-x: hidden;
+}
+
+.bookings-table-card .card-body {
+    display: flex;
+    flex-direction: column;
+}
+
+.bookings-table-wrap {
+    flex: 1 1 auto;
+    min-height: 0;
+    height: calc(100vh - 21rem);
+    max-height: calc(100vh - 21rem);
+    overflow: auto;
+}
+
+.bookings-check-col {
+    width: 2rem;
+}
+
+.bookings-satellites-table tbody tr {
+    cursor: pointer;
+}
+
+.bookings-selected-row > td {
+    background: rgba(13, 110, 253, 0.12) !important;
+}
+
+.bookings-id {
+    font-family: var(--bs-font-monospace);
+    font-size: 0.82rem;
+}
+
+.bookings-main-text {
+    font-weight: 600;
+}
+
+.bookings-sub-text {
+    color: #6c757d;
+    font-size: 0.82rem;
+}
+
+.bookings-badge {
+    display: inline-flex;
+    align-items: center;
+    border: 1px solid rgba(108, 117, 125, 0.35);
+    border-radius: 999px;
+    padding: 0.1rem 0.45rem;
+    font-size: 0.78rem;
+    color: #495057;
+    background: rgba(248, 249, 250, 0.9);
+}
+
+.bookings-time-cell {
+    min-width: 15rem;
+}
+
+.bookings-status-booked {
+    border-color: rgba(13, 110, 253, 0.35);
+    color: #084298;
+    background: rgba(13, 110, 253, 0.12);
+}
+
+.bookings-status-processed,
+.bookings-status-finished {
+    border-color: rgba(25, 135, 84, 0.4);
+    color: #0f5132;
+    background: rgba(25, 135, 84, 0.14);
+}
+
+.bookings-status-failed,
+.bookings-status-canceled,
+.bookings-status-cancelled {
+    border-color: rgba(220, 53, 69, 0.4);
+    color: #842029;
+    background: rgba(220, 53, 69, 0.14);
+}
+
+@media (max-width: 1199.98px) {
+    .bookings-page {
+        height: auto;
+        max-height: none;
+        overflow: visible;
+        padding-bottom: 1rem !important;
+    }
+
+    .bookings-layout,
+    .bookings-layout > [class*="col-"],
+    .bookings-layout > [class*="col-"] > .catalog-card,
+    .bookings-satellites-card,
+    .bookings-table-card,
+    .bookings-satellites-wrap,
+    .bookings-table-wrap,
+    .bookings-table-card .card-body {
+        overflow: visible;
+        height: auto;
+        max-height: none;
+        min-height: initial;
+    }
+
+    .bookings-layout > [class*="col-"] {
+        display: block;
+    }
+}
@@ -11,6 +11,10 @@
    min-height: 1.5rem;
 }

+.satellite-pdcm-send-time {
+    width: 15rem;
+}
+
 .satellite-pdcm-status {
    display: inline-flex;
    width: 0.75rem;