From 33239e3c90ca5167de274b04601cf6e4990b1657 Mon Sep 17 00:00:00 2001
From: SBD <strigevitch.boris@gmail.com>
Date: Wed, 15 Jan 2025 18:00:11 +0300
Subject: [PATCH] 0.0.30 forms

---
 static/v2/css/widgets/w_route_card.css        | 67 ++++++++++++++++++-
 .../v2/widgets/w_customer_route_card.html     | 16 +++++
 templates/v2/widgets/w_select_country.html    |  2 +-
 3 files changed, 83 insertions(+), 2 deletions(-)

diff --git a/static/v2/css/widgets/w_route_card.css b/static/v2/css/widgets/w_route_card.css
index 7f6ad39..09ddf8d 100644
--- a/static/v2/css/widgets/w_route_card.css
+++ b/static/v2/css/widgets/w_route_card.css
@@ -6,7 +6,7 @@
 
     --big-font-size: 16px;
     --medium-font-size: 14px;
-    --small-font-size: 12px;
+    --small-font-size: 10px;
 
     --route-text-container-bg: #F1F1F1;
     --route-text-container-padding: 15px;
@@ -22,6 +22,16 @@
 
     --route_card_route_data-margin-top: 30px;
 
+    --route-btn-border: 1.5px solid #FF613A;
+    --route-btn-border-radius: 10px;
+    --route-btn-padding: 7.5px 0;
+    --route-btn-width: 171px;
+    --route-btn-bg: #FFFFFF;
+    --route-btn-hover-bg: #FF613A;
+    --route-btn-hover-text-color: #FFFFFF;
+    --route-btn-title-color: #272424;
+    --route-btn-text-data-color:  #27242499;
+
     background: var(--route-card-bg);
     box-shadow: var(--route-card-box_shadow);
     border-radius: 10px;
@@ -143,6 +153,7 @@
                 justify-content: center;
                 gap: 5px;
                 margin-bottom: 10px;
+                margin-top: 8px;
                 .route_transport_name{
                     font-size: var(--medium-font-size);
                     font-weight: 600;
@@ -162,6 +173,7 @@
                     border-radius: 100%;
                     position: absolute;
                     top: -10px;
+                    z-index: 2;
                     &:first-of-type{
                         border: 3px solid #065BFF;
                         left: 0;
@@ -175,9 +187,62 @@
                     width: calc(100% - 10px);
                     margin-left: 10px;
                     height: 4px;
+                    position: absolute;
+                    top: 2px;
+                    z-index: 1;
                     background: linear-gradient(90deg, rgba(6,91,255,1) 0%, rgba(69,194,38,1) 100%);
                 }
             }
         }
     }
+    .route_card_actions_container{
+        margin-top: 23px;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        .delete_route{
+            cursor: pointer;
+            color: #27242499;
+            font-size: var(--medium-font-size);
+            &:hover{
+                color: #FF613A;
+            }
+        }
+        .right_part_action_btns{
+            display: flex;
+            align-items: center;
+            gap: 20px;
+        }
+        .route_btn{
+            cursor: pointer;
+            &.solid{
+                --route-btn-width: 222px;
+                --route-btn-padding: 12px 0;
+                --route-btn-bg: #FF613A;
+                --route-btn-title-color: #ffffff;
+            }
+            width: var(--route-btn-width);
+            border: var(--route-btn-border);
+            border-radius: var(--route-btn-border-radius);
+            padding: var(--route-btn-padding);
+            background: var(--route-btn-bg);
+            height: 100%;
+            text-align: center;
+            transition: 200ms all;
+            &:hover{
+                background: var(--route-btn-hover-bg);
+                .route_btn_title{color: var(--route-btn-hover-text-color);}
+                .route_btn_data{color: var(--route-btn-hover-text-color);}
+                box-shadow: 0 4px 4px rgba(189, 104, 104, 0.25);
+            }
+            .route_btn_title{
+                color: var(--route-btn-title-color);
+                font-size: var(--medium-font-size);
+            }
+            .route_btn_data{
+                font-size: var(--small-font-size);
+                color: var(--route-btn-text-data-color);
+            }
+        }
+    }
 }
\ No newline at end of file
diff --git a/templates/v2/widgets/w_customer_route_card.html b/templates/v2/widgets/w_customer_route_card.html
index 6f3cbc2..047085e 100644
--- a/templates/v2/widgets/w_customer_route_card.html
+++ b/templates/v2/widgets/w_customer_route_card.html
@@ -57,4 +57,20 @@
             </div>
         </div>
     </div>
+    <div class="route_card_actions_container">
+        <div class="delete_route">{% trans "Удалить" %}</div>
+        <div class="right_part_action_btns">
+            <div class="route_btn" data-action="up">
+                <div class="route_btn_title">{% trans "Поднять" %}</div>
+                <div class="route_btn_data">Осталось поднятий: 2</div>
+            </div>
+            <div class="route_btn" data-action="solid">
+                <div class="route_btn_title">{% trans "Выделить цветом" %}</div>
+                <div class="route_btn_data">Осталось выделений: 0</div>
+            </div>
+            <div class="route_btn solid" data-action="change">
+                <div class="route_btn_title">{% trans "Редактировать" %}</div>
+            </div>
+        </div>
+    </div>
 </div>
\ No newline at end of file
diff --git a/templates/v2/widgets/w_select_country.html b/templates/v2/widgets/w_select_country.html
index fcdfed1..19b6b7e 100644
--- a/templates/v2/widgets/w_select_country.html
+++ b/templates/v2/widgets/w_select_country.html
@@ -8,7 +8,7 @@
                 <img class="country_flag_img_container"{% if initial.country.flag %} src="{{ initial.country.flag.url }}"{% endif %}>
                 <div class="country_code">{% if initial.country.short_code %}{{ initial.country.short_code }}{% endif %}</div>
             </div>
-            <input class="dropped" type="text" name="{{ name }}" id="id_{{ name }}" placeholder="{{ placeholder }}" oninput="searchCountry(this)" data-value="" data-id="" value="{% if initial.name %}{{ initial.name }}/{{ initial.country.name }}{% endif %}">
+            <input class="dropped" type="text" name="{{ name }}" id="id_{{ name }}" placeholder="{{ placeholder }}" oninput="searchCountry(this)" data-value="{% if initial %}{{ initial.name }}/{{ initial.country.name }}{% endif %}" data-id="{% if initial.id %}{{ initial.id }}{% endif %}" value="{% if initial.name %}{{ initial.name }}/{{ initial.country.name }}{% endif %}">
         </div>
         <img class="w_select_country_icon" src="{% static "v2/icons/widgets/w_select_country/pin.svg" %}" alt="">
     </div>