Менеджер добавления объектов (фото)
- Загрузка изображений (мультизагрузка, drag and drop)
- Валидация изображений (формат, размер, соотношение сторон)
- Редактирование изображений (кадрирование, вращение)
- Формирование превью (создание blob, получение изображения)
- Удаление превью
- Загрузка массива изображений на сервер
- Формирование преью после успешной загрузки
- Создание превью разделов на первой странице модуля
Разработка новых компонентов
- Наполнение данными мультиселекта из любых источников (АПИ, константы, словари) через props
- Автоматический пересчёт высоты текстового блока с помощью MutationObserver
- Синхронизация отображения элементов в текстовом блоке и чекбоксов в выпадающем списке
- Возможность установки функции "Выбрать всё" с помощью props
- Наполнение переключателя из любых источников через props
- Возможность указать любое количество пунктов переключателя
- Отличие стартовой и последующих анимаций переключения
- Базовый компонент тегов
Выбор минимального срока проживания
- Получение данных с сервера посредством JSON API
- Парсинг json
- Добавление информации о датах и наименовании объекта в попап для установки сроков проживания
- Клиентская валидация полей формы
- Создание необходимых для наполнения шаблона контентом структур данных
- Визуальное представление данных о минимальных срока проживания в календаре
- Отправка json на сервер с данными о минимальных сроках
- Отображение ошибок в случае неудачного запроса
Сквозная фильтрация по сайту
- Получение данных с сервера посредством JSON API
- Парсинг json
- Создание необходимых для наполнения шаблона контентом структур данных
- Валидация ценовых полей
- Обновление минимальных/максимальных значений ценовых полей в зависимости от результатов фильтрации
- Сохранение данных при переключении способа отображения объектов: объекты списком, демонстрация на карте
- Создание кастомного компонента переключателя с собственной логикой работы (при выборе большего значения флажки всех переключателей со значением ниже тоже включаются, при повторном щелчке по выбранному элементу, всё выделение снимается)
- Отправка предварительного запроса на сервер для отображения информации о количестве отфильтрованных объектов
- Отправка запроса для фильтрации
- Хранение информации о слагах
- Формирование верного url с учётом данных о фильтрации
- Скрытие/показ большого количества вариантов для удобства пользователей
- Автоматическое добавление всплывающих подсказок на основе информации, полученной с сервера
Страница оплаты проживания
- Показ мотивационных баннеров
- Расчёт стоимости бронирования с учётом баллов пользователя
- Вывод расчётной информации, в случае, если у пользователя 2 вида подарочных баллов: стандартные и акционные
- Расчёт сезонной скидки
- Конвертация в рубли, если объект является валютным
- Отображение блоков дополнительной информации при бронировании валютных объектов
- Вывод блоков с бонусами (Аэрофлот, S7), если пользователь является участником соответствующей программы
- Валидация полей формы бонусных блоков
- Отправка данных на сервер
Смарт календарь Locker.house
- Получение данных с сервера посредством JSON API
- Парсинг json
- Создание необходимых для наполнения шаблона контентом структур данных
- Редактирование минимальных сроков проживания
- Редактирование названий номеров
- Построение сетки календаря на основе данных, полученных с сервера
- Отображение плашек с бронью
- Фильтрация броней по их статусу
- Динамическая подгрузка данных при прокрутке к определённым датам
- Визуальный механизм создания, редактирования, удаления броней
- Отправка соответствующей информации на сервер
- Поиск брони с прокруткой к найденному элементу
- Получение и отображение информации об удачном или неудачном заселении гостя
- Перенос броней из одного объекта проживания в другой