Skip to content

A
Avalon
Commit 4cd88bff authored by Sergey's avatar Sergey
Browse files
Options

Make vacancies and companies maps

parent 3b9f8518
Expand all Show whitespace changes
Inline Side-by-side
Showing with 1285 additions and 33 deletions
src/companies-list.html
View file @ 4cd88bff
...@@ -249,7 +249,7 @@ ...@@ -249,7 +249,7 @@
<input type="submit" name="submit-quick-search" value="" style="background-image: url(./img/bg-submit-quick-search.svg);"> <input type="submit" name="submit-quick-search" value="" style="background-image: url(./img/bg-submit-quick-search.svg);">
</form> </form>
</div> </div>
<div class="search-list"> <div class="main-search">
<div class="row search-list-row-companies"> <div class="row search-list-row-companies">
<div class="col-6"> <div class="col-6">
<a href="#" class="image-companies" style="background-image: url(./img/img_banner4.png);"></a> <a href="#" class="image-companies" style="background-image: url(./img/img_banner4.png);"></a>
......
src/companies-map.html 0 → 100644
View file @ 4cd88bff
This diff is collapsed.
src/img/arrow_balloon.svg 0 → 100644
View file @ 4cd88bff
<svg width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.79167 4.83333L1.25 0.0416667C1.20833 0 1.16667 0 1.125 0C1.04167 0 1 0.0416667 0.958333 0.0833333L0.0416667 1.16667C0 1.20833 0 1.25 0 1.29167C0 1.33333 0.0416667 1.41667 0.0833333 1.41667L4.25 5L0.0833333 8.54167C0.0416667 8.58333 0 8.625 0 8.70833C0 8.75 0 8.83333 0.0416667 8.875L0.958333 9.95833C1 9.95833 1.04167 10 1.125 10C1.16667 10 1.20833 10 1.25 9.95833L6.79167 5.16667C6.83333 5.125 6.875 5.08333 6.875 5C6.875 4.95833 6.83333 4.875 6.79167 4.83333Z" fill="#3C3B55"/>
</svg>
src/img/icon_list.svg 0 → 100644
View file @ 4cd88bff
<svg width="20" height="15" viewBox="0 0 20 15" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20 1V3H5V1H20ZM0 3H3V0H0V3ZM5 9H20V7H5V9ZM0 9H3V6H0V9ZM5 15H20V13H5V15ZM0 15H3V12H0V15Z" fill="#262262"/>
</svg>
src/img/icon_pin.svg 0 → 100644
View file @ 4cd88bff
<svg width="28" height="40" viewBox="0 0 28 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0)">
<g filter="url(#filter0_d)">
<path d="M14 0C6.2 0 0 6.2 0 14C0 21.8 14 40 14 40C14 40 28 21.8 28 14C28 6.2 21.8 0 14 0ZM14 18.4C11.8 18.4 10 16.6 10 14.4C10 12.2 11.8 10.4 14 10.4C16.2 10.4 18 12.2 18 14.4C18 16.6 16.2 18.4 14 18.4Z" fill="#92C83E"/>
</g>
<circle r="5" transform="matrix(-1 0 0 1 14 14)" fill="white"/>
</g>
<defs>
<filter id="filter0_d" x="-6" y="-2" width="40" height="52" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="3"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.572549 0 0 0 0 0.784314 0 0 0 0 0.243137 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
<clipPath id="clip0">
<rect width="28" height="40" fill="white"/>
</clipPath>
</defs>
</svg>
src/img/icon_pin_active.svg 0 → 100644
View file @ 4cd88bff
<svg width="28" height="40" viewBox="0 0 28 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0)">
<g filter="url(#filter0_d)">
<path d="M14 0C6.2 0 0 6.2 0 14C0 21.8 14 40 14 40C14 40 28 21.8 28 14C28 6.2 21.8 0 14 0ZM14 18.4C11.8 18.4 10 16.6 10 14.4C10 12.2 11.8 10.4 14 10.4C16.2 10.4 18 12.2 18 14.4C18 16.6 16.2 18.4 14 18.4Z" fill="#262262"/>
</g>
<circle r="5" transform="matrix(-1 0 0 1 14 14)" fill="white"/>
</g>
<defs>
<filter id="filter0_d" x="-6" y="-2" width="40" height="52" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="3"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.572549 0 0 0 0 0.784314 0 0 0 0 0.243137 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
<clipPath id="clip0">
<rect width="28" height="40" fill="white"/>
</clipPath>
</defs>
</svg>
src/img/img_balloon_brand.svg 0 → 100644
View file @ 4cd88bff
This diff is collapsed.
src/js/main.js
View file @ 4cd88bff
This diff is collapsed.
src/main.html
View file @ 4cd88bff
...@@ -125,36 +125,44 @@ ...@@ -125,36 +125,44 @@
<div class="container"> <div class="container">
<h1>Все страницы</h1> <h1>Все страницы</h1>
<div class="content-page block-mt-dark-blue"> <div class="content-page block-mt-dark-blue">
<h2>Для соискателей</h2>
<br>
<ul> <ul>
<li> <li>
<a href="index.html">Главная (Для соискателей)</a> <a href="index.html">Главная</a>
</li> </li>
<li> <li>
<a href="vacancies-list.html">Список вакансий (Для соискателей)</a> <a href="vacancies-list.html">Список вакансий</a>
</li> </li>
<li> <li>
<a href="faq.html">Часто задаваемые вопросы (Для соискателей)</a> <a href="faq.html">Часто задаваемые вопросы</a>
</li> </li>
<li> <li>
<a href="articles.html">Статьи (Для соискателей)</a> <a href="articles.html">Статьи</a>
</li> </li>
<li> <li>
<a href="current-article.html">Статья детальная (Для соискателей)</a> <a href="current-article.html">Статья детальная</a>
</li> </li>
<li> <li>
<a href="service-rules.html">Как пользоваться сервисом (Для соискателей)</a> <a href="service-rules.html">Как пользоваться сервисом</a>
</li> </li>
<li> <li>
<a href="access-account.html">Вход в личный кабинет (Для соискателей)</a> <a href="access-account.html">Вход в личный кабинет</a>
</li> </li>
<li> <li>
<a href="password-recovery.html">Восстановление пароля (Для соискателей)</a> <a href="password-recovery.html">Восстановление пароля</a>
</li> </li>
<li> <li>
<a href="registration.html">Регистрация (Для соискателей)</a> <a href="registration.html">Регистрация</a>
</li> </li>
<li> <li>
<a href="companies-list.html">Список компаний (Для соискателей)</a> <a href="companies-list.html">Список компаний</a>
</li>
<li>
<a href="vacancies-map.html">Вакансии на карте</a>
</li>
<li>
<a href="companies-map.html">Компании на карте</a>
</li> </li>
</ul> </ul>
</div> </div>
......
src/php/companies.php 0 → 100644
View file @ 4cd88bff
[
{
"coords": ["56.27361", "44.087077"],
"nameCompany": "Сеть магазинов «Пятёрочка»",
"logoCompany": "./img/img_balloon_brand.svg"
},
{
"coords": ["56.209005", "44.10075"],
"nameCompany": "Сеть магазинов «Пятёрочка»",
"logoCompany": "./img/img_balloon_brand.svg"
},
{
"coords": ["56.147671", "44.196034"],
"nameCompany": "Сеть магазинов «Пятёрочка»",
"logoCompany": "./img/img_balloon_brand.svg"
},
{
"coords": ["56.153864", "44.209581"],
"nameCompany": "Сеть магазинов «Пятёрочка»",
"logoCompany": "./img/img_balloon_brand.svg"
}
]
\ No newline at end of file
src/php/vacancies.php 0 → 100644
View file @ 4cd88bff
[
{
"coords": ["56.27361", "44.087077"],
"nameWork": "Разнорабочий",
"salary": "от 27 000 руб./мес",
"nameCompany": "Сеть магазинов «Пятёрочка»",
"logoCompany": "./img/img_balloon_brand.svg"
},
{
"coords": ["56.209005", "44.10075"],
"nameWork": "Разнорабочий",
"salary": "от 27 000 руб./мес",
"nameCompany": "Сеть магазинов «Пятёрочка»",
"logoCompany": "./img/img_balloon_brand.svg"
},
{
"coords": ["56.147671", "44.196034"],
"nameWork": "Разнорабочий",
"salary": "от 27 000 руб./мес",
"nameCompany": "Сеть магазинов «Пятёрочка»",
"logoCompany": "./img/img_balloon_brand.svg"
},
{
"coords": ["56.153864", "44.209581"],
"nameWork": "Разнорабочий",
"salary": "от 27 000 руб./мес",
"nameCompany": "Сеть магазинов «Пятёрочка»",
"logoCompany": "./img/img_balloon_brand.svg"
}
]
\ No newline at end of file
src/scss/style.scss
View file @ 4cd88bff
...@@ -2198,10 +2198,10 @@ button ...@@ -2198,10 +2198,10 @@ button
background-size: cover; background-size: cover;
} }
.search-list .main-search
{ {
margin-top: 32px; margin-top: 32px;
&-row-vacancies .search-list-row-vacancies
{ {
margin-left: -10px; margin-left: -10px;
margin-right: -10px; margin-right: -10px;
...@@ -2212,7 +2212,7 @@ button ...@@ -2212,7 +2212,7 @@ button
padding-right: 10px; padding-right: 10px;
} }
} }
&-row-companies .search-list-row-companies
{ {
margin-left: -9px; margin-left: -9px;
margin-right: -9px; margin-right: -9px;
...@@ -2721,6 +2721,214 @@ button ...@@ -2721,6 +2721,214 @@ button
border: 0; border: 0;
} }
// Карта
.map-api
{
height: 925px;
width: 100%;
box-shadow: 0 10px 20px 0 rgba(15,20,91,.1);
}
// Стили для балуна
ymaps[class$='balloon__content']
{
padding: 20px 0;
}
ymaps[class$='balloon__content'] ymaps:first-child
{
width: 100% !important;
height: auto !important;
}
ymaps[class$='custom-scroll']
{
border-radius: 6px !important;
box-shadow: 0 10px 20px 0 rgba(15,20,91,.1) !important;
width: 268px !important;
max-width: 268px !important;
// min-height: 159px !important;
height: auto !important;
}
ymaps[class$='balloon__tail']
{
left: 120px !important;
}
ymaps[class$='pie-chart']
{
line-height: normal !important;
height: 36px !important;
width: 36px !important;
display: flex !important;
justify-content: !important;
align-items: !important;
}
ymaps[class$='patched-for-print']
{
background-image: none !important;
list-style-image: none !important;
height: 36px !important;
box-shadow: 0 10px 20px 0 rgba(15, 20, 91, 0.1) !important;
background: $color-hover !important;
border-radius: 50% !important;
display: flex !important;
justify-content: center !important;
align-items: center !important;
}
ymaps[class$='pie-chart-content']
{
position: relative !important;
height: auto !important;
width: 100% !important;
font-family: Montserrat Regular;
font-size: 16px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.88;
letter-spacing: normal;
color: #ffffff;
display: flex;
justify-content: center;
align-items: center;
}
.balloon-header-vacancy
{
display: flex;
align-items: center;
justify-content: space-between;
padding-bottom: 22px;
border-bottom: 1px solid #DDDCE8;
padding-left: 20px;
padding-right: 20px;
&__left
{
p:nth-child(1)
{
font-family: Montserrat Bold;
font-size: 14px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: $color-primary;
}
p:nth-child(2)
{
font-family: Montserrat Regular;
font-size: 14px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: $color-primary;
margin-top: 5px;
}
}
&__right
{
a
{
transition: .3s;
.img-svg
{
margin-right: 0;
}
}
a:hover
{
.img-svg path
{
fill: $color-hover;
}
}
}
}
.balloon-content-vacancy
{
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
&-block
{
display: flex;
align-items: center;
&__image
{
img
{
max-width: 100%;
height: auto;
}
}
&__name
{
font-family: Montserrat Regular;
font-size: 14px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: $color-primary;
width: 160px;
margin-left: 10px;
}
}
}
.balloon-header-companies
{
display: flex;
justify-content: space-between;
align-items: center;
&__left
{
.balloon-content-companies-block
{
display: flex;
align-items: center;
padding-left: 20px;
padding-right: 20px;
// border-right: 1px solid #DDDCE8;
&__image
{
img
{
max-width: 100%;
height: auto;
}
}
&__name
{
margin-left: 10px;
font-family: Montserrat Regular;
font-size: 14px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: $color-primary;
width: 160px;
}
}
}
&__right
{
}
}
.footer .footer
{ {
......
src/vacancies-list.html
View file @ 4cd88bff
...@@ -314,7 +314,7 @@ ...@@ -314,7 +314,7 @@
<input type="submit" name="submit-quick-search" value="" style="background-image: url(./img/bg-submit-quick-search.svg);"> <input type="submit" name="submit-quick-search" value="" style="background-image: url(./img/bg-submit-quick-search.svg);">
</form> </form>
</div> </div>
<div class="search-list"> <div class="main-search">
<div class="row search-list-row-vacancies"> <div class="row search-list-row-vacancies">
<div class="col-4"> <div class="col-4">
<a href="#" class="image-vacancies" style="background-image: url(./img/img_banner3.png);"></a> <a href="#" class="image-vacancies" style="background-image: url(./img/img_banner3.png);"></a>
......
src/vacancies-map.html 0 → 100644
View file @ 4cd88bff
This diff is collapsed.
webpack.config.js
View file @ 4cd88bff
...@@ -5,7 +5,8 @@ const CopyWebpackPlugin = require('copy-webpack-plugin'); ...@@ -5,7 +5,8 @@ const CopyWebpackPlugin = require('copy-webpack-plugin');
const MiniCssExtractPlugin = require('mini-css-extract-plugin'); const MiniCssExtractPlugin = require('mini-css-extract-plugin');
const webpack = require('webpack'); const webpack = require('webpack');
const isDev = process.env.NODE_ENV = 'development'; const isDev = process.env.NODE_ENV = 'development';
const pages = ['index', 'articles', 'faq', 'vacancies-list', 'current-article', 'main', 'service-rules', 'access-account', 'password-recovery', 'registration', 'companies-list']; const pages = ['index', 'articles', 'faq', 'vacancies-list', 'current-article', 'main', 'service-rules', 'access-account', 'password-recovery', 'registration', 'companies-list',
'vacancies-map', 'companies-map'];
const webpackConfig = { const webpackConfig = {
context: path.resolve(__dirname, 'src'), context: path.resolve(__dirname, 'src'),
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment