Update pages.html

pages.html

@@ -463,48 +463,51 @@ z-index: 1000; /* Убедитесь, что кнопка находится п
 </script>
 
 <script>
-// Создаем блок формы
+// Создаем кастомный блок формы
 editor.Blocks.add('custom-form', {
   label: '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>
-  `,
+  content: {
+    type: 'custom-form',  // Используем тип компонента 'custom-form'
+    components: `
+      <div class="form-container container">
+        <form id="contactForm" class="conForm" data-avp="" data-grups="" data-redirect="">
+          <h4>КЛУБ-ПРАКТИК. 255 техник для психолога - 2024</h4>
+          <div class="form-group name-field">
+            <label for="name">Имя</label>
+            <input type="text" id="name" class="name" data-gjs-type="form-input" required>
+          </div>
+          <div class="form-group email-field">
+            <label for="email">Почта</label>
+            <input type="email" id="email" class="email" data-gjs-type="form-input" required>
+          </div>
+          <div class="form-group phone-field">
+            <label for="phone">Телефон</label>
+            <input type="tel" id="phone" class="phone" data-gjs-type="form-input" required>
+          </div>
+          <div class="form-group options-field">
+            <label for="options">Выберите тариф</label>
+            <select id="options" class="options" data-gjs-type="form-select" 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" data-gjs-type="form-checkbox" required>
+            <label for="newsletter">Согласие на email рассылку</label>
+          </div>
+          <div class="form-group privacy-policy-link">
+            <a href="#" id="privacyPolicyLink" class="privacyPolicyLink" data-gjs-type="privacy-policy-link">Политика конфиденциальности</a>
+          </div>
+          <button type="submit" id="submit-button" class="btn-primary submit-button" data-gjs-type="form-button">ПЕРЕЙТИ К ОПЛАТЕ</button>
+        </form>
+      </div>
+    `,
+  }
 });
 
-// Добавляем возможность настройки каждого элемента формы
+// Настройки для элементов формы
 editor.DomComponents.addType('form-input', {
   model: {
     defaults: {
@@ -571,7 +574,7 @@ editor.DomComponents.addType('form-button', {
   },
 });
 
-// Добавляем возможность настройки ссылки "Политика конфиденциальности"
+// Настройки для ссылки "Политика конфиденциальности"
 editor.DomComponents.addType('privacy-policy-link', {
   model: {
     defaults: {
@@ -591,7 +594,7 @@ editor.DomComponents.addType('privacy-policy-link', {
   },
 });
 
-// Добавляем возможность настройки переменных формы
+// Настройки для кастомной формы
 editor.DomComponents.addType('custom-form', {
   model: {
     defaults: {
@@ -616,7 +619,7 @@ editor.DomComponents.addType('custom-form', {
   },
 });
 
-// JavaScript для обработки изменений в настройках
+// Скрипт для обновления элементов при изменении атрибутов
 editor.on('component:update', function(component) {
   if (component.get('type') === 'privacy-policy-link') {
     const href = component.get('attributes').href;
@@ -628,24 +631,15 @@ editor.on('component:update', function(component) {
     const avp = component.get('attributes').avp || '';
     const grups = component.get('attributes').grups || '';
     const redirect = component.get('attributes').redirect || '';
-
-    // Используем переменные в JavaScript
-    console.log('AVP:', avp);
-    console.log('GRUPS:', grups);
-    console.log('REDIRECT:', redirect);
-
-    // Пример использования переменных
     const form = document.getElementById('contactForm');
-    form.addEventListener('submit', function(event) {
-      event.preventDefault();
-      if (redirect) {
-        window.location.href = redirect;
-      }
-    });
+    form.setAttribute('data-avp', avp);
+    form.setAttribute('data-grups', grups);
+    form.setAttribute('data-redirect', redirect);
   }
 });
 
 
+
   
     // Добавление кнопки для открытия редактора кода
     const pn = editor.Panels;