добавил тестовую страницу загруженности аудиторий

2026-03-31 15:00:38 +03:00
parent cd6cc6f5f7
commit 73995f86f8
5 changed files with 393 additions and 0 deletions
--- a/frontend/admin/css/auditorium-workload.css
+++ b/frontend/admin/css/auditorium-workload.css
@@ -0,0 +1,154 @@
+/* ===== Auditorium Workload Specific Styles ===== */
+
+.workload-grid-container {
+    width: 100%;
+    max-height: 600px;
+    overflow: auto;
+    border-radius: var(--radius-sm);
+    border: 1px solid var(--bg-card-border);
+    position: relative;
+}
+
+.workload-table {
+    width: 100%;
+    border-collapse: collapse;
+    min-width: 800px;
+    table-layout: fixed;
+}
+
+.workload-table th, .workload-table td {
+    border: 1px solid var(--bg-card-border);
+    padding: 0.5rem;
+    vertical-align: top;
+    position: relative;
+    min-width: 150px;
+    height: 80px;
+}
+
+.workload-table th {
+    background: var(--bg-input);
+    color: var(--text-secondary);
+    font-weight: 500;
+    text-align: center;
+    position: sticky;
+    top: 0;
+    z-index: 10;
+    padding: 1rem 0.5rem;
+    box-shadow: 0 1px 0 var(--bg-card-border);
+}
+
+.workload-table .time-cell {
+    background: var(--bg-input);
+    color: var(--text-secondary);
+    font-weight: 500;
+    text-align: center;
+    vertical-align: middle;
+    width: 120px;
+    min-width: 120px;
+    position: sticky;
+    left: 0;
+    z-index: 5;
+    box-shadow: 1px 0 0 var(--bg-card-border);
+}
+
+.workload-table .top-left-cell {
+    position: sticky;
+    top: 0;
+    left: 0;
+    z-index: 20;
+    background: var(--bg-input);
+    min-width: 120px;
+    width: 120px;
+    box-shadow: 1px 1px 0 var(--bg-card-border);
+}
+
+/* Diagonal line using SVG or linear-gradient */
+.workload-table .top-left-cell::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-image: linear-gradient(
+        to bottom right,
+        transparent calc(50% - 1px),
+        var(--bg-card-border) 50%,
+        transparent calc(50% + 1px)
+    );
+    pointer-events: none;
+}
+
+.top-left-cell span.top-label {
+    position: absolute;
+    top: 0.5rem;
+    right: 0.5rem;
+    font-size: 0.75rem;
+    color: var(--text-secondary);
+}
+
+.top-left-cell span.bottom-label {
+    position: absolute;
+    bottom: 0.5rem;
+    left: 0.5rem;
+    font-size: 0.75rem;
+    color: var(--text-secondary);
+}
+
+/* Lesson Cards inside grid cells */
+.lesson-card {
+    background: var(--bg-card);
+    border: 1px solid var(--bg-card-border);
+    border-radius: var(--radius-sm);
+    padding: 0.5rem;
+    font-size: 0.8rem;
+    margin-bottom: 0.25rem;
+    transition: all 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+}
+
+[data-theme="light"] .lesson-card {
+    background: rgba(255, 255, 255, 0.9);
+}
+
+.lesson-card:hover {
+    background: var(--bg-hover);
+    transform: translateY(-2px);
+    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
+    border-color: var(--accent);
+}
+
+.lesson-subject {
+    font-weight: 600;
+    color: var(--text-primary);
+    margin-bottom: 0.2rem;
+    line-height: 1.2;
+}
+
+.lesson-group {
+    font-weight: 700; /* Bolder specific for groups request mockup */
+    color: var(--text-primary);
+    margin-bottom: 0.1rem;
+    font-size: 0.75rem;
+}
+
+.lesson-teacher {
+    color: var(--text-secondary);
+    font-size: 0.75rem;
+}
+
+/* Custom scrollbar adjustments for grid container */
+.workload-grid-container::-webkit-scrollbar {
+    width: 8px;
+    height: 8px;
+}
+.workload-grid-container::-webkit-scrollbar-track {
+    background: transparent;
+}
+.workload-grid-container::-webkit-scrollbar-thumb {
+    background: rgba(255, 255, 255, 0.15);
+    border-radius: 8px;
+}
+[data-theme="light"] .workload-grid-container::-webkit-scrollbar-thumb {
+    background: rgba(0, 0, 0, 0.15);
+}