sysadminix/tripwithbonus
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

TRI-283: end editors pages

Browse Source
This commit is contained in:
Artyom Pratsko
2024-11-22 08:59:49 +03:00
parent b98a4a5364
commit f3c78f0575
11 changed files with 399 additions and 65 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
templates/pages/p_customer_landing_page.html
View File

@@ -41,18 +41,18 @@
{% translate "Маленькая история о том, как работает наш сервис" %}
</p>
{############cards###############}
<div class="presentation__cards cards">
<div class="presentation__cards cards cards--cstmr">
<div class="cards__list">
<div class="cards__item">
<div class="cards__arrow"></div>
<img class="cards__img" src="{% static "img/webp/mover/image1.webp" %}" alt="img1"/>
<img class="cards__img" src="{% static "img/webp/customer/image1.webp" %}" alt="img1"/>
<p class="cards__desc">
{% translate "Олег планирует поездку в&nbsp;другой город, задался вопросом, как окупить стоимость дороги?" %}
</p>
</div>
<div class="cards__item">
<div class="cards__arrow"></div>
<img class="cards__img" src="{% static "img/webp/mover/image2.webp" %}" alt="img1"/>
<img class="cards__img" src="{% static "img/webp/customer/image2.webp" %}" alt="img2"/>
<p class="cards__desc">
{% translate "Олег зашел на сайт " %}
@@ -62,13 +62,13 @@
</div>
<div class="cards__item">
<div class="cards__arrow"></div>
<img class="cards__img" src="{% static "img/webp/mover/image3.webp" %}" alt="img1"/>
<img class="cards__img" src="{% static "img/webp/customer/image3.webp" %}" alt="img3"/>
<p class="cards__desc">
{% translate "На&nbsp;объявление Олега откликнулась Аня, ей&nbsp;как раз и&nbsp;нужно отправить посылку своему другу в&nbsp;город, куда следует Олег, но&nbsp;обычными почтовыми сервисами очень дорого и&nbsp;долго ждать." %}
</p>
</div>
<div class="cards__item">
<img class="cards__img" src="{% static "img/webp/mover/image4.webp" %}" alt="img1"/>
<img class="cards__img" src="{% static "img/webp/customer/image4.webp" %}" alt="img4"/>
<p class="cards__desc">
{% translate "Аня с Олегом созвонились, обсудили условия и договорились о месте и времени передачи посылки." %}
</p>
@@ -86,11 +86,11 @@
}
function checkAdaptive() {
if (window.innerWidth <= 1000) {
console.log('init check')
if (window.innerWidth <= 991.98) {
{#console.log('init check')#}
initStagesSlider();
} else {
console.log('rem')
{#console.log('rem')#}
removeSlider();
}
}
@@ -105,7 +105,7 @@
function initStagesSlider() {
if (!list[0].slick) {
console.log('init')
{#console.log('init')#}
list.slick({
autoplay: false,
dots: true,
@@ -165,7 +165,7 @@
<div class="subtitle">
{% translate "Чтобы разместить объявление - зарегистрируйтесь" %}
</div>
<a href="#form" class="easy__btn btn btn--primary">{% translate "Разместить объявление" %}</a>
<a href="{% url "registration_page" %}" class="easy__btn btn btn--primary">{% translate "Разместить объявление" %}</a>
</section>
<section class="use">
@@ -180,9 +180,9 @@
<div class="h3">
{% translate "Хотите перевезти посылку и окупить стоимость дороги, топлива?" %}
</div>
<a href="{% url "registration_page" %}"> class="use__btn btn btn--primary">{% translate "Найти посылку" %}</a>
<a href="{% url "registration_page" %}" class="use__btn btn btn--primary">{% translate "Найти посылку" %}</a>
<br/>
<a href="{% url "registration_page" %}"> class="use__link">{% translate "Зарегистрироваться" %}</a>
<a href="{% url "registration_page" %}" class="use__link">{% translate "Зарегистрироваться" %}</a>
</section>
<section class="benefits" id="benefits">
@@ -260,7 +260,7 @@
if (!vtns.length) return;
vtns.off('click.load-lazy').on('click.load-lazy', (e) => {
const vtn = e.target;
console.log('!!!!!!!', vtn,)
{#console.log('!!!!!!!', vtn,)#}
vtn.nextElementSibling.querySelector('video');
vtn.closest('.slick-slide').classList.contains('slick-current') &&
LazyLoad.load($(vtn).siblings().find('video')[0], {
@@ -276,7 +276,7 @@
}
function initSlider() {
console.log($('.slick-slider'))
{#console.log($('.slick-slider'))#}
$('.slick-slider')
.not('.slick-initialized').slick({
centerMode: true,
@@ -285,12 +285,9 @@
infinite: false,
initialSlide: 1,
responsive: [
{
breakpoint: 768,
settings: {
{#slidesToShow: 1,#}
{#slidesToScroll: 1,#}
draggable: true,
appendArrows: $('.chatterbox__mbtns'),
},
@@ -298,12 +295,8 @@
],
})
.on('beforeChange', function (event, slick, currentSlide, nextSlide) {
console.log([slick.$slides[currentSlide].querySelector('video')])
slick.$slides[currentSlide]?.querySelector('video')?.pause();
slick.$slides[nextSlide]?.querySelector('video')?.pause();
console.log('edge was hit', nextSlide, currentSlide, slick.$slides[currentSlide]);
});
}
@@ -332,7 +325,7 @@
<div class="subtitle">
{% translate "Зарегистрируйся на&nbsp;<a href='#' class='animate__link'>Trip With Bonus</a> прямо сейчас, размести бесплатно объявление и&nbsp;получи отклики от&nbsp;людей с&nbsp;посылками" %}
</div>
<a href="{% url "registration_page" %}"> class="use__btn btn btn--primary">{% translate "Разместить объявление" %}</a>
<a href="{% url "registration_page" %}" class="use__btn btn btn--primary">{% translate "Разместить объявление" %}</a>
<script>
document.addEventListener("DOMContentLoaded", () => {
const animate = document.querySelectorAll('.animate');
@@ -414,7 +407,7 @@
<div class="title">
{% translate "Размести свое объявление какую посылку ты можешь перевезти прямо сейчас " %}
</div>
<a href="{% url "registration_page" %}"> class="use__btn btn btn--primary">{% translate "Разместить объявление" %}</a>
<a href="{% url "registration_page" %}" class="use__btn btn btn--primary">{% translate "Разместить объявление" %}</a>
</section>
<section class="sore">
@@ -434,7 +427,7 @@
<div class="h3">
{% translate "Зарегистрируйся бесплатно прямо сейчас и начни размещать объявления о перевозки посылки" %}
</div>
<a href="{% url "registration_page" %}"> class="sore__btn btn btn--primary">{% translate "Зарегистрироваться и разместить" %}</a>
<a href="{% url "registration_page" %}" class="sore__btn btn btn--primary">{% translate "Зарегистрироваться и разместить" %}</a>
<br/>
</div>
</section>

21
templates/pages/p_mover_landing_page.html
View File

@@ -87,11 +87,11 @@
}
function checkAdaptive() {
if (window.innerWidth <= 1000) {
console.log('init check')
if (window.innerWidth <= 991.98) {
{#console.log('init check')#}
initStagesSlider();
} else {
console.log('rem')
{#console.log('rem')#}
removeSlider();
}
}
@@ -106,7 +106,7 @@
function initStagesSlider() {
if (!list[0].slick) {
console.log('init')
{#console.log('init')#}
list.slick({
autoplay: false,
dots: true,
@@ -273,7 +273,7 @@
if (!vtns.length) return;
vtns.off('click.load-lazy').on('click.load-lazy', (e) => {
const vtn = e.target;
console.log('!!!!!!!', vtn,)
{#console.log('!!!!!!!', vtn,)#}
vtn.nextElementSibling.querySelector('video');
vtn.closest('.slick-slide').classList.contains('slick-current') &&
LazyLoad.load($(vtn).siblings().find('video')[0], {
@@ -289,7 +289,7 @@
}
function initSlider() {
console.log($('.slick-slider'))
{#console.log($('.slick-slider'))#}
$('.slick-slider')
.not('.slick-initialized').slick({
centerMode: true,
@@ -298,12 +298,9 @@
infinite: false,
initialSlide: 1,
responsive: [
{
breakpoint: 768,
settings: {
{#slidesToShow: 1,#}
{#slidesToScroll: 1,#}
draggable: true,
appendArrows: $('.chatterbox__mbtns'),
},
@@ -311,12 +308,8 @@
],
})
.on('beforeChange', function (event, slick, currentSlide, nextSlide) {
console.log([slick.$slides[currentSlide].querySelector('video')])
slick.$slides[currentSlide]?.querySelector('video')?.pause();
slick.$slides[nextSlide]?.querySelector('video')?.pause();
console.log('edge was hit', nextSlide, currentSlide, slick.$slides[currentSlide]);
});
}
@@ -351,7 +344,7 @@
const observer = new IntersectionObserver(
(entries, interserctionObserver) => {
entries.forEach(entry => {
console.log('or', entry)
{#console.log('or', entry)#}
if (entry.isIntersecting) {
counter++;
const el = entry.target;