Update pages.html

pages.html

@@ -463,99 +463,45 @@ z-index: 1000; /* Убедитесь, что кнопка находится п
 </script>
 
 <script>
-// Создаем новый тип компонента для формы
-editor.Components.addType('custom-form', {
-  model: {
-    defaults: {
-      // HTML-код формы
-      content: `
-        <div class="container">
-          <form id="contactForm">
-            <h4>КЛУБ-ПРАКТИК. 255 техник для психолога - 2024</h4>
-            <div class="form-group name-field">
-              <label for="name">Имя</label>
-              <input type="text" id="name" class="name" required>
-            </div>
-            <div class="form-group email-field">
-              <label for="email">Почта</label>
-              <input type="email" id="email" class="email" required>
-            </div>
-            <div class="form-group phone-field">
-              <label for="phone">Телефон</label>
-              <input type="tel" id="phone" class="phone" required>
-            </div>
-            <div class="form-group options-field">
-              <label for="options">Выберите тариф</label>
-              <select id="options" class="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" class="newsletter" required>
-              <label for="newsletter">Согласие на email рассылку</label>
-            </div>
-            <div class="form-group privacy-policy-link">
-              <a href="#" id="privacyPolicyLink" class="privacyPolicyLink">Политика конфиденциальности</a>
-            </div>
-            <button type="submit" id="submit-button" class="btn-primary submit-button">ПЕРЕЙТИ К ОПЛАТЕ</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>
-      `,
-      // Скрипт для обработки отправки формы
-      script: function(props) {
-        const form = this.querySelector('#contactForm');
-        form.addEventListener('submit', function(event) {
-          event.preventDefault();
-          const formData = new FormData(form);
-          const data = new URLSearchParams(formData).toString();
-          if (!props.submitUrl) {
-            console.error('Submit URL is not defined');
-            return;
-          }
-          fetch(props.submitUrl, {
-            method: 'POST',
-            headers: {
-              'Content-Type': 'application/x-www-form-urlencoded'
-            },
-            body: data
-          })
-          .then(response => response.json())
-          .then(data => {
-            console.log('Success:', data);
-          })
-          .catch((error) => {
-            console.error('Error:', error);
-          });
-        });
-      },
-      // Свойства, которые будут передаваться в скрипт
-      'script-props': ['submitUrl'],
-      // Настройки для изменения URL отправки
-      traits: [
-        {
-          type: 'text',
-          name: 'submitUrl',
-          label: 'Submit URL',
-          changeProp: true
-        }
-      ]
-    }
-  }
-});
-
-// Создаем блок для компонента формы
-editor.Blocks.add('custom-form-block', {
+// Создаем блок формы
+editor.Blocks.add('custom-form', {
   label: 'Custom Form',
-  content: { type: 'custom-form' },
+  content: `
+    <div class="form-container container">
+      <form id="contactForm" class="conForm">
+        <h4>КЛУБ-ПРАКТИК. 255 техник для психолога - 2024</h4>
+        <div class="form-group name-field">
+          <label for="name">Имя</label>
+          <input type="text" id="name" class="name" required>
+        </div>
+        <div class="form-group email-field">
+          <label for="email">Почта</label>
+          <input type="email" id="email" class="email" required>
+        </div>
+        <div class="form-group phone-field">
+          <label for="phone">Телефон</label>
+          <input type="tel" id="phone" class="phone" required>
+        </div>
+        <div class="form-group options-field">
+          <label for="options">Выберите тариф</label>
+          <select id="options" class="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" class="newsletter" required>
+          <label for="newsletter">Согласие на email рассылку</label>
+        </div>
+        <div class="form-group privacy-policy-link">
+          <a href="#" id="privacyPolicyLink" class="privacyPolicyLink">Политика конфиденциальности</a>
+        </div>
+        <button type="submit" id="submit-button" class="btn-primary submit-button">ПЕРЕЙТИ К ОПЛАТЕ</button>
+      </form>
+    </div>
+  `,
 });
 
 // Добавляем возможность настройки каждого элемента формы
@@ -584,15 +530,9 @@ editor.DomComponents.addType('form-input', {
           label: 'Required',
           changeProp: true,
         },
-        {
-          type: 'text',
-          name: 'class',
-          label: 'Class',
-          changeProp: true,
-        },
       ],
     },
-    'script-props': ['id', 'placeholder', 'required', 'class'],
+    'script-props': ['id', 'placeholder', 'required'],
   },
 });
 
@@ -612,7 +552,7 @@ editor.DomComponents.addType('form-select', {
         {
           type: 'text',
           name: 'options',
-          label: 'Options (comma separated)',
+          label: 'Options',
           changeProp: true,
         },
         {
@@ -621,15 +561,9 @@ editor.DomComponents.addType('form-select', {
           label: 'Required',
           changeProp: true,
         },
-        {
-          type: 'text',
-          name: 'class',
-          label: 'Class',
-          changeProp: true,
-        },
       ],
     },
-    'script-props': ['id', 'options', 'required', 'class'],
+    'script-props': ['id', 'options', 'required'],
   },
 });
 
@@ -652,15 +586,9 @@ editor.DomComponents.addType('form-checkbox', {
           label: 'Required',
           changeProp: true,
         },
-        {
-          type: 'text',
-          name: 'class',
-          label: 'Class',
-          changeProp: true,
-        },
       ],
     },
-    'script-props': ['id', 'required', 'class'],
+    'script-props': ['id', 'required'],
   },
 });
 
@@ -713,15 +641,9 @@ editor.DomComponents.addType('form-button', {
           label: 'Redirect',
           changeProp: true,
         },
-        {
-          type: 'text',
-          name: 'class',
-          label: 'Class',
-          changeProp: true,
-        },
       ],
     },
-    'script-props': ['id', 'text', 'avp', 'grups', 'redirect', 'class'],
+    'script-props': ['id', 'text', 'avp', 'grups', 'redirect'],
   },
 });
 
@@ -754,15 +676,9 @@ editor.DomComponents.addType('privacy-policy-link', {
           label: 'Open in new window',
           changeProp: true,
         },
-        {
-          type: 'text',
-          name: 'class',
-          label: 'Class',
-          changeProp: true,
-        },
       ],
     },
-    'script-props': ['id', 'href', 'newWindow', 'class'],
+    'script-props': ['id', 'href', 'newWindow'],
   },
 });