Update pages.html

pages.html

@@ -624,7 +624,90 @@ const editor = grapesjs.init({
 
 
 
+<script>
+
+// Создаем новый тип компонента для настройки подписной с доступом через AVP - 1
+editor.Components.addType('avp-look_1-settings-block', {
+  model: {
+    defaults: {
+      // HTML-код пустого блока с постоянным идентификатором
+      content: '<div id="set_avp_1"></div>',
+      // Скрипт для обработки блока (если нужно)
+      script: function(props) {
+        window.avp = props.avp;
+        window.grup = props.grup;
+        window.hook = props.hook; // Теперь это будет булево значение (true/false)
+        const initBlock = () => {
+          console.log('Menu settings block initialized with props:', { avp, grup, red_url, hook });
+        };
+        const loadScript = (src, callback) => {
+          const script = document.createElement('script');
+          script.src = src;
+          script.onload = callback;
+          document.body.appendChild(script);
+        };
+        // Загружаем необходимые скрипты динамически
+        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/DMTuit/psy_vk/resolve/main/js/avp_vk_v1.js', () => {
+          console.log('Custom script loaded!');
+        });
+      },
+      // Свойства, которые будут передаваться в скрипт
+      'script-props': ['avp', 'grup',  'hook'],
+      // Настройки для изменения URL отправки
+      traits: [
+        {
+          type: 'text',
+          name: 'avp',
+          label: 'AVP',
+          changeProp: true
+        },
+        {
+          type: 'text',
+          name: 'grup',
+          label: 'GRUP',
+          changeProp: true
+        },
+        {
+          type: 'checkbox', // Изменено на checkbox
+          name: 'hook',
+          label: 'HOOK',
+          changeProp: true
+        }
+      ]
+    }
+  }
+});
+// Создаем блок для компонента настройки меню
+editor.Blocks.add('avp-look_v1-settings-block-block', {
+  label: 'avp_look_v1',
+  content: { type: 'vk_1-avp-settings-block' },
+});
+
 
+</script>
+
+
+
+
+
+
+
+  
 
 
 <script>