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

0.0.121 add static_page advertisement

Browse Source
This commit is contained in:
ArtemB
2023-08-31 19:16:11 +03:00
parent 7f2e216db4
commit 770289f1ae
16 changed files with 336 additions and 134 deletions
Download Patch File Download Diff File Expand all files Collapse all files

109
static/css/styles.css
View File

@@ -802,7 +802,7 @@ input.deactive {
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
position: absolute;
bottom: -10%;
left: 37%;
left: 40%;
height: fit-content;
width: 250px;
padding: 10px;
@@ -1105,7 +1105,10 @@ select {
.errorlist>li{
color:red;
margin-left: 12px;
}
span.errorlist{
color: red;
}
.receive_msg_by_email{
@@ -1256,6 +1259,7 @@ form.new_route{
width: 392px;
height: 60px;
margin-top: 10px;
padding-left: 10px;
}
@@ -1282,7 +1286,8 @@ div.departure_arrival>div>input{
appearance: none;
width: 392px;
height: 60px;
padding-left: 2px;
padding-left: 10px;
padding-right: 10px;
margin-top: 10px;
@@ -1401,6 +1406,7 @@ div.from_to_place>div>select{
line-height: 22px;
appearance: none;
margin-top: 20px;
padding-left: 10px;
}
@@ -1616,6 +1622,103 @@ button.cancel_remove{
font-weight: 600;
}
/*Static_pages*/
h2#title_static{
text-align: center;
font-family: Inter;
font-size: 44px;
font-style: normal;
font-weight: 700;
line-height: 52px;
margin-bottom: 20px;
}
span#sub_title_static{
display: block;
text-align: center;
margin-bottom: 40px;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 22px;
}
button#more_button{
display: block;
height: 60px;
width: 20%;
background: #FF613A;
color: #FFF;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 600;
text-decoration: none;
line-height: 26px;
border-radius: 10px;
text-align: center;
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
margin: 0 auto;
}
.top_block_static{
position: relative;
width: 80%;
height: 194px;
margin: auto;
padding: 0px 40px;
}
.top_block_static img{
position: absolute;
}
.top_block_static img:nth-child(4) {
bottom: 0; /* Положение нижнего левого изображения */
left: 129px;
bottom: -26px;
}
.top_block_static img:nth-child(5) {
top: 11px; /* Положение верхнего левого изображения */
left: 0;
}
.top_block_static img:nth-child(6) {
/* Положение нижнего правого изображения */
bottom: -33px;
right: 126px;
top: 58px;
}
.top_block_static img:nth-child(7) {
top: 0; /* Положение верхнего правого изображения */
right: 0;
}
.mid_block_static{
margin-top: 120px;
}
.benefit_img{
display: flex;
height: 211px;
align-items: flex-start;
gap: 74px;
padding: 20px 40px 0px 40px;
}
/*end_static_pages*/
/*my routes END*/

BIN
static/img/png/Box1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB

BIN
static/img/png/Box2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.0 KiB

BIN
static/img/png/Box3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 21 KiB

BIN
static/img/png/Box4.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

9
static/img/png/pc.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 17 KiB

9
static/img/svg/ad_img.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 115 KiB

9
static/img/svg/effective_img.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 40 KiB

9
static/img/svg/offer_img.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 100 KiB

9
static/img/svg/pc_img.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 17 KiB

9
static/img/svg/uniq_user_img.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 58 KiB

255
static/js/serch_town.js
View File

@@ -1,127 +1,128 @@
var listener = 0
var cur_el_ins = null
function focus_el_ins (el) {
if (el.value.length > 0) {
cur_el_ins = el
}
}
function searchTown(el){
// document.getElementById('id_from_address_point_txt').style.background = 'white url("/static/img/svg/loader.svg") no-repeat calc(100% - 15px) center';
// document.getElementById('id_to_address_point_txt').style.background = 'white url("/static/img/svg/loader.svg") no-repeat calc(100% - 15px) center';
if(el.value.length >= 3){
let timer = null
if (timer) {
clearTimeout(timer);
}
let element = el
timer = setTimeout(function(){
timer = null;
// let form = el.form;
let type_transport = 'road';
let search_str = el.value;
let get_address_point = new Object({type_transport, search_str});
get_address_point['ctrl_name'] = "govno"
get_address_point['for_filter'] = true
$.ajax({
headers: { "X-CSRFToken": $('input[name=csrfmiddlewaretoken]').val() },
url: '/ru/reference_data/get_address_point/',
type: "POST",
// async: true,
cache: false,
processData: false,
contentType: false,
// enctype: 'json',
data: JSON.stringify(get_address_point),
success: function(data){
// document.getElementById('id_from_address_point_txt').style.background = 'white url("/static/img/png/icon-arrow.svg") no-repeat calc(100% - 15px) center';
// document.getElementById('id_to_address_point_txt').style.background = 'white url("/static/img/png/icon-arrow.svg") no-repeat calc(100% - 15px) center';
getNewMessageSession()
let insert_place_1 = element.nextSibling
let insert_place_2 = insert_place_1.nextSibling
let insert_place = insert_place_2.nextSibling
if (data.res_search_list !== null || data.res_search_list !== ""){
insert_place.innerHTML = data.res_search_list
insert_place.nextSibling.classList.add("show")
} else {
if (insert_place.classList.contains("show")){
insert_place.classList.remove("show")
}
}
listener = 0
// return insertSearchList(data, el.name + '_list');
},
error: function (data){
console.log('Error')
listener = 1
}
});
}, 1500);
}
}
function show_list_w_places (el){
let value = el.value
if (value.length > 0){
if (listener === 0){
let listener_ev = document.querySelector("body")
listener_ev.setAttribute('onclick',"listen_body(event)")
}
}
}
function listen_body (event){
let input_1 = document.querySelector("#inp_form_find_route_w_abbreviation_1")
let input_2 = document.querySelector("#inp_form_find_route_w_abbreviation_2")
let place_1 = document.querySelectorAll(".insert-airports-place")[0]
let place_2 = document.querySelectorAll(".insert-airports-place")[1]
let list_els = [input_1,input_2,place_1,place_2]
let i = 0
let true_ev = false
list_els.map(function (){
if (event.target.id === list_els[i].id){
console.log("true")
true_ev = true
if (cur_el_ins !== event.target){
let cur_el_insert_1 = event.target.nextSibling
let cur_el_insert_2 = cur_el_insert_1.nextSibling
let cur_el_insert_3 = cur_el_insert_2.nextSibling
let cur_el_insert = cur_el_insert_3.nextSibling
if (cur_el_insert.classList.contains("show")) {
cur_el_insert.classList.remove("show")
}
}
}
i++
})
if (true_ev === false) {
if (input_1.focus() === true){
if (place_1.classList.contains("show")){
place_1.remove("show")
listener++
}
} else if (input_2.focus === true){
if (place_2.classList.contains("show")){
place_2.remove("show")
listener++
}
} else {
console.log("error")
}
}
}
// var listener = 0
// var cur_el_ins = null
//
// function focus_el_ins (el) {
// if (el.value.length > 0) {
// cur_el_ins = el
// }
// }
//
//
// function searchTown(el){
//
// // document.getElementById('id_from_address_point_txt').style.background = 'white url("/static/img/svg/loader.svg") no-repeat calc(100% - 15px) center';
// // document.getElementById('id_to_address_point_txt').style.background = 'white url("/static/img/svg/loader.svg") no-repeat calc(100% - 15px) center';
//
// if(el.value.length >= 3){
// let timer = null
// if (timer) {
// clearTimeout(timer);
// }
// let element = el
// timer = setTimeout(function(){
//
// timer = null;
// // let form = el.form;
// let type_transport = 'road';
// let search_str = el.value;
// let get_address_point = new Object({type_transport, search_str});
// get_address_point['ctrl_name'] = "govno"
// get_address_point['for_filter'] = true
//
// $.ajax({
// headers: { "X-CSRFToken": $('input[name=csrfmiddlewaretoken]').val() },
// url: '/ru/reference_data/get_address_point/',
// type: "POST",
// // async: true,
// cache: false,
// processData: false,
// contentType: false,
// // enctype: 'json',
// data: JSON.stringify(get_address_point),
// success: function(data){
// // document.getElementById('id_from_address_point_txt').style.background = 'white url("/static/img/png/icon-arrow.svg") no-repeat calc(100% - 15px) center';
// // document.getElementById('id_to_address_point_txt').style.background = 'white url("/static/img/png/icon-arrow.svg") no-repeat calc(100% - 15px) center';
//
//
// getNewMessageSession()
// let insert_place_1 = element.nextSibling
// let insert_place_2 = insert_place_1.nextSibling
// let insert_place = insert_place_2.nextSibling
// if (data.res_search_list !== null || data.res_search_list !== ""){
// insert_place.innerHTML = data.res_search_list
// insert_place.nextSibling.classList.add("show")
// } else {
// if (insert_place.classList.contains("show")){
// insert_place.classList.remove("show")
// }
// }
// listener = 0
// // return insertSearchList(data, el.name + '_list');
//
// },
// error: function (data){
//
// console.log('Error')
// listener = 1
//
// }
// });
// }, 1500);
// }
//
// }
//
// function show_list_w_places (el){
// let value = el.value
// if (value.length > 0){
// if (listener === 0){
// let listener_ev = document.querySelector("body")
// listener_ev.setAttribute('onclick',"listen_body(event)")
// }
// }
// }
//
// function listen_body (event){
// let input_1 = document.querySelector("#inp_form_find_route_w_abbreviation_1")
// let input_2 = document.querySelector("#inp_form_find_route_w_abbreviation_2")
// let place_1 = document.querySelectorAll(".insert-airports-place")[0]
// let place_2 = document.querySelectorAll(".insert-airports-place")[1]
// let list_els = [input_1,input_2,place_1,place_2]
// let i = 0
// let true_ev = false
// list_els.map(function (){
// if (event.target.id === list_els[i].id){
// console.log("true")
// true_ev = true
// if (cur_el_ins !== event.target){
// let cur_el_insert_1 = event.target.nextSibling
// let cur_el_insert_2 = cur_el_insert_1.nextSibling
// let cur_el_insert_3 = cur_el_insert_2.nextSibling
// let cur_el_insert = cur_el_insert_3.nextSibling
// if (cur_el_insert.classList.contains("show")) {
// cur_el_insert.classList.remove("show")
// }
// }
// }
// i++
// })
//
// if (true_ev === false) {
// if (input_1.focus() === true){
// if (place_1.classList.contains("show")){
// place_1.remove("show")
// listener++
// }
// } else if (input_2.focus === true){
// if (place_2.classList.contains("show")){
// place_2.remove("show")
// listener++
// }
// } else {
// console.log("error")
// }
// }
// }
//
//
//

4
templates/blocks/b_footer.html
View File

@@ -23,7 +23,7 @@
<div><a href="#">Перевезти посылку</a></div>
<div><a href="#">Отправить посылку</a></div>
<div><a href="#">Для отправителя</a></div>
<div><a href="#">Для перевозчика</a></div>
<div><a href="{% url 'static_page' 'mover_search' %}">Для перевозчика</a></div>
</div>
</div>
</div>
@@ -34,7 +34,7 @@
<div><a href="#">О Trip With Bonus</a href="#"></div>
<div><a href="#">Новости</a></div>
<div><a href="#">Партнерам</a></div>
<div><a href="#">Реклама</a></div>
<div><a href="{% url 'static_page' 'advertisement' %}">Реклама</a></div>
<div><a href="#">Служба поддержки</a></div>
<div><a href="#">Контакты</a></div>
</div>

1
templates/blocks/profile/b_new_route.html
View File

@@ -68,6 +68,7 @@
{% if form.fields.departure_DT.required %} required{% endif %}
id="id_departure_DT"
class="el_form_b_new_route"
placeholder="Выберите дату и время"
{% if form.initial.departure_DT %}value="{{ form.initial.departure_DT.date|date:"Y-m-d" }}T{{ form.initial.departure_DT.time|date:"H:i" }}"{% endif %}
/>

41
templates/blocks/static_pages_blocks/b_advertisement.html Normal file
View File

@@ -0,0 +1,41 @@
{% load i18n %}
<div class="top_block_static">
<h2 id=title_static>{{ page.title }}</h2>
<span id="sub_title_static">{{ page.description }}</span>
<button id="more_button">{% translate "Узнать подробнее" %}</button>
<img src="/static/img/png/Box1.png" alt="">
<img src="/static/img/png/Box2.png" alt="">
<img src="/static/img/png/Box3.png" alt="">
<img src="/static/img/png/Box4.png" alt="">
</div>
<div class="mid_block_static">
<h2 id="title_static">{% translate "Почему это выгодно?" %}</h2>
<div class="benefit_img">
<figure>
<img src="/static/img/svg/pc_img.svg" alt="">
<figcaption>{% translate "Полное брендирвоание страницы или раздела" %}</figcaption>
</figure>
<figure>
<img src="/static/img/svg/ad_img.svg" alt="">
<figcaption>{% translate "Реклама для целевой аудитории" %}</figcaption>
</figure>
<figure>
<img src="/static/img/svg/offer_img.svg" alt="">
<figcaption>{% translate "Индивидуальное согласование цены при объеме" %}</figcaption>
</figure>
<figure>
<img src="/static/img/svg/uniq_user_img.svg" alt="">
<figcaption>{% translate "Более чем 10 000 уникальных посещений в день" %}</figcaption>
</figure>
<figure>
<img src="/static/img/svg/effective_img.svg" alt="">
<figcaption>{% translate "Высокая эффективность" %}</figcaption>
</figure>
</div>
</div>

6
templates/pages/p_static_page.html
View File

@@ -1,9 +1,11 @@
{% extends "tb_base.html" %}
{% block content %}
<h1>{{ page.title }}</h1>
<h2>{{ page.description }}</h2>
{% if page.url == 'customer_search' %}
{% include "blocks/static_pages_blocks/b_customer_search.html" %}
{% endif %}
{% if page.url == 'advertisement' %}
{% include "blocks/static_pages_blocks/b_advertisement.html" %}
{% endif %}
{% endblock %}