0.0.42 fix form

static/v2/css/widgets/w_route_card.css

@@ -1,6 +1,7 @@
 .w_route_card {
     padding: 20px;
     --route-card-bg: #FFFFFF;
+    --route-card-margin: 20px 0;
     --route-card-box_shadow: 0 -1px 10px rgba(198, 199, 203, 0.2), -1px 4px 10px rgba(198, 199, 203, 0.2);
     --route-text-color: #272424;
 
@@ -34,6 +35,7 @@
     --route-btn-text-data-color:  #27242499;
 
     background: var(--route-card-bg);
+    margin: var(--route-card-margin);
     box-shadow: var(--route-card-box_shadow);
     border-radius: 10px;
     color: var(--route-text-color);
@@ -84,6 +86,9 @@
                     background: #E6E6E6;
                 }
                 .card_owner_type{
+                    &.mover{
+                        --route-owner-type-color: #45C226;
+                    }
                     font-size: var(--medium-font-size);
                     color: var(--route-owner-type-color);
                     font-weight: 600;
@@ -174,7 +179,7 @@
                     border-radius: 100%;
                     position: absolute;
                     top: -10px;
-                    z-index: 2;
+                    z-index: 11;
                     &:first-of-type{
                         border: 3px solid #065BFF;
                         left: 0;
@@ -202,6 +207,7 @@
                     z-index: 10;
                     background-image: url("/static/v2/icons/widgets/w_route_card/route_arrow.svg");
                     background-repeat: repeat-x;
+                    background-size: 10px;
                 }
             }
         }

static/v2/icons/widgets/w_route_card/phone_half_opacity.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="15" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.74083 6.54208C4.88083 8.7825 6.7175 10.6112 8.95792 11.7592L10.6996 10.0175C10.9133 9.80375 11.23 9.7325 11.5071 9.8275C12.3938 10.1204 13.3517 10.2788 14.3333 10.2788C14.7688 10.2788 15.125 10.635 15.125 11.0704V13.8333C15.125 14.2688 14.7688 14.625 14.3333 14.625C6.89958 14.625 0.875 8.60042 0.875 1.16667C0.875 0.73125 1.23125 0.375 1.66667 0.375H4.4375C4.87292 0.375 5.22917 0.73125 5.22917 1.16667C5.22917 2.15625 5.3875 3.10625 5.68042 3.99292C5.7675 4.27 5.70417 4.57875 5.4825 4.80042L3.74083 6.54208Z" fill="#FF613A" fill-opacity="0.6"/>
+</svg>

static/v2/js/forms/f_make_mover_order.js

@@ -17,11 +17,11 @@ function makeMoverOrder(form) {
             if (!profile_root) return;
             profile_root.innerHTML = res.html
 
-            let created_route = document.querySelector(`[data-number-of-route="${created_route_id}"]`);
+            let created_route = document.querySelector(`.w_route_card[data-route_id="${created_route_id}"]`);
             created_route.scrollIntoView({
                 behavior:"smooth",
-                block:'start',
-                inline:'start'
+                block:'center',
+                inline:'center'
             });
 
             let new_url = window.location.pathname

static/v2/js/forms/f_make_poster_order.js

@@ -17,7 +17,7 @@ function makePosterOrder(form) {
             if (!profile_root) return;
             profile_root.innerHTML = res.html
 
-            let created_route = document.querySelector(`[data-number-of-route="${created_route_id}"]`);
+            let created_route = document.querySelector(`.w_route_card[data-route_id="${created_route_id}"]`);
             created_route.scrollIntoView({
                 behavior:"smooth",
                 block:'start',

static/v2/js/widgets/w_route_card.js

@@ -0,0 +1,22 @@
+function changeRoute(el) {
+    if (!el) return;
+    let $parent = el.closest(".w_route_card")
+    if (!$parent) return;
+
+    let data = {
+        'route_id': $parent.dataset.route_id,
+        'owner_type': $parent.dataset.owner_type,
+    }
+    let request = new api({
+        url: '/routes/create_or_change_route/',
+        data: data,
+        data_type: 'json',
+        success: (res) => {
+
+        }, error: (res) => {
+
+        }
+    });
+
+    request.ajaxRequest()
+}