Update pages.html

pages.html

@@ -459,51 +459,16 @@ z-index: 1000; /* Убедитесь, что кнопка находится п
 
 
 // Создаем новый тип компонента для формы
-editor.Components.addType('custom-form', {
+// Создаем новый тип компонента для пустого блока
+editor.Components.addType('empty-block', {
   model: {
     defaults: {
-      // HTML-код формы с добавленными стилями
-      content: `
-<div class="container">
-  <form id="contactForm">
-    <div class="form-group">
-      <label for="name">Имя</label>
-      <input type="text" id="name" required>
-    </div>
-    <div class="form-group">
-      <label for="email">Почта</label>
-      <input type="email" id="email" required>
-    </div>
-    <div class="form-group">
-      <label for="phone">Телефон</label>
-      <input type="tel" id="phone" required>
-    </div>
-    <div class="form-group">
-      <label for="options">Выберите тариф</label>
-      <select id="options" required>
-        <option value="" disabled selected>Тариф</option>
-        <option>БИЗНЕС - 69 970р.</option>
-        <option>PREMIUM - 89 970р.</option>
-        <option>VIP - 149 990р.</option>
-      </select>
-    </div>
-    <div class="form-check">
-      <input type="checkbox" id="newsletter_conf" required>
-      <label for="newsletter_conf">Согласие с <a href="#" id="usagePolicyLink">Условиями использования</a> и <a href="#" id="privacyPolicyLink">Политикой конфиденциальности</a></label>
-    </div>
-    <div class="form-check">
-      <input type="checkbox" id="newsletter_email" required>
-      <label for="newsletter_email">Согласие на email рассылку</label>
-    </div>
-    <button type="submit" class="butons">ПЕРЕЙТИ К ОПЛАТЕ</button>
-  </form>
-</div>
-      `,
-      // Скрипт для обработки отправки формы и загрузки зависимостей
-      script: function() {
-        const initForm = () => {
-          const form = this.querySelector('#contactForm');
-          console.log('Form initialized');
+      // HTML-код пустого блока
+      content: '<div></div>',
+      // Скрипт для обработки блока (если нужно)
+      script: function(props) {
+        const initBlock = () => {
+          console.log('Empty block initialized with props:', props);
         };
         const loadScript = (src, callback) => {
           const script = document.createElement('script');
@@ -515,10 +480,10 @@ editor.Components.addType('custom-form', {
         if (typeof vkBridge === 'undefined') {
           loadScript('https://unpkg.com/@vkontakte/vk-bridge/dist/browser.min.js', () => {
             console.log('VK Bridge loaded!');
-            initForm();
+            initBlock();
           });
         } else {
-          initForm();
+          initBlock();
         }
         
         if (typeof VK === 'undefined') {
@@ -530,14 +495,56 @@ editor.Components.addType('custom-form', {
         loadScript('https://huggingface.co/spaces/vkatis/api/resolve/main/bundle.3ea86973b4b6c8f6c2bf.js', () => {
           console.log('Custom script loaded!');
         });
-      }
+      },
+      // Свойства, которые будут передаваться в скрипт
+      'script-props': ['avp', 'grup', 'red_url', 'pol_a', 'pol_b', 'new_w'],
+      // Настройки для изменения URL отправки
+      traits: [
+        {
+          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: 'pol_b',
+          label: 'POL_B',
+          changeProp: true
+        },
+        {
+          type: 'text',
+          name: 'new_w',
+          label: 'NEW_W',
+          changeProp: true
+        }
+      ]
     }
   }
 });
-// Создаем блок для компонента формы
-editor.Blocks.add('custom-form-block', {
-  label: 'Custom Form',
-  content: { type: 'custom-form' },
+
+// Создаем блок для компонента пустого блока
+editor.Blocks.add('empty-block-block', {
+  label: 'Empty Block',
+  content: { type: 'empty-block' },
 });