Update js/rus/rus.js

js/rus/rus.js

@@ -217,61 +217,13 @@ editor.Blocks.add('avp_grup_v1-settings-block-block', {
 
 
 
+
+
 
 editor.Components.addType('avp_form_v1-settings-block', {
   model: {
     defaults: {
-      content: '<div class="containerForm">
-  <div class="header-section">
-    <div class="circle-image-container">
-      <img src="path/to/your/image.jpg" alt="Круглая картинка" class="circle-image">
-    </div>
-    <h2>Заголовок формы</h2>
-    <p>Подзаголовок формы</p>
-  </div>
-  <form id="contactForm">
-    <div class="form-group">
-      <label for="name">Имя</label>
-      <input type="text" id="name" name="name" required>
-    </div>
-    <div class="form-group">
-      <label for="email">Почта</label>
-      <input type="email" id="email" name="email" required>
-    </div>
-    <div class="form-group">
-      <label for="phone">Телефон</label>
-      <input type="tel" id="phone" name="phone" required>
-    </div>
-    <div class="form-group">
-      <label for="message">Дополнительная информация</label>
-      <textarea id="message" name="message" rows="4" placeholder="Введите ваш текст здесь..."></textarea>
-    </div>
-    <div class="form-group">
-      <label>Выберите тариф</label>
-      <div class="radio-check">
-        <input type="radio" id="option1" name="options" value="БИЗНЕС - 69 970р." required checked> <!-- Выбрана по умолчанию -->
-        <label for="option1">БИЗНЕС - 69 970р.</label>
-      </div>
-      <div class="radio-check">
-        <input type="radio" id="option2" name="options" value="PREMIUM - 89 970р." required>
-        <label for="option2">PREMIUM - 89 970р.</label>
-      </div>
-      <div class="radio-check">
-        <input type="radio" id="option3" name="options" value="VIP - 149 990р." required>
-        <label for="option3">VIP - 149 990р.</label>
-      </div>
-    </div>
-    <div class="checkbox-check">
-      <input type="checkbox" id="newsletter_conf" name="newsletter_conf" required>
-      <label for="newsletter_conf">Согласие с <a href="#" id="usagePolicyLink">Условиями использования</a> и <a href="#" id="privacyPolicyLink">Политикой конфиденциальности</a></label>
-    </div>
-    <div class="checkbox-check">
-      <input type="checkbox" id="newsletter_email" name="newsletter_email" required>
-      <label for="newsletter_email">Согласие на email рассылку</label>
-    </div>
-    <button type="submit" class="btn-primary">ПЕРЕЙТИ К ОПЛАТЕ</button>
-  </form>
-</div>',
+      content: '<div id="set_avp1"></div>',
       script: function(props) {
         window.avp = props.avp;
         window.grup = props.grup;
@@ -358,116 +310,6 @@ editor.Blocks.add('avp_form_v1-settings-block-block', {
   category: 'Автопилот - ВК', // Добавляем категорию "Автопилот - ВК"
 });
 
-// Создаем блок стилей плеера_form
-editor.CssComposer.addRules(`
-.containerForm {
-  width: 100%;
-  max-width: 600px;
-  margin: 0 auto;
-  padding: 20px;
-  background-color: #f5faff;
-  border-radius: 8px;
-  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
-}
-
-.header-section {
-  text-align: center;
-  margin-bottom: 20px;
-}
-
-.circle-image {
-  display: inline-block;
-  border-radius: 50%;
-  overflow: hidden;
-  width: 150px;
-  height: 150px;
-  margin-bottom: 10px;
-}
-
-.circle-image img {
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-}
-
-.form-group {
-  margin-bottom: 20px;
-}
-
-.form-group label {
-  display: block;
-  margin-bottom: 5px;
-  font-weight: bold;
-  color: #333;
-}
-
-.form-group input,
-.form-group select,
-.form-group textarea {
-  width: 100%;
-  padding: 10px;
-  border: 1px solid #ccc;
-  border-radius: 4px;
-  font-size: 16px;
-}
-
-.radio-check {
-  margin-bottom: 15px;
-  display: flex;
-  align-items: center;
-}
-
-.checkbox-check {
-  margin-bottom: 15px;
-  display: flex;
-  align-items: center;
-}
-
-.radio-check input[type="radio"],
-.checkbox-check input[type="checkbox"] {
-  margin-right: 10px;
-  width: 15px; /* Применяем ширину, как в вашем примере */
-}
-
-.radio-check label,
-.checkbox-check label {
-  font-size: 14px;
-  color: #555;
-}
-
-.btn-primary {
-  display: inline-flex;
-  margin: 10px;
-  text-decoration: none;
-  position: relative;
-  font-size: 20px;
-  line-height: 20px;
-  padding: 12px 30px;
-  color: #FFF;
-  font-weight: bold;
-  text-transform: uppercase;
-  font-family: 'Roboto', Тahoma, sans-serif;
-  background: #337AB7;
-  cursor: pointer;
-  border: 2px solid #BFE2FF;
-  outline: 1px solid;
-  outline-color: #337AB7;
-  outline-offset: 0px;
-  text-shadow: none;
-  transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1);
-}
-
-.btn-primary:hover,
-.btn-primary:active,
-.btn-primary:focus {
-  box-shadow: inset 0 0 20px #BFE2FF;
-  outline-color: rgba(255, 255, 255, 0);
-  outline-offset: 15px;
-  color: #FFF;
-}
-`);
-
-