0.0.319

static/js/user_profile.js

@@ -719,7 +719,7 @@ function editRoute(id) {
 function showMenu(el, event) {
     let menu = document.querySelector('.dropdown-content')
         menu.classList.add('show')
-
+    closeCurtain()
 
 }
 function hideMenu(event) {

static/js/user_profile_2.js

@@ -54,6 +54,7 @@ function select_tab_profile (el,url,owner_type=null) {
 
 
             middleWareJS()
+            closeCurtain()
 
         },
         error: function (data){
@@ -631,45 +632,100 @@ function show_header_list () {
     let el = document.querySelector(".menu_profile_btn")
     if (el) {
         el.classList.toggle("show")
+        closeCurtain()
+    }
+}
+
+function closeCurtain () {
+    let curtain = getOpenCurtain()
+    if (curtain){
+        open_curtain(null,null,null,'close')
     }
 }
 
 
-function open_curtain (left=null,right=null,overlay=null){
-    let body = document.querySelector('body')
+function open_curtain (left=null,right=null,overlay=null,close=null){
+    let curtain_name = ''
     let curtain = ''
-    if (overlay){
-        overlay.classList.toggle("hidden")
-    } else {
-        let overlay = document.querySelector(".block_overlay")
-        if (overlay){
-            overlay.classList.toggle("hidden")
-        }
-    }
     if (left || right){
         if (left){
-            curtain = document.querySelector(".menu_buttons")
+            curtain = document.querySelector(".menu_buttons.left")
+            curtain.style.zIndex = '101'
+            document.querySelector(".menu_buttons.right").style.zIndex = '99'
+            curtain_name = curtain.dataset['name']
         } else if (right) {
-            curtain = ''
+            curtain = document.querySelector(".menu_buttons.right")
+            curtain.style.zIndex = '101'
+            document.querySelector(".menu_buttons.left").style.zIndex = '99'
+            curtain_name = curtain.dataset['name']
         }
     } else {
-        let curtains = document.querySelectorAll(".curtain")
-        let i = 0
-        curtains.forEach(function (){
-            let el = curtains[i]
-            if (el.classList.contains('open')){
-                curtain = el
-            }
-            i++
-        })
+        curtain = getOpenCurtain()
+        curtain_name = getNameCurtain()
     }
-    curtain.classList.toggle("close")
-    curtain.classList.toggle("open")
-    if (body.style.overflow === 'hidden'){
-        body.style.overflow = ''
+    let body = document.querySelector('body')
+    if (close){
+        // curtain = getOpenCurtain()
+        let handler_text = curtain.querySelector('.text_f_curtain')
+        handler_text.innerHTML = curtain_name
+        curtain.classList.remove("open")
+        curtain.classList.add("close")
+        let overlay = document.querySelector(".block_overlay")
+        overlay.classList.add('hidden')
     } else {
-        body.style.overflow = 'hidden'
+        if (overlay){
+            overlay.classList.toggle("hidden")
+        } else {
+            let overlay = document.querySelector(".block_overlay")
+            if (overlay){
+                overlay.classList.toggle("hidden")
+            }
+        }
+
+        curtain.classList.toggle("close")
+        curtain.classList.toggle("open")
+        let handler_text = curtain.querySelector('.text_f_curtain')
+        if (curtain.classList.contains('open')){
+            handler_text.innerHTML = 'Закрыть'
+            handler_text.style.fontSize = '13px'
+        } else {
+            handler_text.innerHTML = curtain_name
+            handler_text.style.fontSize = '16px'
+        }
+        if (body.style.overflow === 'hidden'){
+            body.style.overflow = ''
+        } else {
+            body.style.overflow = 'hidden'
+        }
     }
 
+
 }
 
+function getNameCurtain () {
+    let curtain = getOpenCurtain()
+    let dataset = curtain.dataset
+    let name = ''
+    if (dataset){
+        name = dataset['name']
+        return name
+    }
+}
+
+function getOpenCurtain () {
+    let curtains = document.querySelectorAll(".curtain")
+    let i = 0
+    let curtain = ''
+    curtains.forEach(function (){
+        let el = curtains[i]
+        if (el.classList.contains('open')){
+            curtain = el
+        }
+        i++
+    })
+    if (!curtain){
+        curtain = document.querySelector('.curtain')
+        console.log(`not finded open curtain choice first curtain named=${curtain.dataset['name']}`)
+    }
+    return curtain
+}