Update pages.html

pages.html

@@ -463,51 +463,104 @@ z-index: 1000; /* Убедитесь, что кнопка находится п
 </script>
 
 <script>
-// Создаем блок формы
-editor.Blocks.add('custom-form', {
-  label: 'Custom Form',
-  content: `
-    <div class="form-container container">
-      <form id="contactForm">
-        <div class="form-group title-field">
-          <h4>КЛУБ-ПРАКТИК. 255 техник для психолога - 2024</h4>
-        </div>
-        <div class="form-group name-field">
-          <label for="name">Имя</label>
-          <input type="text" id="name" required>
-        </div>
-        <div class="form-group email-field">
-          <label for="email">Почта</label>
-          <input type="email" id="email" required>
-        </div>
-        <div class="form-group phone-field">
-          <label for="phone">Телефон</label>
-          <input type="tel" id="phone" required>
-        </div>
-        <div class="form-group options-field">
-          <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 newsletter-field">
-          <input type="checkbox" id="newsletter" required>
-          <label for="newsletter">Согласие на email рассылку</label>
-        </div>
-        <div class="form-group privacy-policy-link">
-          <a href="#" id="privacyPolicyLink">Политика конфиденциальности</a>
-        </div>
-        <div class="form-group submit-button">
-          <button type="submit" class="btn-primary">ПЕРЕЙТИ К ОПЛАТЕ</button>
+
+
+
+
+
+
+
+
+
+
+
+// Создаем новый тип компонента для формы
+editor.Components.addType('custom-form', {
+  model: {
+    defaults: {
+      // HTML-код формы
+      content: `
+        <div class="container">
+          <form id="contactForm">
+            <h4>КЛУБ-ПРАКТИК. 255 техник для психолога - 2024</h4>
+            <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" required>
+              <label for="newsletter">Согласие на email рассылку</label>
+            </div>
+            <div class="form-group">
+              <a href="#" id="privacyPolicyLink">Политика конфиденциальности</a>
+            </div>
+            <button type="submit" class="btn-primary">ПЕРЕЙТИ К ОПЛАТЕ</button>
+          </form>
         </div>
-      </form>
-    </div>
-  `,
+      `,
+      // Скрипт для обработки отправки формы
+      script: function(props) {
+        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"]');        
+        if (avpInput) {
+          avpInput.value = props.avp;
+        }
+        if (grupInput) {
+          grupInput.value = props.grup;
+        }
+        if (red_urlInput) {
+          grupInput.value = props.red_url;
+        }
+      },
+      // Свойства, которые будут передаваться в скрипт
+      'script-props': ['avp', 'grup', 'red_url'],
+      // Настройки для изменения 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
+        }
+      ]
+    }
+  }
 });
 
+
+
+
 // Добавляем возможность настройки каждого элемента формы
 editor.DomComponents.addType('form-input', {
   model: {
@@ -719,11 +772,40 @@ editor.DomComponents.addType('privacy-policy-link', {
 
 
 
+  
+
+
+
+
 
 
 
 
 
+  
+// Создаем блок для компонента формы
+editor.Blocks.add('custom-form-block', {
+  label: 'Custom Form',
+  content: { type: 'custom-form' },
+});
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+  
+