Update pages.html

pages.html

@@ -630,8 +630,8 @@ const editor = grapesjs.init({
 
 
 <script>
-// Создаем новый тип компонента для настройки меню
-editor.Components.addType('vk-avp-settings-block', {
+// Создаем новый тип компонента для настройки подписной - 1
+editor.Components.addType('vk_1-avp-settings-block', {
   model: {
     defaults: {
       // HTML-код пустого блока с постоянным идентификатором
@@ -641,8 +641,9 @@ editor.Components.addType('vk-avp-settings-block', {
         window.avp = props.avp;
         window.grup = props.grup;
         window.red_url = props.red_url;
+        window.hook = props.hook;        
         const initBlock = () => {
-          console.log('Menu settings block initialized with props:', { avp, grup, red_url, pol_a, pol_b });
+          console.log('Menu settings block initialized with props:', { avp, grup, red_url, hook });
         };
         const loadScript = (src, callback) => {
           const script = document.createElement('script');
@@ -671,7 +672,7 @@ editor.Components.addType('vk-avp-settings-block', {
         });
       },
       // Свойства, которые будут передаваться в скрипт
-      'script-props': ['avp', 'grup', 'red_url'],
+      'script-props': ['avp', 'grup', 'red_url', 'hook'],
       // Настройки для изменения URL отправки
       traits: [
         {
@@ -691,15 +692,21 @@ editor.Components.addType('vk-avp-settings-block', {
           name: 'red_url',
           label: 'RED_URL',
           changeProp: true
+        },
+        {
+          type: 'text',
+          name: 'hook',
+          label: 'HOOK',
+          changeProp: true
         }
       ]
     }
   }
 });
 // Создаем блок для компонента настройки меню
-editor.Blocks.add('vk-avp-settings-block-block', {
-  label: 'vk-avp-settings',
-  content: { type: 'vk-avp-settings-block' },
+editor.Blocks.add('vk_1-avp-settings-block-block', {
+  label: 'vk-avp_v1',
+  content: { type: 'vk_1-avp-settings-block' },
 });
 
 </script>