Запись закрытого вебинара 28 августа "Летние цвета любви" имидж-эксперта Елены Штогриной - Закрытый "Имиджклуб" Тема пилотного месяца (АВГУСТ): Лето маленьких радостей. Чемоданное настроение!

Здравствуйте, девушки! Спасибо всем, кто пришел вчера на вебинар!
Сохраняем вам запись.
Приятного просмотра!

</div> <div class="brd-0 text-center p-b-30"> <div> <div class="main_cont sh-0 m-b-0 edit_hover m-b-0 sh-0 bgm-mask br-20 p-30 " > <script> var registerFormFilters = {type: 'register', entity: 'infogood_network_wiki', entity_id: '257'}; </script> <div class="text-center_ bgm-gray-100_ br-0" > <div class="p-l-0 p-r-0 text-center"> <div > <h2 class="payModalPrice WellTitle m-b-15 m-t-40 c-black f-600" style=""> 390 <span class="f-18"> UAH </span> </h2> </div> <div style="height: 40px;" class="m-t-20 brd-0 br-20 p-5 m-r-30 m-l-30"> <h2 class="payModalTotalSumm m-t-0 f-20 f-400" style="display: none;" data-currency-name="UAH">???</h2> </div> <div class="payModalSubscribePrices f-20 m-t-0" > </div> </div> </div> <div class="card-content"> <div class="conv_btn_block"> <div class="row"> <div class="col-md-1"></div> <div class="col-md-10"> <a href="#" onclick="payAccess.pay.modal({infogood_id: 88}); return false;" class="btn btn-primary 123 c-white btn-u-lg btn-block-xs m-t-15 m-b-15" style="background: #000 ;white-space:normal;border-radius: 29px;" >Оплатить </a> </div> </div> </div> <div class="text-center m-t-15 visible-xs-block"> <a href="https://shtogrina.thecabinet.io/login/" class="c-bluegray"><i class="fal fa-sign-in"></i> Войти</a> </div> </div> </div> </div> </div> </div> </div> </form> </div> <div class="row m-t-40"> <div class="col-md-8"> <form id="wikiSearchForm" action="https://shtogrina.thecabinet.io/wiki/257/search/" method="GET" data-base-id="257"> <div class="input-group main_cont bgm-white brd-1 br-20 sh-0"> <input type="text" name="query" autocomplete="off" value="" placeholder="Найти статью" class="form-control_ p-l-25 brd-0 bgm-white bgWell_ WellFontColor sh-0 br-20-left" value="" style="width: 100%;height: 42px; border:0px;"> <span class="input-group-btn bgm-white bgWell_ br-20-right" style="border-left: 0px"> <button onclick="$(this).parents('form').submit();return false;" class="btn m-l-0 sh-0 bgm-trans br-20 brd-0" style="padding:10px 18px 7px 18px"><i class="fal fa-search f-18 c-gray WellFontColor"></i> </button> </span> </div> </form> </div> </div> </div> </div> </div> </div> <div class="m-t-20"></div> </div> <div class="text-center"> </div> <div class="clear"></div> </div> </div> </div> </div> </div> <div class="clear"></div> <div class="container"> </div> </div> <div class="clear"></div> <div class="bot_menu bot_btns mobile_fix" style="z-index: 800;"> <div class="p-t-10 p-r-15 p-l-15 bot_menu_cont text-center" style="bottom:60px;"> <div class="bot_menu_panels"> </div> </div> </div> <div class="modal-bottom-sheet" id="bottomSheetMenu"> <div class="modal-bottom-sheet-handle"></div> <div class="modal-bottom-sheet-content p-l-0 p-r-0"> <div class="bot_menu_panels"> </div> </div> </div> <script> $(function() { 'use strict'; var BottomSheet = function(elementId) { this.element = $('#' + elementId); this.startY = 0; this.currentY = 0; this.isDragging = false; this.wasOnHandle = false; // Отслеживаем был ли touchstart на handle this.bottomSwipeStart = null; this.isExpanded = false; this.isJustOpened = false; this.handle = this.element.find('.modal-bottom-sheet-handle'); this.closeBtn = this.element.find('[data-bs-close]'); this.content = this.element.find('.modal-bottom-sheet-content'); this.minHeight = 40; // vh this.maxHeight = 80; // vh this.dragThreshold = 30; // px this.init(); }; BottomSheet.prototype.init = function() { var self = this; // touchstart на handle this.handle.on('touchstart', function(e) { self.wasOnHandle = true; self.onTouchStart(e); }); // touchmove на handle - движем шторку следуя пальцу this.handle.on('touchmove', function(e) { if (self.isDragging && self.wasOnHandle) { e.preventDefault(); self.onTouchMove(e); } }); // touchend на handle this.handle.on('touchend', function(e) { if (self.isDragging && self.wasOnHandle) { self.onHandleTouchEnd(e); } }); // touchstart на контенте this.content.on('touchstart', function(e) { self.wasOnHandle = false; self.isDragging = true; }); // touchend на контенте this.content.on('touchend', function(e) { self.isDragging = false; self.element.removeClass('dragging'); }); // НОВОЕ: touchstart на document для отслеживания свайпа снизу экрана $(document).on('touchstart', function(e) { if (!self.element.hasClass('show')) { var touch = e.touches[0]; // Если свайп начинается в нижних 100px экрана if (touch.clientY > window.innerHeight - 100) { self.bottomSwipeStart = touch.clientY; } } }); // НОВОЕ: touchmove на document для отслеживания свайпа вверх $(document).on('touchmove', function(e) { if (!self.element.hasClass('show') && self.bottomSwipeStart) { var touch = e.touches[0]; var swipeDistance = self.bottomSwipeStart - touch.clientY; // Если свайп вверх достаточный if (swipeDistance > 50) { self.open(); self.bottomSwipeStart = null; } } }); // touchend на document $(document).on('touchend', function(e) { self.bottomSwipeStart = null; }); // НОВОЕ: Клик на handle для открытия закрытой шторки this.handle.on('click', function(e) { if (!self.element.hasClass('show')) { e.preventDefault(); self.open(); return false; } else { e.preventDefault(); self.close(); return false; } }); // Close button this.closeBtn.on('click', function(e) { e.preventDefault(); self.close(); return false; }); // НОВОЕ: Клик мимо шторки (на фоне) - закрываем $(document).on('click', function(e) { if (self.element.hasClass('show') && !self.isJustOpened) { // Если клик не на самой шторке и не на её потомках if (!$(e.target).closest('.modal-bottom-sheet').length) { self.close(); } } }); }; BottomSheet.prototype.onTouchStart = function(e) { var touch = e.touches[0]; this.startY = touch.clientY; this.isDragging = true; this.element.addClass('dragging'); }; BottomSheet.prototype.onTouchMove = function(e) { var touch = e.touches[0]; this.currentY = touch.clientY - this.startY; // Двигаем шторку вниз следуя пальцу (только вниз) if (this.currentY >= 0) { this.element.css('transform', 'translateY(' + this.currentY + 'px)'); } }; BottomSheet.prototype.onHandleTouchEnd = function(e) { var self = this; this.isDragging = false; var absSwipe = Math.abs(this.currentY); // СВАЙП ВНИЗ (положительное значение) if (this.currentY > this.dragThreshold) { if (this.isExpanded) { // Если расширено - сворачиваем на 40vh this.collapse(); } else { // Если компактно - закрываем полностью this.close(); } } // СВАЙП ВВЕРХ (отрицательное значение) else if (this.currentY < -this.dragThreshold && this.isAtTop() && !this.isContentScrollable()) { // Расширяем на 80vh this.expand(); } // Остальные случаи - возвращаем в исходное положение else { this.element.removeClass('dragging'); this.element.css('transition', 'transform 0.3s ease-in-out'); this.element.css('transform', 'translateY(0)'); setTimeout(function() { self.element.css('transition', ''); }, 300); } this.currentY = 0; }; BottomSheet.prototype.isAtTop = function() { return this.content.scrollTop() === 0; }; BottomSheet.prototype.isContentScrollable = function() { // Проверяем, переполнен ли контент (есть скролл) return this.content[0].scrollHeight > this.content[0].clientHeight; }; BottomSheet.prototype.open = function() { var self = this; this.element.addClass('show'); this.isExpanded = false; this.element.removeClass('expanded'); this.element.removeClass('dragging'); this.element.css('transition', 'transform 0.4s ease-out'); this.element.css('transform', 'translateY(0)'); // Флаг чтобы click-outside не закрыл сразу this.isJustOpened = true; setTimeout(function() { self.isJustOpened = false; }, 400); setTimeout(function() { self.element.css('transition', ''); }, 400); }; BottomSheet.prototype.close = function() { var self = this; // Включаем transition для плавного закрытия this.element.css('transition', 'transform 0.4s ease-out'); this.element.css('transform', 'translateY(100%)'); setTimeout(function() { self.element.removeClass('show'); self.element.removeClass('dragging'); self.isExpanded = false; self.element.removeClass('expanded'); self.element.css('transition', ''); }, 400); }; BottomSheet.prototype.expand = function() { this.isExpanded = true; this.element.removeClass('dragging'); this.element.css('transition', 'transform 0.3s ease-in-out'); this.element.addClass('expanded'); this.element.css('transform', 'translateY(0)'); setTimeout(function() { this.element.css('transition', ''); }.bind(this), 300); }; BottomSheet.prototype.collapse = function() { var self = this; this.isExpanded = false; this.element.removeClass('dragging'); this.element.css('transition', 'transform 0.3s ease-in-out'); this.element.removeClass('expanded'); this.element.css('transform', 'translateY(0)'); setTimeout(function() { self.element.css('transition', ''); }, 300); }; BottomSheet.prototype.toggle = function() { if (this.element.hasClass('show')) { this.close(); } else { this.open(); } }; // Инициализация if (!window.thecabinetApp) { window.thecabinetApp = {}; } if (!window.thecabinetApp.bottomSheet) { window.thecabinetApp.bottomSheet = new BottomSheet('bottomSheetMenu'); } }); </script> </body> <script src="/assets/js/material.core.js" type="text/javascript"></script> <script src="/assets/sidebarmd/js/material-dashboard.js?v=1.3.0"></script> </html>