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

Переписано 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/territory/card/style.css
+++ b/web/lib/pages/territory/card/style.css
@@ -0,0 +1,152 @@
+.page-card {
+    width: calc(100% - 40px);
+    display: flex;
+    flex-direction: column;
+    margin: 20px 20px 0 20px;
+}
+
+
+.page-card>.list-controls {
+    padding: 10px;
+    margin: 0px 0 10px 0;
+    background: var(--ColorThemes1);
+    color: var(--ColorThemes3);
+    border: 1px solid var(--ColorThemes2);
+    box-shadow: var(--shadow-l1);
+    border-radius: var(--border-radius);
+    overflow: auto;
+    display: flex;
+    justify-content: space-between;
+}
+
+#page-card-sort {
+    display: flex;
+}
+
+#page-card-sort button {
+    display: none;
+    font-size: 18px;
+    background: 0;
+    cursor: pointer;
+    min-width: 30px;
+    height: 30px;
+    padding: 0;
+    margin-right: 10px;
+    align-items: center;
+    align-content: center;
+    justify-content: center;
+    color: var(--ColorThemes3);
+    border-radius: calc(var(--border-radius) - 5px - 2px);
+    border: 1px solid var(--ColorThemes0);
+}
+
+#page-card-sort button[data-state="active"] {
+    background: var(--PrimaryColor);
+}
+
+#page-card-sort button:hover {
+    background: var(--ColorThemes3);
+}
+
+#page-card-sort button>svg {
+    width: 22px;
+    fill: var(--PrimaryColorText);
+}
+
+#page-card-sort button:hover svg {
+    fill: var(--ColorThemes1);
+}
+
+#page-card-sort button:hover {
+    display: none;
+    opacity: 1;
+}
+
+#page-card-sort button[data-state="active"] {
+    display: flex;
+}
+
+#page-card-status {
+    display: flex;
+}
+
+#page-card-status>div {
+    display: none;
+}
+
+#page-card-status>div[data-state="active"] {
+    display: flex;
+    align-items: center;
+    margin-right: 2px;
+}
+
+#page-card-status>div>svg {
+    width: 25px;
+    height: 25px;
+    fill: var(--ColorThemes3);
+    margin-top: -2px;
+}
+
+
+#card-new-date {
+    display: flex;
+    width: 100%;
+    height: 100%;
+    left: 0;
+    top: 0;
+    position: fixed;
+    z-index: 999;
+    backdrop-filter: blur(10px);
+    -webkit-backdrop-filter: blur(10px);
+    background: rgb(31 31 33 / 41%);
+    transition: all .2s ease 0s;
+}
+
+#card-new-date>.mess {
+    display: flex;
+    width: 300px;
+    height: 100px;
+    border: 1px solid var(--ColorThemes2);
+    background: var(--ColorThemes0);
+    box-shadow: 0px 2px 3px rgb(0 0 0 / 5%), 0px 5px 15px rgb(0 0 0 / 5%), 0px 4px 8px rgb(0 0 0 / 5%), 0px 0px 1px rgb(0 0 0 / 5%);
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    margin-top: -50px;
+    margin-left: -160px;
+    flex-direction: column;
+    align-items: center;
+    z-index: 9999;
+    padding: 10px;
+    border-radius: 15px;
+    justify-content: space-between;
+
+}
+
+#card-new-date>.mess>button {
+    width: 100%;
+    min-width: 140px;
+    padding: 0 5px;
+    border-radius: 6px;
+    height: 30px;
+    background-color: var(--PrimaryColor);
+    color: var(--PrimaryColorText);
+    cursor: pointer;
+    font-size: var(--FontSize4);
+    font-weight: 400;
+}
+
+#card-new-date>.mess>input {
+    width: calc(100% - 10px);
+    min-width: 140px;
+    padding: 0 5px;
+    border-radius: 6px;
+    height: 30px;
+    background-color: var(--ColorThemes2);
+    color: var(--ColorThemes3);
+    cursor: pointer;
+    font-size: var(--FontSize4);
+    font-weight: 400;
+    -webkit-appearance: none;
+    -moz-appearance: none;
+}