Додана сторінка "Розклад зібрань"

Перероблен генератор карточок територій APІ

web/lib/pages/home/index.html

@@ -1,5 +1,19 @@
 <div class="page-home">
-  <details id="details-personal-territory" open style="display: none;">
+  <div class="buttons-list" id="buttons-list">
+    <a href="/territory/map" data-route id="mapButton">
+      <?xml version="1.0"?><svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+      >
+        <path
+          d="M 18 0 C 15.791 0 14 1.791 14 4 C 14 6.062 16.082187 8.7932969 17.242188 10.154297 C 17.641188 10.622297 18.358812 10.622297 18.757812 10.154297 C 19.916813 8.7932969 22 6.062 22 4 C 22 1.791 20.209 0 18 0 z M 18 2.5703125 C 18.789 2.5703125 19.429688 3.211 19.429688 4 C 19.429688 4.789 18.789 5.4296875 18 5.4296875 C 17.211 5.4296875 16.570312 4.789 16.570312 4 C 16.570312 3.211 17.211 2.5703125 18 2.5703125 z M 8.9726562 3.0644531 C 8.7399063 3.0713281 8.5085625 3.1195313 8.2890625 3.2070312 L 4.2578125 4.8203125 C 3.4988125 5.1243125 3 5.8597344 3 6.6777344 L 3 18.521484 C 3 19.936484 4.4281875 20.903906 5.7421875 20.378906 L 9.03125 19.064453 L 14.337891 20.832031 C 14.786891 20.982031 15.273891 20.967969 15.712891 20.792969 L 19.742188 19.179688 C 20.501188 18.876688 21 18.140266 21 17.322266 L 21 10.585938 C 20.308 11.465937 19.6965 12.122625 19.4375 12.390625 C 18.6515 13.204625 17.346547 13.204625 16.560547 12.390625 C 16.301547 12.122625 15.690047 11.465938 14.998047 10.585938 L 14.998047 17.541016 C 14.998047 18.222016 14.332547 18.703234 13.685547 18.490234 L 9.6855469 17.173828 C 9.2765469 17.037828 9 16.653656 9 16.222656 L 9 6.4550781 C 9 5.7750781 9.6645469 5.2948594 10.310547 5.5058594 L 12.427734 6.1972656 C 12.165734 5.4612656 12 4.718 12 4 C 12 3.982 12.003906 3.9652656 12.003906 3.9472656 L 9.6640625 3.1679688 C 9.4395625 3.0929687 9.2054062 3.0575781 8.9726562 3.0644531 z"
+        />
+      </svg>
+      <span>Карта території</span>
+    </a>
+  </div>
+
+  <details id="details-personal-territory" open style="display: none">
     <summary>
       <span>Території для опрацювання</span>
     </summary>
@@ -7,7 +21,7 @@
     <div id="home-personal-territory-list"></div>
   </details>
 
-  <details id="details-group-territory" open style="display: none;">
+  <details id="details-group-territory" open style="display: none">
     <summary>
       <span>Групові території</span>
     </summary>

web/lib/pages/home/script.js

@@ -128,7 +128,7 @@ const Home = {
             card.className = "card";
 
             card.innerHTML = `
-                <i style="background-image: url(https://sheep-service.com/cards/${type}/${type === "house" ? "T" : "H"}${el.id}.webp);"></i>
+                <i style="background-image: url(${CONFIG.web}cards/${type}/${type === "house" ? "T" : "H"}${el.id}.webp);"></i>
                 <div class="contents">
                     <div class="info">
                         <div><p>${el.title} ${el.number}</p></div>

web/lib/pages/home/style.css

@@ -5,6 +5,47 @@
     margin: 20px 20px 0 20px;
 }
 
+.page-home>.buttons-list {
+    padding: 10px;
+    margin-bottom: 40px;
+    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;
+}
+
+.page-home>.buttons-list>button,
+.page-home>.buttons-list>a {
+    cursor: pointer;
+    border-radius: calc(var(--border-radius) - 5px);
+    padding: 0 10px;
+    margin-right: 20px;
+    min-width: fit-content;
+    min-height: 40px;
+    background: var(--PrimaryColor);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.page-home>.buttons-list>button>span,
+.page-home>.buttons-list>a>span {
+    color: var(--PrimaryColorText);
+    font-size: var(--FontSize3);
+    font-weight: normal;
+}
+
+.page-home>.buttons-list>button>svg,
+.page-home>.buttons-list>a>svg {
+    width: 20px;
+    height: 20px;
+    fill: var(--PrimaryColorText);
+    margin-right: 10px;
+}
+
 .page-home details {
     border-radius: var(--border-radius);
     width: 100%;
@@ -71,7 +112,7 @@
     margin: 10px;
     overflow: hidden;
     cursor: pointer;
-    border-radius: 10px;
+    border-radius: calc(var(--border-radius) - 5px);
 }
 
 @media (max-width: 2300px) {
@@ -121,6 +162,7 @@
     background-size: cover;
     background-position: center;
     background-color: var(--PrimaryColor);
+    border-radius: calc(var(--border-radius) - 5px);
 }
 
 .page-home .card>a {
@@ -143,6 +185,7 @@
     flex-direction: column;
     align-items: stretch;
     justify-content: space-between;
+    border-radius: calc(var(--border-radius) - 5px);
 }
 
 .page-home .info {