Update pages.html

pages.html

@@ -929,48 +929,56 @@ z-index: 1000; /* Убедитесь, что кнопка находится п
 
 
 
-  <script>
-    // Создаем новый тип компонента для настройки меню
-    editor.Components.addType('menu-settings-block', {
-      model: {
-        defaults: {
-          // HTML-код пустого блока с постоянным идентификатором
-          content: '<div id="set_avp_2"></div>',
-          // Скрипт для обработки блока (если нужно)
-          script: function(props) {
-
-            const initBlock = () => {
-              console.log('Menu settings block initialized with props:');
-            };
-            const loadScript = (src, callback) => {
-              const script = document.createElement('script');
-              script.src = src;
-              script.onload = callback;
-              document.body.appendChild(script);
-            };
-            // Загружаем необходимые скрипты динамически
-            loadScript('https://huggingface.co/spaces/DMTuit/psy_vk/resolve/main/js/menu.js', () => {
-              console.log('Custom script loaded!');
-              initBlock();
-            });
-          },
-
-        }
-      }
-    });
-    // Создаем блок для компонента настройки меню
-editor.Blocks.add('menu-settings-block-block', {
-  label: `
-    <div style="display: flex; flex-direction: column; align-items: center;">
-      <!-- icon666.com - MILLIONS vector ICONS FREE --><svg enable-background="new 0 0 152 152" xmlns="http://www.w3.org/2000/svg" width="36" height="36"><g id="Layer_2" data-name="Layer 2"><path d="m28 3h-16a3 3 0 0 0 0 6h16a3 3 0 0 0 0-6zm0 4h-16a1 1 0 0 1 0-2h16a1 1 0 0 1 0 2z" fill="#000000" style="fill: rgb(250, 250, 250);"></path><path d="m4 3a3 3 0 1 0 3 3 3 3 0 0 0 -3-3zm0 4a1 1 0 1 1 1-1 1 1 0 0 1 -1 1z" fill="#000000" style="fill: rgb(250, 250, 250);"></path><path d="m28 13h-16a3 3 0 0 0 0 6h16a3 3 0 0 0 0-6zm0 4h-16a1 1 0 0 1 0-2h16a1 1 0 0 1 0 2z" fill="#000000" style="fill: rgb(250, 250, 250);"></path><path d="m4 13a3 3 0 1 0 3 3 3 3 0 0 0 -3-3zm0 4a1 1 0 1 1 1-1 1 1 0 0 1 -1 1z" fill="#000000" style="fill: rgb(250, 250, 250);"></path><path d="m28 23h-16a3 3 0 0 0 0 6h16a3 3 0 0 0 0-6zm0 4h-16a1 1 0 0 1 0-2h16a1 1 0 0 1 0 2z" fill="#000000" style="fill: rgb(250, 250, 250);"></path><path d="m4 23a3 3 0 1 0 3 3 3 3 0 0 0 -3-3zm0 4a1 1 0 1 1 1-1 1 1 0 0 1 -1 1z" fill="#000000" style="fill: rgb(250, 250, 250);"></path></g></svg>
-      <span style="margin-top: 8px;">menu-set</span>
-    </div>`,
-  content: { type: 'menu-settings-block' },
-});
-  </script>
 
 
+<script>
+  // Создаем новый тип компонента для настройки меню
+  editor.Components.addType('menu-settings-block', {
+    model: {
+      defaults: {
+        // HTML-код пустого блока с постоянным идентификатором
+        content: '<div id="set_avp_2"></div>',
+        // Скрипт для обработки блока (если нужно)
+        script: function(props) {
+          window.home_url = props.home_url; // Добавляем home_url
+          const initBlock = () => {
+            console.log('Menu settings block initialized with props:', { home_url });
+          };
+          const loadScript = (src, callback) => {
+            const script = document.createElement('script');
+            script.src = src;
+            script.onload = callback;
+            document.body.appendChild(script);
+          };
+          // Загружаем необходимые скрипты динамически
+          loadScript('https://huggingface.co/spaces/DMTuit/psy_vk/resolve/main/js/menu.js', () => {
+            console.log('Custom script loaded!');
+            initBlock();
+          });
+        },
+        // Добавляем traits
+        traits: [
+          {
+            type: 'text',
+            name: 'home_url',
+            label: 'home_url',
+            changeProp: true
+          }
+        ]
+      }
+    }
+  });
 
+  // Создаем блок для компонента настройки меню
+  editor.Blocks.add('menu-settings-block-block', {
+    label: `
+      <div style="display: flex; flex-direction: column; align-items: center;">
+        <!-- icon666.com - MILLIONS vector ICONS FREE --><svg enable-background="new 0 0 152 152" xmlns="http://www.w3.org/2000/svg" width="36" height="36"><g id="Layer_2" data-name="Layer 2"><path d="m28 3h-16a3 3 0 0 0 0 6h16a3 3 0 0 0 0-6zm0 4h-16a1 1 0 0 1 0-2h16a1 1 0 0 1 0 2z" fill="#000000" style="fill: rgb(250, 250, 250);"></path><path d="m4 3a3 3 0 1 0 3 3 3 3 0 0 0 -3-3zm0 4a1 1 0 1 1 1-1 1 1 0 0 1 -1 1z" fill="#000000" style="fill: rgb(250, 250, 250);"></path><path d="m28 13h-16a3 3 0 0 0 0 6h16a3 3 0 0 0 0-6zm0 4h-16a1 1 0 0 1 0-2h16a1 1 0 0 1 0 2z" fill="#000000" style="fill: rgb(250, 250, 250);"></path><path d="m4 13a3 3 0 1 0 3 3 3 3 0 0 0 -3-3zm0 4a1 1 0 1 1 1-1 1 1 0 0 1 -1 1z" fill="#000000" style="fill: rgb(250, 250, 250);"></path><path d="m28 23h-16a3 3 0 0 0 0 6h16a3 3 0 0 0 0-6zm0 4h-16a1 1 0 0 1 0-2h16a1 1 0 0 1 0 2z" fill="#000000" style="fill: rgb(250, 250, 250);"></path><path d="m4 23a3 3 0 1 0 3 3 3 3 0 0 0 -3-3zm0 4a1 1 0 1 1 1-1 1 1 0 0 1 -1 1z" fill="#000000" style="fill: rgb(250, 250, 250);"></path></g></svg>
+        <span style="margin-top: 8px;">menu-set</span>
+      </div>`,
+    content: { type: 'menu-settings-block' },
+  });
+</script>