Update pages.html

pages.html

@@ -459,90 +459,79 @@ z-index: 1000; /* Убедитесь, что кнопка находится п
 
 
 
+// Создаем новый тип компонента для формы
 // Создаем новый тип компонента для формы
 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>
+        <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>
+              </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 id="privacyModal" class="modal">
+            <div class="modal-content">
+              <span class="close">&times;</span>
+              <iframe src="https://riverpsy.com/policy" frameborder="0"></iframe>
+            </div>
+          </div>
         </div>
-
-        <button type="submit" class="btn-primary">ПЕРЕЙТИ К ОПЛАТЕ</button>
-    </form>
-
-    <div id="privacyModal" class="modal">
-        <div class="modal-content">
-            <span class="close">&times;</span>
-            <iframe src="https://riverpsy.com/policy" frameborder="0"></iframe>
-        </div>
-    </div>
-</div>
-      `, // Вставьте сюда HTML-код формы
+      `,
       // Скрипт для обработки отправки формы
-      document.addEventListener('DOMContentLoaded', function() {
-    const submitUrlInput = document.getElementById('submitUrl');
-
-    document.getElementById('contactForm').addEventListener('submit', function(event) {
-        event.preventDefault();
-        const formData = new FormData(this);
-        const data = {};
-        formData.forEach((value, key) => {
+      script: function(props) {
+        const form = this.querySelector('#contactForm');
+        form.addEventListener('submit', function(event) {
+          event.preventDefault();
+          const formData = new FormData(form);
+          const data = {};
+          formData.forEach((value, key) => {
             data[key] = value;
-        });
-        fetch(submitUrlInput.value, {
+          });
+          fetch(props.submitUrl, {
             method: 'POST',
             headers: {
-                'Content-Type': 'application/json'
+              'Content-Type': 'application/json'
             },
             body: JSON.stringify(data)
-        })
-        .then(response => response.json())
-        .then(data => {
+          })
+          .then(response => response.json())
+          .then(data => {
             console.log('Success:', data);
-        })
-        .catch((error) => {
+          })
+          .catch((error) => {
             console.error('Error:', error);
+          });
         });
-    });
-});
-      
-      script: function(props) {
-        // Вставьте сюда JavaScript-код для обработки формы
       },
       // Свойства, которые будут передаваться в скрипт
       'script-props': ['submitUrl'],
@@ -579,7 +568,6 @@ editor.Blocks.add('custom-form-block', {
 
 
 
-
     
 
     // Добавление кнопки для открытия редактора кода