Fix | пофикшен критический баг в ЛК и баг с выводом фильтра

pull/30/head
Your Name 2 months ago
parent 6e739b4454
commit 8da98af0df
  1. 10
      wp-content/themes/cosmopet/functions.php
  2. 20
      wp-content/themes/cosmopet/modules/layout/assets/js/gp-main.js
  3. 22
      wp-content/themes/cosmopet/static/front-page/js/main.js
  4. 0
      wp-content/themes/cosmopet/static/front-page/js/materialize.min.js
  5. 17
      wp-content/themes/cosmopet/templates/front-page/template-front-page.php
  6. 48
      wp-content/themes/cosmopet/templates/pet-card.twig
  7. 208
      wp-content/themes/cosmopet/templates/profile/profile.twig

@ -24,11 +24,11 @@ add_filter( 'timber/integrations', function ( array $integrations ): array {
return $integrations; return $integrations;
} ); } );
function theme_enqueue_scripts() { // function theme_enqueue_scripts() {
// Swiper // // Swiper
wp_enqueue_script( 'gp-front-page-materialize', get_template_directory_uri() . '/modules/layout/assets/js/materialize.min.js', array(), null, true ); // wp_enqueue_script( 'gp-front-page-materialize', get_template_directory_uri() . '/modules/layout/assets/js/materialize.min.js', array(), null, true );
} // }
add_action('wp_enqueue_scripts', 'theme_enqueue_scripts'); // add_action('wp_enqueue_scripts', 'theme_enqueue_scripts');
add_action('timber/init', function() { add_action('timber/init', function() {

@ -450,26 +450,6 @@ if (document.querySelector('.header').classList.contains('white')) {
// }); // });
// }); // });
var slider = carousel_init();
function carousel_init() {
var carousel = document.querySelectorAll('.carousel');
var options = {
numVisible: window.innerWidth > 421 ? 5 : 3,
indicators: false // Removed dots
};
var instances = M.Carousel.init(carousel, options);
document.querySelectorAll('.about_slider_nav').forEach(btn => {
btn.addEventListener('click', function (e) {
if (e.target.closest('button').classList.contains('next')) {
instances[0].next();
} else {
instances[0].prev();
}
});
});
return instances;
}
document.addEventListener('DOMContentLoaded', function () { document.addEventListener('DOMContentLoaded', function () {
const petsSlider = new Swiper(".discount_cosmodog__slider", { const petsSlider = new Swiper(".discount_cosmodog__slider", {

@ -596,3 +596,25 @@ document.addEventListener('DOMContentLoaded', function() {
} }
// Close popup when clicking outside // Close popup when clicking outside
}); });
var slider = carousel_init();
function carousel_init() {
var carousel = document.querySelectorAll('.carousel');
var options = {
numVisible: window.innerWidth > 421 ? 5 : 3,
indicators: false // Removed dots
};
var instances = M.Carousel.init(carousel, options);
document.querySelectorAll('.about_slider_nav').forEach(btn => {
btn.addEventListener('click', function (e) {
if (e.target.closest('button').classList.contains('next')) {
instances[0].next();
} else {
instances[0].prev();
}
});
});
return instances;
}

@ -8,14 +8,15 @@
<?php <?php
// Пример использования в functions.php function theme_enqueue_scripts() {
add_action('wp_enqueue_scripts', function() { // Swiper
enqueue_static_assets('front-page'); // Для директории /static/main/ wp_enqueue_style('gp-front-page-carousel', get_template_directory_uri() . '/static/front-page/css/carousel.css');
wp_enqueue_style('gp-front-page-materialize-css', get_template_directory_uri() . '/static/front-page/css/materialize.min.css');
// С дополнительными параметрами wp_enqueue_style('gp-front-page-style', get_template_directory_uri() . '/static/front-page/css/style.css');
// enqueue_static_assets('theme', ['css' => false, 'version' => '1.0.0']); wp_enqueue_script( 'gp-front-page-materialize', get_template_directory_uri() . '/static/front-page/js/materialize.min.js', array(), null, true );
}); wp_enqueue_script( 'gp-front-page-main', get_template_directory_uri() . '/static/front-page/js/main.js', array(), null, true );
}
add_action('wp_enqueue_scripts', 'theme_enqueue_scripts');
// Создаем функцию для получения постов // Создаем функцию для получения постов
function get_blog_posts_data() { function get_blog_posts_data() {

@ -10,37 +10,37 @@
</div> </div>
<div class="cabinet-card__element"> <div class="cabinet-card__element">
<p class="cabinet-card__label">{{ pll_e('Breed') }}:</p> <p class="cabinet-card__label">{{ fn('pll_e', 'Breed') }}:</p>
<p class="cabinet-card__text">{{ function('get_field', 'breed', pet_id) }}</p> <p class="cabinet-card__text">{{ function('get_field', 'breed', pet_id) }}</p>
</div> </div>
<div class="cabinet-card__element"> <div class="cabinet-card__element">
<p class="cabinet-card__label">{{ pll_e('Weight') }}:</p> <p class="cabinet-card__label">{{ fn('pll_e','Weight') }}:</p>
<p class="cabinet-card__text"> <p class="cabinet-card__text">
{% set weight_key = function('get_field', 'weight', pet_id) %} {% set weight_key = function('get_field', 'weight', pet_id) %}
{% if weight_key == 'below_1_5' %}{{ pll_e('from 0,5 kg to 1,5 kg') }} {% if weight_key == 'below_1_5' %}{{ fn('pll_e', 'from 0,5 kg to 1,5 kg') }}
{% elseif weight_key == '1_5-3' %}{{ pll_e('from 1.5 to 3 kg') }} {% elseif weight_key == '1_5-3' %}{{ fn('pll_e', 'from 1.5 to 3 kg') }}
{% elseif weight_key == '3-5' %}{{ pll_e('from 3 to 5 kg') }} {% elseif weight_key == '3-5' %}{{ fn('pll_e', 'from 3 to 5 kg') }}
{% elseif weight_key == '5-8' %}{{ pll_e('from 5 to 8 kg') }} {% elseif weight_key == '5-8' %}{{ fn('pll_e', 'from 5 to 8 kg') }}
{% elseif weight_key == '8-11' %}{{ pll_e('from 8 to 11 kg') }} {% elseif weight_key == '8-11' %}{{ fn('pll_e', 'from 8 to 11 kg') }}
{% elseif weight_key == '11-15' %}{{ pll_e('from 11 to 15 kg') }} {% elseif weight_key == '11-15' %}{{ fn('pll_e', 'from 11 to 15 kg') }}
{% elseif weight_key == '15-20' %}{{ pll_e('from 15 to 20 kg') }} {% elseif weight_key == '15-20' %}{{ fn('pll_e', 'from 15 to 20 kg') }}
{% elseif weight_key == '20-25' %}{{ pll_e('from 20 to 25 kg') }} {% elseif weight_key == '20-25' %}{{ fn('pll_e', 'from 20 to 25 kg') }}
{% elseif weight_key == '25-35' %}{{ pll_e('from 25 to 35 kg') }} {% elseif weight_key == '25-35' %}{{ fn('pll_e', 'from 25 to 35 kg') }}
{% elseif weight_key == 'more_35' %}{{ pll_e('More than 35 kg') }} {% elseif weight_key == 'more_35' %}{{ fn('pll_e', 'More than 35 kg') }}
{% endif %} {% endif %}
</p> </p>
</div> </div>
{% if function('get_field', 'old', pet_id) %} {% if function('get_field', 'old', pet_id) %}
<div class="cabinet-card__element"> <div class="cabinet-card__element">
<p class="cabinet-card__label">{{ pll_e('Age') }}:</p> <p class="cabinet-card__label">{{ fn('pll_e', 'Age') }}:</p>
<p class="cabinet-card__text"> <p class="cabinet-card__text">
{% set age_key = function('get_field', 'old', pet_id) %} {% set age_key = function('get_field', 'old', pet_id) %}
{% if age_key == 'normal' %}{{ pll_e('Adult (from 1 year to 7 years)') }} {% if age_key == 'normal' %}{{ fn('pll_e', 'Adult (from 1 year to 7 years)') }}
{% elseif age_key == 'old' %}{{ pll_e('Elderly (from 7 to 12 years)') }} {% elseif age_key == 'old' %}{{ fn('pll_e', 'Elderly (from 7 to 12 years)') }}
{% elseif age_key == 'very_old' %}{{ pll_e('Aging (12 years and older)') }} {% elseif age_key == 'very_old' %}{{ fn('pll_e', 'Aging (12 years and older)') }}
{% elseif age_key == 'baby' %}{{ pll_e('Baby (from 0 to 1 year)') }} {% elseif age_key == 'baby' %}{{ fn('pll_e', 'Baby (from 0 to 1 year)') }}
{% endif %} {% endif %}
</p> </p>
</div> </div>
@ -48,7 +48,7 @@
{% set month = function('get_field', 'month', pet_id) %} {% set month = function('get_field', 'month', pet_id) %}
{% set zero = month < 10 ? '0' : '' %} {% set zero = month < 10 ? '0' : '' %}
<div class="cabinet-card__element"> <div class="cabinet-card__element">
<p class="cabinet-card__label">{{ pll_e('Birthday') }}:</p> <p class="cabinet-card__label">{{ fn('pll_e', 'Birthday') }}:</p>
<p class="cabinet-card__text"> <p class="cabinet-card__text">
{{ function('get_field', 'day', pet_id) }}.{{ zero }}{{ month }}.{{ function('get_field', 'year', pet_id) }} {{ function('get_field', 'day', pet_id) }}.{{ zero }}{{ month }}.{{ function('get_field', 'year', pet_id) }}
</p> </p>
@ -56,25 +56,25 @@
{% endif %} {% endif %}
<div class="cabinet-card__element"> <div class="cabinet-card__element">
<p class="cabinet-card__label">{{ pll_e('Activity') }}:</p> <p class="cabinet-card__label">{{ fn('pll_e', 'Activity') }}:</p>
<p class="cabinet-card__text"> <p class="cabinet-card__text">
{% set activity_key = function('get_field', 'activity', pet_id) %} {% set activity_key = function('get_field', 'activity', pet_id) %}
{% if activity_key == 'low' %}{{ pll_e('Low') }} {% if activity_key == 'low' %}{{ fn('pll_e', 'Low') }}
{% elseif activity_key == 'moderate' %}{{ pll_e('Moderate') }} {% elseif activity_key == 'moderate' %}{{ fn('pll_e', 'Moderate') }}
{% elseif activity_key == 'high' %}{{ pll_e('High') }} {% elseif activity_key == 'high' %}{{ fn('pll_e', 'High') }}
{% endif %} {% endif %}
</p> </p>
</div> </div>
{% if function('get_field', 'type', pet_id) == 'cat' and function('get_field', 'sterilized', pet_id) %} {% if function('get_field', 'type', pet_id) == 'cat' and function('get_field', 'sterilized', pet_id) %}
<div class="cabinet-card__element"> <div class="cabinet-card__element">
<p class="cabinet-card__label">{{ pll_e('Sterilized') }}</p> <p class="cabinet-card__label">{{ fn('pll_e', 'Sterilized') }}</p>
</div> </div>
{% endif %} {% endif %}
<div class="cabinet-card__element"> <div class="cabinet-card__element">
<button class="cabinet-card__button" data-edit="{{ pet_id }}"> <button class="cabinet-card__button" data-edit="{{ pet_id }}">
{{ pll_e('Edit') }} {{ fn('pll_e', 'Edit') }}
</button> </button>
</div> </div>
</div> </div>

@ -107,14 +107,9 @@
</div> </div>
{% endblock %}
</main> </main>
<div class="modalProfile" id="pet_add_form"> <div class="modalProfile" id="pet_add_form">
<div class="popup-wrap"> <div class="popup-wrap">
<div class="modal-form form__full-mobile modal-form--white modal-form--height-100-phone form-pet active"> <div class="modal-form form__full-mobile modal-form--white modal-form--height-100-phone form-pet active">
@ -123,14 +118,15 @@
<form class="modal-form__content" id="add-pet-form" method="post" action=""> <form class="modal-form__content" id="add-pet-form" method="post" action="">
<input type="hidden" name="action" value="add_pet"> <input type="hidden" name="action" value="add_pet">
<!-- Вид животного -->
<div class="modal-form-content__line"> <div class="modal-form-content__line">
<label for="" class="label-name">{{ fn('pll_e', 'Вид животного') }}</label> <label class="label-name">{{ fn('pll_e', 'Вид животного') }}</label>
<div class="form-input__tabs"> <div class="form-input__tabs">
<label for="cat" class="form-input-tabs__button active"> <label for="cat" class="form-input-tabs__button active">
{{ fn('pll_e', 'Кошка') }} {{ fn('pll_e', 'Кошка') }}
<input type="radio" value="cat" checked name="pet" id="cat" class="form-input-tabs__input"> <input type="radio" value="cat" checked name="pet" id="cat" class="form-input-tabs__input">
</label> </label>
<label for="dog" class="form-input-tabs__button"> <label for="dog" class="form-input-tabs__button">
{{ fn('pll_e', 'Собака') }} {{ fn('pll_e', 'Собака') }}
<input type="radio" value="dog" name="pet" id="dog" class="form-input-tabs__input"> <input type="radio" value="dog" name="pet" id="dog" class="form-input-tabs__input">
@ -138,15 +134,14 @@
</div> </div>
</div> </div>
<!-- Стерилизован -->
<div class="modal-form-content__line sterilized"> <div class="modal-form-content__line sterilized">
<label for="" class="label-name">{{ fn('pll_e', 'Стерелизован') }}</label> <label class="label-name">{{ fn('pll_e', 'Стерелизован') }}</label>
<div class="form-input__tabs"> <div class="form-input__tabs">
<label class="form-input-tabs__button active"> <label class="form-input-tabs__button active">
{{ fn('pll_e', 'Да') }} {{ fn('pll_e', 'Да') }}
<input type="radio" value="1" checked name="sterilized" class="form-input-tabs__input"> <input type="radio" value="1" checked name="sterilized" class="form-input-tabs__input">
</label> </label>
<label class="form-input-tabs__button"> <label class="form-input-tabs__button">
{{ fn('pll_e', 'Нет') }} {{ fn('pll_e', 'Нет') }}
<input type="radio" value="0" name="sterilized" class="form-input-tabs__input"> <input type="radio" value="0" name="sterilized" class="form-input-tabs__input">
@ -154,29 +149,30 @@
</div> </div>
</div> </div>
<!-- Имя питомца -->
<div class="modal-form-content__line"> <div class="modal-form-content__line">
<div class="modal-form-content-line__element"> <div class="modal-form-content-line__element">
<label for="firstname" class="label-name">{{ fn('pll_e', 'Имя') }}</label> <label class="label-name">{{ fn('pll_e', 'Имя') }}</label>
<input id="firstname" class="form__input" type="text" name="name" placeholder="{{ fn('pll_e', 'Имя питомца') }}" required> <input class="form__input" type="text" name="name" placeholder="{{ fn('pll_e', 'Имя питомца') }}" required>
</div> </div>
</div> </div>
<!-- Порода -->
<div class="modal-form-content__line"> <div class="modal-form-content__line">
<div class="modal-form-content-line__element"> <div class="modal-form-content-line__element">
<label for="firstname" class="label-name">{{ fn('pll_e', 'Порода') }}</label> <label class="label-name">{{ fn('pll_e', 'Порода') }}</label>
<input id="firstname" class="form__input" type="text" name="breed" placeholder="{{ fn('pll_e', 'Порода вашего питомца') }}" required> <input class="form__input" type="text" name="breed" placeholder="{{ fn('pll_e', 'Порода вашего питомца') }}" required>
</div> </div>
</div> </div>
<!-- Пол -->
<div class="modal-form-content__line"> <div class="modal-form-content__line">
<label for="" class="label-name">{{ fn('pll_e', 'Пол вашего питомца') }}</label> <label class="label-name">{{ fn('pll_e', 'Пол вашего питомца') }}</label>
<div class="form-input__tabs"> <div class="form-input__tabs">
<label for="boy" class="form-input-tabs__button active"> <label for="boy" class="form-input-tabs__button active">
{{ fn('pll_e', 'Мальчик') }} {{ fn('pll_e', 'Мальчик') }}
<input type="radio" value="male" checked name="sex" id="boy" class="form-input-tabs__input"> <input type="radio" value="male" checked name="sex" id="boy" class="form-input-tabs__input">
</label> </label>
<label for="girl" class="form-input-tabs__button"> <label for="girl" class="form-input-tabs__button">
{{ fn('pll_e', 'Девочка') }} {{ fn('pll_e', 'Девочка') }}
<input type="radio" value="female" name="sex" id="girl" class="form-input-tabs__input"> <input type="radio" value="female" name="sex" id="girl" class="form-input-tabs__input">
@ -184,13 +180,15 @@
</div> </div>
</div> </div>
<!-- Вид активности -->
<div class="modal-form-content__line modal-form-content__line--two"> <div class="modal-form-content__line modal-form-content__line--two">
<div class="modal-form-content-line__element"> <div class="modal-form-content-line__element">
<label class="label-name">{{ fn('pll_e', 'Вид активности') }}</label> <label class="label-name">{{ fn('pll_e', 'Вид активности') }}</label>
<div class="form-input__list"> <div class="form-input__list">
<div class="form-input-list__input">{{ fn('pll_e', 'Выберите из списка') }}</div> <div class="form-input-list__input">{{ fn('pll_e', 'Выберите из списка') }}</div>
<div class="form-input-list__block-content" style="height: 0px;"> <div class="form-input-list__block-content">
<div class="form-input-list__content"> <div class="form-input-list__content">
<label class="form-input-list__item"> <label class="form-input-list__item">
<p class="form-input-list-item__text">{{ fn('pll_e', 'Низкая') }}</p> <p class="form-input-list-item__text">{{ fn('pll_e', 'Низкая') }}</p>
<input type="radio" required name="activity" value="low" class="v-hidden"> <input type="radio" required name="activity" value="low" class="v-hidden">
@ -200,6 +198,7 @@
</div> </div>
</div> </div>
</label> </label>
<label class="form-input-list__item"> <label class="form-input-list__item">
<p class="form-input-list-item__text">{{ fn('pll_e', 'Средняя') }}</p> <p class="form-input-list-item__text">{{ fn('pll_e', 'Средняя') }}</p>
<input type="radio" required name="activity" value="moderate" class="v-hidden"> <input type="radio" required name="activity" value="moderate" class="v-hidden">
@ -209,6 +208,7 @@
</div> </div>
</div> </div>
</label> </label>
<label class="form-input-list__item"> <label class="form-input-list__item">
<p class="form-input-list-item__text">{{ fn('pll_e', 'Высокая') }}</p> <p class="form-input-list-item__text">{{ fn('pll_e', 'Высокая') }}</p>
<input type="radio" required name="activity" value="high" class="v-hidden"> <input type="radio" required name="activity" value="high" class="v-hidden">
@ -218,45 +218,70 @@
</div> </div>
</div> </div>
</label> </label>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<!-- Вес -->
<div class="modal-form-content-line__element"> <div class="modal-form-content-line__element">
<label for="firstname" class="label-name">{{ fn('pll_e', 'Вес') }}</label> <label class="label-name">{{ fn('pll_e', 'Вес') }}</label>
<div class="form-input__list"> <div class="form-input__list">
<div class="form-input-list__input">{{ fn('pll_e', 'Выберите из списка') }}</div> <div class="form-input-list__input">{{ fn('pll_e', 'Выберите из списка') }}</div>
<div class="form-input-list__block-content" style="height: 0px;"> <div class="form-input-list__block-content">
<div class="form-input-list__content"> <div class="form-input-list__content">
{% for weight in [
{value: 'below_1_5', text: fn('pll_e', '1-1.5 кг')}, <label class="form-input-list__item">
{value: '1_5-3', text: fn('pll_e', '1.5-3 кг')}, <p class="form-input-list-item__text">1-1.5 кг</p>
{value: '3-5', text: fn('pll_e', '3-5 кг')}, <input type="radio" required name="weight" value="below_1_5" class="v-hidden">
{value: '5-8', text: fn('pll_e', '5-8 кг')}, <div class="form-input-list-item__box">
{value: '8-11', text: fn('pll_e', '8-11 кг')}, <div class="form-input-list-item-box__content">
{value: '11-15', text: fn('pll_e', '11-15 кг')}, <img src="{{ theme.link }}/gp-include/assets/lk/img/svg/main/arrow-selected-white.svg" alt="">
{value: '15-20', text: fn('pll_e', '10-20кг')},
{value: '20-25', text: fn('pll_e', '20-25кг')},
{value: '25-35', text: fn('pll_e', '25-35 кг')},
{value: 'more_35', text: fn('pll_e', 'Более 35 кг')}
] %}
<label class="form-input-list__item">
<p class="form-input-list-item__text">{{ weight.text }}</p>
<input type="radio" required name="weight" value="{{ weight.value }}" class="v-hidden">
<div class="form-input-list-item__box">
<div class="form-input-list-item-box__content">
<img src="{{ theme.link }}/gp-include/assets/lk/img/svg/main/arrow-selected-white.svg" alt="">
</div>
</div> </div>
</label> </div>
{% endfor %} </label>
<label class="form-input-list__item">
<p class="form-input-list-item__text">1.5-3 кг</p>
<input type="radio" required name="weight" value="1_5-3" class="v-hidden">
<div class="form-input-list-item__box">
<div class="form-input-list-item-box__content">
<img src="{{ theme.link }}/gp-include/assets/lk/img/svg/main/arrow-selected-white.svg" alt="">
</div>
</div>
</label>
<label class="form-input-list__item">
<p class="form-input-list-item__text">3-5 кг</p>
<input type="radio" required name="weight" value="3-5" class="v-hidden">
<div class="form-input-list-item__box">
<div class="form-input-list-item-box__content">
<img src="{{ theme.link }}/gp-include/assets/lk/img/svg/main/arrow-selected-white.svg" alt="">
</div>
</div>
</label>
<label class="form-input-list__item">
<p class="form-input-list-item__text">5-8 кг</p>
<input type="radio" required name="weight" value="5-8" class="v-hidden">
<div class="form-input-list-item__box">
<div class="form-input-list-item-box__content">
<img src="{{ theme.link }}/gp-include/assets/lk/img/svg/main/arrow-selected-white.svg" alt="">
</div>
</div>
</label>
<!-- Добавь остальные веса аналогично -->
<!-- ... -->
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<!-- Возраст -->
<div class="rm"> <div class="rm">
<div class="modal-form-content__line"> <div class="modal-form-content__line">
<label class="label-name">{{ fn('pll_e', 'Возраст питомца') }}</label> <label class="label-name">{{ fn('pll_e', 'Возраст питомца') }}</label>
@ -265,8 +290,7 @@
{{ fn('pll_e', 'Примерный') }} {{ fn('pll_e', 'Примерный') }}
<input type="radio" checked value="ex" name="old_type" required id="exemplary" class="form-input-tabs__input"> <input type="radio" checked value="ex" name="old_type" required id="exemplary" class="form-input-tabs__input">
</label> </label>
<label for="accurate" class="form-input-tabs__button" data-rm="1">
<label class="form-input-tabs__button" data-rm="1">
{{ fn('pll_e', 'Точный') }} {{ fn('pll_e', 'Точный') }}
<input type="radio" value="acc" name="old_type" required id="accurate" class="form-input-tabs__input"> <input type="radio" value="acc" name="old_type" required id="accurate" class="form-input-tabs__input">
</label> </label>
@ -274,80 +298,74 @@
</div> </div>
<div class="modal__age"> <div class="modal__age">
<!-- Примерный возраст -->
<div class="form-input__radio remote-control__item active" data-rmcont="0"> <div class="form-input__radio remote-control__item active" data-rmcont="0">
{% for age in [
{value: 'baby', title: fn('pll_e', 'Малыш'), desc: fn('pll_e', '(от 0 до 1 года)')}, <label class="form-input-radio__item active">
{value: 'normal', title: fn('pll_e', 'Взрослый'), desc: fn('pll_e', '(от 1 года до 7 лет)')}, <input type="radio" name="old" value="baby" checked class="v-hidden">
{value: 'old', title: fn('pll_e', 'Пожилой'), desc: fn('pll_e', '(от 7 до 12 лет)')}, <div class="form-input-radio__circle">
{value: 'very_old', title: fn('pll_e', 'Стареющий'), desc: fn('pll_e', '(от 12 лет и старше)')} <div class="form-input-radio-circle__content"></div>
] %} </div>
<label class="form-input-radio__item {{ loop.first ? 'active' : '' }}"> <p class="form-input-radio__title">{{ fn('pll_e', 'Малыш') }} <span>{{ fn('pll_e', '(от 0 до 1 года)') }}</span></p>
<input type="radio" name="old" value="{{ age.value }}" {{ loop.first ? 'checked' : '' }} class="v-hidden"> </label>
<div class="form-input-radio__circle">
<div class="form-input-radio-circle__content"></div> <label class="form-input-radio__item">
</div> <input type="radio" name="old" value="normal" class="v-hidden">
<p class="form-input-radio__title">{{ age.title }} <span>{{ age.desc }}</span></p> <div class="form-input-radio__circle">
</label> <div class="form-input-radio-circle__content"></div>
{% endfor %} </div>
<p class="form-input-radio__title">{{ fn('pll_e', 'Взрослый') }} <span>{{ fn('pll_e', '(от 1 года до 7 лет)') }}</span></p>
</label>
<label class="form-input-radio__item">
<input type="radio" name="old" value="old" class="v-hidden">
<div class="form-input-radio__circle">
<div class="form-input-radio-circle__content"></div>
</div>
<p class="form-input-radio__title">{{ fn('pll_e', 'Пожилой') }} <span>{{ fn('pll_e', '(от 7 до 12 лет)') }}</span></p>
</label>
<label class="form-input-radio__item">
<input type="radio" name="old" value="very_old" class="v-hidden">
<div class="form-input-radio__circle">
<div class="form-input-radio-circle__content"></div>
</div>
<p class="form-input-radio__title">{{ fn('pll_e', 'Стареющий') }} <span>{{ fn('pll_e', '(от 12 лет и старше)') }}</span></p>
</label>
</div> </div>
<!-- Точный возраст -->
<div data-rmcont="1" class="modal-form-content__line remote-control__item modal-form-content__line--three modal-form-content__line--margin-top-16"> <div data-rmcont="1" class="modal-form-content__line remote-control__item modal-form-content__line--three modal-form-content__line--margin-top-16">
<div class="modal-form-content-line__element"> <div class="modal-form-content-line__element">
<label for="firstname" class="label-name">{{ fn('pll_e', 'День') }}</label> <label class="label-name">{{ fn('pll_e', 'День') }}</label>
<input id="firstname" class="form__input form__input--center" maxlength="2" type="text" name="day" placeholder="{{ fn('pll_e', 'ДД') }}"> <input class="form__input form__input--center" maxlength="2" type="text" name="day" placeholder="{{ fn('pll_e', 'ДД') }}">
</div> </div>
<div class="modal-form-content-line__element"> <div class="modal-form-content-line__element">
<label for="firstname" class="label-name">{{ fn('pll_e', 'Месяц') }}</label> <label class="label-name">{{ fn('pll_e', 'Месяц') }}</label>
<div class="form-input__list"> <!-- Месяцы тоже можно захардкодить аналогично — по той же схеме -->
<div class="form-input-list__input">{{ fn('pll_e', 'Месяц') }}</div>
<div class="form-input-list__block-content">
<div class="form-input-list__content">
{% for month in [
{value: 1, text: fn('pll_e', 'Январь')},
{value: 2, text: fn('pll_e', 'Февраль')},
{value: 3, text: fn('pll_e', 'Март')},
{value: 4, text: fn('pll_e', 'Апрель')},
{value: 5, text: fn('pll_e', 'Май')},
{value: 6, text: fn('pll_e', 'Июнь')},
{value: 7, text: fn('pll_e', 'Июль')},
{value: 8, text: fn('pll_e', 'Август')},
{value: 9, text: fn('pll_e', 'Сентябрь')},
{value: 10, text: fn('pll_e', 'Октябрь')},
{value: 11, text: fn('pll_e', 'Ноябрь')},
{value: 12, text: fn('pll_e', 'Декабрь')}
] %}
<label class="form-input-list__item">
<p class="form-input-list-item__text">{{ month.text }}</p>
<input type="radio" name="month" value="{{ month.value }}" class="v-hidden">
<div class="form-input-list-item__box">
<div class="form-input-list-item-box__content">
<img src="{{ theme.link }}/gp-include/assets/lk/img/svg/main/arrow-selected-white.svg" alt="">
</div>
</div>
</label>
{% endfor %}
</div>
</div>
</div>
</div> </div>
<div class="modal-form-content-line__element"> <div class="modal-form-content-line__element">
<label for="firstname" class="label-name">{{ fn('pll_e', 'Год') }}</label> <label class="label-name">{{ fn('pll_e', 'Год') }}</label>
<input id="firstname" class="form__input form__input--center" maxlength="4" type="text" name="year" placeholder="{{ fn('pll_e', 'ГГГГ') }}"> <input class="form__input form__input--center" maxlength="4" type="text" name="year" placeholder="{{ fn('pll_e', 'ГГГГ') }}">
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<!-- Кнопка добавить -->
<div class="modal-form__buttons"> <div class="modal-form__buttons">
<button class="button button--gradient button--high button--100-perc" type="submit">{{ fn('pll_e', 'Добавить') }}</button> <button class="button button--gradient button--high button--100-perc" type="submit">{{ fn('pll_e', 'Добавить') }}</button>
</div> </div>
</form> </form>
</div> </div>
</div> </div>
</div> </div>
<div class="modalProfile" id="subForm"> <div class="modalProfile" id="subForm">
<div class="popup-wrap"> <div class="popup-wrap">
<div class="modal-form modal__notification modal-form--green-gradient modal-form--width-584 form-sub active"> <div class="modal-form modal__notification modal-form--green-gradient modal-form--width-584 form-sub active">

Loading…
Cancel
Save