Update pages.html

pages.html

@@ -478,78 +478,25 @@ z-index: 1000; /* Убедитесь, что кнопка находится п
 
 
 
-// Создаем новый тип компонента для формы
-editor.Components.addType('custom-form', {
+// Создаем новый тип компонента для кнопки
+editor.Components.addType('custom-button', {
   model: {
     defaults: {
-      // HTML-код формы с добавленными стилями
+      // 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="btn-primary">ПЕРЕЙТИ К ОПЛАТЕ</button>
-  </form>
+  <button type="submit" class="btn-primary">ПЕРЕЙТИ К ОПЛАТЕ</button>
 </div>
       `,
-      // Скрипт для обработки отправки формы и загрузки зависимостей
+      // Скрипт для обработки нажатия кнопки и загрузки зависимостей
       script: function(props) {
-        const initForm = () => {
-          const form = this.querySelector('#contactForm');
-          const avpInput = form.querySelector('input[name="avp_v"]');
-          const grupInput = form.querySelector('input[name="grup_v"]');
-          const red_urlInput = form.querySelector('input[name="red_url_v"]');
-          const pol_aInput = form.querySelector('input[name="pol_a"]');
-          const pol_bInput = form.querySelector('input[name="pol_b"]');
-          const new_wInput = form.querySelector('input[name="new_w"]');
+        const initButton = () => {
+          const button = this.querySelector('.btn-primary');
           
-          if (avpInput) {
-            avpInput.value = props.avp;
-          }
-          if (grupInput) {
-            grupInput.value = props.grup;
-          }
-          if (red_urlInput) {
-            red_urlInput.value = props.red_url;
-          }
-          if (pol_aInput) {
-            pol_aInput.value = props.pol_a;
-          }
-          if (pol_bInput) {
-            pol_bInput.value = props.pol_b;
-          }
-          if (new_wInput) {
-            new_wInput.value = props.new_w;
-          }
-          
-          console.log('Form initialized with props:', props);
+          button.addEventListener('click', () => {
+            console.log('Button clicked with props:', props);
+            // Здесь можно добавить логику обработки нажатия кнопки
+          });
         };
         const loadScript = (src, callback) => {
           const script = document.createElement('script');
@@ -561,10 +508,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();
+            initButton();
           });
         } else {
-          initForm();
+          initButton();
         }
         
         if (typeof VK === 'undefined') {
@@ -579,7 +526,7 @@ editor.Components.addType('custom-form', {
       },
       // Свойства, которые будут передаваться в скрипт
       'script-props': ['avp', 'grup', 'red_url', 'pol_a', 'pol_b', 'new_w'],
-      // Настройки для изменения URL отправки
+      // Настройки для изменения параметров и стилей кнопки
       traits: [
         {
           type: 'text',
@@ -617,23 +564,23 @@ editor.Components.addType('custom-form', {
           label: 'Открвывать в новом окне браузера 0-НЕТ,1-ДА',
           changeProp: true
         },
-        // Добавляем настройки для стилей
+        // Добавляем настройки для стилей кнопки
         {
           type: 'color',
           name: 'bgColor',
-          label: 'Цвет фона формы',
+          label: 'Цвет фона кнопки',
           changeProp: true
         },
         {
           type: 'color',
           name: 'textColor',
-          label: 'Цвет текста формы',
+          label: 'Цвет текста кнопки',
           changeProp: true
         },
         {
           type: 'number',
           name: 'fontSize',
-          label: 'Размер шрифта',
+          label: 'Размер шрифта кнопки',
           changeProp: true
         }
       ]
@@ -646,25 +593,25 @@ editor.Components.addType('custom-form', {
       const textColor = model.get('textColor');
       const fontSize = model.get('fontSize');
 
+      const button = el.querySelector('.btn-primary');
       if (bgColor) {
-        el.style.backgroundColor = bgColor;
+        button.style.backgroundColor = bgColor;
       }
       if (textColor) {
-        el.style.color = textColor;
+        button.style.color = textColor;
       }
       if (fontSize) {
-        el.style.fontSize = `${fontSize}px`;
+        button.style.fontSize = `${fontSize}px`;
       }
     }
   }
 });
-// Создаем блок для компонента формы
-editor.Blocks.add('custom-form-block', {
-  label: 'Custom Form',
-  content: { type: 'custom-form' },
+// Создаем блок для компонента кнопки
+editor.Blocks.add('custom-button-block', {
+  label: 'Custom Button',
+  content: { type: 'custom-button' },
 });
 
-