0.0.23

static/aerbimCSS.css

@@ -28,6 +28,7 @@ body,html{
     position: fixed;
     top: 0;
     padding: 5px 0 5px 0;
+    z-index: 101;
 }
 
 .cut-width{
@@ -159,9 +160,62 @@ body,html{
     background: none;
     border: none;
     outline: none;
+
 }
 
+.language_select.open > .content_select_language{
+    display: block;
+}
 
+.language_select.close > .content_select_language{
+    display: none;
+}
+
+.language_select.close .arrow_language_select{
+    transform: rotate(180deg);
+    transition: 200ms;
+}
+
+.language_select.open .arrow_language_select{
+    transform: rotate(0deg);
+    transition: 200ms;
+}
+
+.first_line_language_select{
+    width: 100%;
+}
+
+.name_language{
+    width: calc(100% - 20px);
+    padding-right: 10px;
+    float: left;
+}
+
+.arrow_language_select{
+    width: 10px;
+    float: right;
+}
+
+.content_select_language{
+    background: #ffffff;
+    width: 50px;
+    border-radius: 2px;
+    text-align: -webkit-center;
+    position: absolute;
+    padding: 10px 0;
+    top: 38px;
+}
+
+.content_select_language > div{
+    color: #000000;
+}
+
+.splinner_select_language{
+    width: 40px;
+    height: 1px;
+    background: #D9D9D9;
+    margin: 5px 0;
+}
 
 /*sections*/
 
@@ -276,7 +330,7 @@ body,html{
     background: url("images/how_with_us_working_background.svg");
     background-size: cover;
     background-repeat: no-repeat;
-    background-position: center center;
+    background-position: top;
     width: 100%;
 }
 
@@ -401,7 +455,6 @@ body,html{
 }
 
 .button_form_consultation:hover{
-    border: none;
     color: #ffffff;
     background: #FB6952;
     transition: 200ms;
@@ -430,6 +483,12 @@ body,html{
     width: 100%;
     border: none;
     outline: none;
+    transition: 200ms;
+}
+
+.btn_download_plugin:hover{
+    background: #0a3f79;
+    transition: 200ms;
 }
 
 .btn_inf_about_plugin{
@@ -445,7 +504,6 @@ body,html{
 
 .btn_inf_about_plugin:hover{
     background: #0C54A0;
-    border: none;
     transition: 200ms;
 }
 

static/aerbimJS.js

@@ -40,6 +40,7 @@ function renderContent () {
         success: function(data){
             document.querySelector(".content").innerHTML = data.html
             replaceHrefOnOnclick()
+            replace_select_language()
         },
         error: function (data){
             alert(data)
@@ -47,6 +48,17 @@ function renderContent () {
     });
 }
 
+function replace_select_language () {
+    let select = document.querySelector(".name_language")
+    let lang_f_replace = ''
+    if (window.location.href.includes('ru')){
+        lang_f_replace = 'ru'
+    } else {
+        lang_f_replace = 'en'
+    }
+    select.innerHTML = lang_f_replace
+}
+
 function replaceHrefOnOnclick () {
     let elements = document.querySelectorAll('.section_btn')
     let i = 0
@@ -69,4 +81,24 @@ function faq_open_close () {
     let faq = document.querySelector(".faq_container")
     faq.classList.toggle("open")
     faq.classList.toggle("close")
+}
+
+function open_select_language () {
+    let el = document.querySelector(".language_select")
+    el.classList.toggle("open")
+    el.classList.toggle("close")
+}
+
+function select_language (el) {
+    let txt = el.innerHTML
+    let select = document.querySelector(".name_language")
+    select.innerHTML = txt
+    let lang_f_replace = ''
+    if (window.location.href.includes('ru')){
+        lang_f_replace = 'ru'
+    } else {
+        lang_f_replace = 'en'
+    }
+    window.location.href = window.location.href.replace(`${lang_f_replace}`,txt.toLowerCase())
+    open_select_language()
 }

static/images/language_icon.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="9" viewBox="0 0 16 9" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path id="Rectangle 64" d="M0.999244 8.07108L8.07031 1.00002L15.1414 8.07108" stroke="#E2E2E2" stroke-width="1.2"/>
+</svg>

templates/blocks/static/header.html

@@ -8,10 +8,20 @@
             <span class="standart_txt text_header">Поддержка</span>
             <span class="standart_txt text_header last_left">Контакты</span>
             <div class="splitter_text_header"></div>
-            <select class="language_select">
-                <option>RU</option>
-                <option>EN</option>
-            </select>
+            <div class="language_select close">
+                <div class="first_line_language_select" onclick="open_select_language()">
+                    <div class="name_language standart_txt">RU</div>
+                    <div class="arrow_language_select">
+                        <img class="img_arrow_language_select" src="{% static "images/language_icon.svg" %}">
+                    </div>
+                    <div class="clear_both"></div>
+                </div>
+                <div class="content_select_language">
+                    <div class="standart_txt" onclick="select_language(this)">RU</div>
+                    <div class="splinner_select_language"></div>
+                    <div class="standart_txt" onclick="select_language(this)">EN</div>
+                </div>
+            </div>
             <span class="standart_txt text_header last_right orange">Личный кабинет</span>
         </div>
     </div>