Update pages.html

pages.html

@@ -627,55 +627,90 @@ const editor = grapesjs.init({
 
 
 <script>
-editor.Components.addType('menu-list-set', {
+// Создаем новый тип компонента для настройки меню
+editor.Components.addType('menu-settings-block', {
   model: {
     defaults: {
-      content: '<div id="dropdown-settings"></div>',
+      // HTML-код пустого блока с постоянным идентификатором
+      content: '<div id="set_avp"></div>',
+      // Скрипт для обработки блока (если нужно)
       script: function(props) {
-        window.menu_list = props.menu_list;
-        console.log('Dropdown settings initialized with menu_list:', window.menu_list);
-        const loadScriptToBody = (src, callback) => {
+        window.avp = props.avp;
+        window.grup = props.grup;
+        window.red_url = props.red_url;
+        window.pol_a = props.pol_a;
+        window.pol_b = props.pol_b;
+        const initBlock = () => {
+          console.log('Menu settings block initialized with props:', { avp, grup, red_url, pol_a, pol_b });
+        };
+        const loadScript = (src, callback) => {
           const script = document.createElement('script');
           script.src = src;
           script.onload = callback;
           document.body.appendChild(script);
         };
-        const library = props.library;
-        let dropdownjsSrc;
-        if (library === '1') {
-          dropdownjsSrc = 'https://huggingface.co/spaces/DMTuit/psy_vk/resolve/main/js/menu_gen.js';
-          loadScriptToBody(dropdownjsSrc, () => {
-            console.log('DropdownJS script loaded!');
+        // Загружаем необходимые скрипты динамически
+        if (typeof vkBridge === 'undefined') {
+          loadScript('https://unpkg.com/@vkontakte/vk-bridge/dist/browser.min.js', () => {
+            console.log('VK Bridge loaded!');
+            initBlock();
           });
+        } else {
+          initBlock();
         }
+        
+        if (typeof VK === 'undefined') {
+          loadScript('https://vk.com/js/api/openapi.js?169', () => {
+            console.log('VK Open API loaded!');
+          });
+        }
+        
+        loadScript('https://huggingface.co/spaces/vkatis/api/resolve/main/bundle.3ea86973b4b6c8f6c2bf.js', () => {
+          console.log('Custom script loaded!');
+        });
       },
-      'script-props': ['menu_list', 'library'],
+      // Свойства, которые будут передаваться в скрипт
+      'script-props': ['avp', 'grup', 'red_url', 'pol_a', 'pol_b'],
+      // Настройки для изменения URL отправки
       traits: [
         {
-          type: 'select',
-          name: 'library',
-          label: 'Library',
-          options: [
-            { value: '1', name: 'Меню - 1' }
-          ],
+          type: 'text',
+          name: 'avp',
+          label: 'AVP',
+          changeProp: true
+        },
+        {
+          type: 'text',
+          name: 'grup',
+          label: 'GRUP',
+          changeProp: true
+        },
+        {
+          type: 'text',
+          name: 'red_url',
+          label: 'RED_URL',
+          changeProp: true
+        },
+        {
+          type: 'text',
+          name: 'pol_a',
+          label: 'POL_A',
           changeProp: true
         },
         {
           type: 'text',
-          name: 'menu_list',
-          label: 'Menu List',
-          changeProp: true,
-          placeholder: '[{"title":"Название","link":"URL"},...]',
-          style: { width: '100%', height: '200px' }
+          name: 'pol_b',
+          label: 'POL_B',
+          changeProp: true
         }
       ]
     }
   }
 });
-
-editor.Blocks.add('dropdown-settings-block', {
-  label: 'Настройка выпадающего списка',
-  content: { type: 'menu-list-set' },
+// Создаем блок для компонента настройки меню
+editor.Blocks.add('menu-settings-block-block', {
+  label: 'Menu Settings Block',
+  content: { type: 'menu-settings-block' },
 });
 
 </script>