add blocks

static/blocks/pages/userSlava/script.js

@@ -0,0 +1,73 @@
+
+const panel = document.getElementById("regPanel");
+
+panel.addEventListener("click", (e) => {
+    // ищем ближайшую <a> с data-link="true"
+    const link = e.target.closest("a[data-link='true']");
+    if (!link || !panel.contains(link)) return; // если клик не по нужной ссылке — выходим
+
+    e.preventDefault(); // отменяем переход по ссылке
+    e.stopPropagation(); // предотвращаем всплытие события
+
+    const urlStruct = urlStrBr(link.href);
+    const targetId = link.dataset.target || "regDiv";
+
+    if (urlStruct.action === "sPage") {
+        // Меняем URL в браузере без перезагрузки
+        const newUrl = `/${urlStruct.url}/?${urlStruct.action}=${urlStruct.data}`;
+        history.pushState(null, "", newUrl);
+
+        // Загружаем блок
+        loadBlock(`pages/${urlStruct.url}/${urlStruct.data}`, targetId);
+    }
+});
+
+
+function handleCurrentUrl() {
+    const urlStruct = urlStrBr(window.location.href);
+//    console.log("Текущий URL:", urlStruct);
+    if (urlStruct.action === "sPage") {
+        // пример вызова loadBlock для sPage
+        loadBlock("pages/" + urlStruct.url + "/" + urlStruct.data, "regDiv");
+    }
+}
+
+function urlStrBr(url){
+    // Создаём объект URL
+    const parsedUrl = new URL(url);
+    // 1. firstPart — берём путь до "?" и удаляем "/"
+    const firstPart = parsedUrl.pathname.replace(/^\/|\/$/g, "");
+    // 2. secondPart — берём ключ последнего параметра
+    const searchParams = parsedUrl.searchParams;
+    const secondPart = Array.from(searchParams.keys()).pop(); // берём последний ключ
+    // 3. thirdPart — берём значение последнего параметра
+    const thirdPart = searchParams.get(secondPart);
+    // Формируем структуру
+    return {
+        url: firstPart,
+        action: secondPart,
+        data: thirdPart
+    };
+}
+
+// При загрузке страницы
+handleCurrentUrl();
+
+// При переходах по истории (назад/вперед)
+window.addEventListener("popstate", handleCurrentUrl);
+
+
+document.addEventListener("click", (e) => {
+    if (!e.target.classList.contains("toggle-pass")) return;
+
+    const input = e.target.previousElementSibling;
+    if (!input) return;
+
+    if (input.type === "password") {
+        input.type = "text";
+        e.target.textContent = "🙈";
+    } else {
+        input.type = "password";
+        e.target.textContent = "👁";
+    }
+});