Update pages.html

pages.html

@@ -926,60 +926,66 @@ z-index: 1000; /* Убедитесь, что кнопка находится п
 
 
 <script>
-  // Создаем новый тип компонента для настройки меню
-  editor.Components.addType('menu-settings-block', {
-    model: {
-      defaults: {
-        // HTML-код пустого блока с постоянным идентификатором
-        content: '<div id="contents"></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);
-          };
+ // Функция для загрузки скрипта
+const loadScript = (src, callback) => {
+  const script = document.createElement('script');
+  script.src = src;
+  script.onload = callback;
+  document.body.appendChild(script);
+};
+
+// Создаем новый тип компонента для настройки меню
+editor.Components.addType('menu-settings-block', {
+  model: {
+    defaults: {
+      // HTML-код пустого блока с постоянным идентификатором
+      content: '<div id="contents"></div>',
+      // Скрипт для обработки блока (если нужно)
+      script: function(props) {
+        window.home_url = props.home_url; // Добавляем home_url
+        const initBlock = () => {
+          console.log('Menu settings block initialized with props:', { home_url });
+        };
+        // Загружаем библиотеку jQuery
+        loadScript('https://code.jquery.com/jquery-3.6.0.min.js', () => {
+          console.log('jQuery loaded!');
           // Загружаем необходимый скрипт динамически
           loadScript('https://huggingface.co/spaces/DMTuit/psy_vk/resolve/main/js/menu_vk.js', () => {
             console.log('Custom script loaded!');
             initBlock();
           });
-        },
-        // Добавляем traits
-        traits: [
-          {
-            type: 'text',
-            name: 'home_url',
-            label: 'home_url',
-            changeProp: true
-          }
-        ],
-        // Добавляем свойство 'script-props'
-        'script-props': ['home_url']
-      }
+        });
+      },
+      // Добавляем traits
+      traits: [
+        {
+          type: 'text',
+          name: 'home_url',
+          label: 'home_url',
+          changeProp: true
+        }
+      ],
+      // Добавляем свойство 'script-props'
+      'script-props': ['home_url']
     }
-  });
+  }
+});
 
-  // Создаем блок для компонента настройки меню
-  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' },
-  });
+// Создаем блок для компонента настройки меню
+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>
 
 
 
 
- 
+