Переработаны роутеры приложения

Переписано APi WebSocket для работы с новыми роутерами
2025-10-03 17:11:31 +03:00
parent d75fb7ec3d
commit 6ec6523d71
54 changed files with 2593 additions and 3749 deletions
--- a/web/lib/pages/stand/card/style.css
+++ b/web/lib/pages/stand/card/style.css
@@ -0,0 +1,148 @@
+.page-stand-card {
+    width: calc(100% - 40px);
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    margin: 20px 20px 0 20px;
+}
+
+.page-stand-card details {
+    border-radius: var(--border-radius);
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: stretch;
+    margin-bottom: 20px;
+    background: var(--ColorThemes1);
+    color: var(--ColorThemes3);
+    border: 1px solid var(--ColorThemes2);
+    box-shadow: var(--shadow-l1);
+}
+
+.page-stand-card summary {
+    width: calc(100% - 40px);
+    cursor: pointer;
+    color: var(--ColorThemes3);
+    border-radius: var(--border-radius);
+    font-size: var(--FontSize5);
+    font-weight: 300;
+    padding: 20px;
+    position: relative;
+}
+
+#stand-info div {
+    display: flex;
+    flex-direction: row;
+    display: flex;
+    flex-direction: row;
+    padding: 10px;
+    color: var(--ColorThemes3);
+    align-items: center;
+}
+
+#stand-info div span {
+    opacity: 0.8;
+    font-weight: 400;
+    font-size: var(--FontSize2);
+    margin-right: 5px;
+}
+
+#stand-info div p {
+    font-weight: 300;
+    font-size: var(--FontSize4);
+}
+
+#stand-info img {
+    position: relative;
+    display: inline-block;
+    width: calc(100% - 20px);
+    border-radius: calc(var(--border-radius) - 8px);
+    margin: 10px;
+    height: auto;
+    aspect-ratio: 16 / 9;
+    background-color: #f2e5c9;
+}
+
+#stand-info img::before {
+    content: "Приклад розташування";
+    display: block;
+    color: #555;
+    text-align: center;
+    padding: 10px;
+}
+
+#stand-schedule {
+    width: 100%;
+    min-height: calc(100vh - 40px - 50px);
+    height: fit-content;
+    margin: 0 10px 15px;
+    border-radius: var(--border-radius);
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+    background: var(--ColorThemes1);
+    color: var(--ColorThemes3);
+    border: 1px solid var(--ColorThemes2);
+    box-shadow: var(--shadow-l1);
+    transition: all .2sease 0s;
+}
+
+#stand-schedule>.block-day {
+    display: flex;
+    flex-direction: column;
+    width: calc(100% - 20px);
+    margin: 10px;
+    padding: 10px 0;
+    border: 1px solid var(--PrimaryColor);
+    background-color: var(--ColorThemes2);
+    border: 1px solid var(--ColorThemes0);
+    min-height: 100px;
+    justify-content: center;
+    position: relative;
+    border-radius: calc(var(--border-radius) - 5px);
+    overflow-x: auto;
+}
+
+#stand-schedule>.block-day h3 {
+    font-size: 17px;
+    font-weight: 500;
+    padding: 10px;
+    text-transform: capitalize;
+    width: calc(100% - 20px);
+    text-align: center;
+}
+
+#stand-schedule>.block-day div {
+    display: flex;
+    flex-direction: row;
+    padding: 5px 0;
+    margin: 0 10px;
+    align-items: center;
+    min-width: calc(100% - 20px);
+    width: fit-content;
+}
+
+#stand-schedule>.block-day div span {
+    min-width: 85px;
+    padding: 0 5px;
+}
+
+#stand-schedule>.block-day div select {
+    width: 100%;
+    min-width: 140px;
+    padding: 0 5px;
+    margin: 0 5px;
+    border-radius: calc(var(--border-radius) - 5px - 4px);
+    height: 30px;
+    background-color: var(--ColorThemes0);
+    color: var(--ColorThemes3);
+}
+
+#stand-schedule>.block-day div:nth-child(2n) {
+    background: var(--ColorThemes0);
+    border-radius: 8px;
+}
+
+#stand-schedule>.block-day div:nth-child(2n) select {
+    background-color: var(--ColorThemes2);
+}