Commit f3e24691 authored by Simon's avatar Simon

release 1.19.2

parent fb3e99ce
......@@ -20,9 +20,9 @@
## Production
- build CSS & JS assets - `C:\web\dev.biuro\ npm run build`
- build new image `docker build -t biuro/web:1.19.0 .` (update version number)
- build new image `docker build -t biuro/web:1.19.2 .` (update version number)
- login to biuro docker account `docker login --username=biuro --password=9Ndtjd2vKsLvGuFOeFq1KdJs`
- push image to docker repository - `docker push biuro/web:1.19.0`
- push image to docker repository - `docker push biuro/web:1.19.2`
## Production
- update biuro/web image version in .env file (staging or www)
......
......@@ -6,34 +6,83 @@
.l-map--cities { height: 495px; }
.l-map--cities--panevezys-inner {
height: 305px;
@media (--min--medium) {
height: 513px;
}
}
/* critical:end */
.l-map--cities--panevezys {
position: relative;
height: 513px;
margin-top: 40px;
@media (--min--medium) {
margin: 40px 0 0;
}
}
.l-map--cities--panevezys-aside {
display: flex;
flex-direction: column;
padding: 15px 30px;
background: rgba(218, 33, 40, 0.9);
z-index: 10;
justify-content: center;
@media (--min--medium) {
position: absolute;
top: 0;
left: 0;
height: 100%;
padding: 50px 52px;
width: 460px;
background: rgba(218, 33, 40, 0.9);
z-index: 10;
padding: 20px 52px 50px;
}
}
.l-map--cities--panevezys-wrap {
display: flex;
padding: 0 0 15px;
align-items: center;
justify-content: center;
border-bottom: 1px solid #fff;
h2 {
@media (--min--medium) {
flex-direction: column;
align-items: start;
margin: 0 0 40px;
padding: 36px 40px 24px 0;
border-bottom: 1px solid #fff;
}
svg {
margin: 0 0 30px;
@media (--max--medium) {
width: 26px;
height: 27px;
margin: 0 25px 0 0;
flex: 0 0 26px
}
}
h2 {
margin: 0;
color: #fff;
font-weight: bold;
font-size: 18px;
line-height: 26px;
@media (--min--medium) {
font-size: 30px;
line-height: 40px;
}
}
}
/* critical:end */
.l-map--cities--panevezys-svg {
@media (--max--medium) {
margin: 10px auto;
width: 150px;
}
}
......@@ -108,7 +108,7 @@
.l-section--recommend { background-image: url(/wp-content/themes/biuro/i/sections/recommend.jpg); }
.l-section--landing-3 { background-image: url(/wp-content/themes/biuro/i/sections/landing-3.jpg); }
.l-section--landing-4 { background-image: url(/wp-content/themes/biuro/i/sections/landing-4.jpg); }
.l-section--landing-5 { background-image: url(/wp-content/themes/biuro/i/sections/landing-4.jpg); }
.l-section--landing-5 { background-image: url(/wp-content/themes/biuro/i/sections/landing-5.jpg); }
}
.js.webp {
......@@ -120,5 +120,5 @@
.l-section--recommend { background-image: url(/wp-content/themes/biuro/i/sections/recommend.webp); }
.l-section--landing-3 { background-image: url(/wp-content/themes/biuro/i/sections/landing-3.webp); }
.l-section--landing-4 { background-image: url(/wp-content/themes/biuro/i/sections/landing-4.webp); }
.l-section--landing-5 { background-image: url(/wp-content/themes/biuro/i/sections/landing-4.webp); }
.l-section--landing-5 { background-image: url(/wp-content/themes/biuro/i/sections/landing-5.webp); }
}
......@@ -14,12 +14,6 @@
&:hover { background: var(--color--green-darker); border-color: var(--color--green-darker); }
}
.c-contact-landing-5--form {
.c-btn--main { background: #DA2128; border: 2px solid #DA2128;
&:hover { background: #A70000; border-color: #A70000; }
}
}
.c-btn--phone { color: #fff; background: var(--color--green); border: 2px solid var(--color--green); border-radius: 44px; overflow: hidden; height: 44px; line-height: 24px; margin: -15px 0 15px; padding: 9px 15px 8px;
svg { float: left; margin: 0 10px 0 0; }
&:hover { background: var(--color--green-darker); border-color: var(--color--green-darker); }
......@@ -29,10 +23,11 @@
color: #fff;
background: #DA2128;
border: 2px solid #DA2128;
overflow: hidden; height: 68px;
overflow: hidden;
height: 44px;
line-height: 24px;
margin: 10px 0 35px;
padding: 21px 28px 20px;
margin: -10px 0 15px;
padding: 9px 15px 8px;
svg {
float: left;
......@@ -43,6 +38,12 @@
background: #A70000;
border-color: #A70000;
}
@media (--min--medium) {
height: 68px;
margin: 10px 0 35px;
padding: 21px 28px 20px;
}
}
.c-btn--disabled { color: #bbb; background: #6f7479; border-color: #6f7479; outline: none; pointer-events: none; user-select: none;
......
......@@ -48,18 +48,22 @@
}
.c-contact-landing-5--content-inner {
@media (--min--medium) {
columns: 2;
}
p {
@media (--min--medium) {
padding: 15px 0;
width: 200px;
height: 50px;
}
font-size: 16px;
line-height: 20px;
}
svg {
color: #DA2128;
color: #da2128;
}
}
......@@ -73,18 +77,36 @@
/* critical:end */
.c-contact-landing-5--aside { padding: 25px; background: #ECECEC; overflow: hidden;
svg { float: left; margin-right: 25px;
@media (--max--medium) {
display: none;
.c-contact-landing-5--aside {
padding: 10px 15px;
background: #ececec;
overflow: hidden;
margin: 20px 0 10px;
svg {
float: left;
margin-right: 15px;
@media (--min--medium) {
margin-right: 25px;
}
}
p { overflow: hidden; color: #787878; margin: 0; text-align: center;
p {
overflow: hidden;
color: #787878;
margin: 4px 0 0;
@media (--min--medium) {
max-width: 300px;
text-align: left;
font-size: 16px;
line-height: 23px;
margin: 0;
}
}
@media (--min--medium) {
margin: 0;
padding: 25px;
}
}
......@@ -84,8 +84,9 @@
h1 {
color: #fff;
font-size: 21px;
line-height: 32px;
font-weight: bold;
font-size: 24px;
line-height: 28px;
@media (--min--medium) {
max-width: 500px;
......
......@@ -3,8 +3,15 @@
/* critical:start */
.c-logo { display: block; width: 81px; margin-right: 89px; padding: 11px 0; text-decoration: none; }
.c-logo--svg { display: block; }
/* critical:end */
.c-logo--motherson {
display: block;
@media (--max--medium) {
margin: 17px 0 0 -55px;
}
}
......@@ -19,3 +19,14 @@
.popup-bubble-anchor { position: absolute; width: 1px; bottom: 6px; left: 0; }
.popup-container { cursor: auto; height: 0; position: absolute; width: 200px; }
.l-map--cities--panevezys {
.popup-bubble {
background: #000;
box-shadow: 0 1px 15px rgba(124, 124, 124, 0.5);
border-radius: 8px;
color: #fff;
&:after { display: none; }
}
}
......@@ -5,5 +5,5 @@ If applicable, thematic styles are placed here (e.g. seasonal Christmas theme) T
t-: Signify that a class is responsible for adding a Theme to a view. It lets us know that UI Components’ current cosmetic appearance may be due to the presence of a theme.
========================================================================== */
/* @import '_theme--.css'; */
@import '_theme--motherson.css';
/* ------------- Theme: motherson ------------- */
/* critical:start */
.t-motherson {
.c-btn--main {
background: #da2128;
border: 2px solid #da2128;
&:hover {
background: #a70000;
border-color: #a70000;
}
}
}
/* critical:end */
This diff is collapsed.
This source diff could not be displayed because it is too large. You can view the blob instead.
This diff is collapsed.
......@@ -27,10 +27,7 @@ qa-: Signify that a QA or Test Engineering team is running an automated UI test
@import '06-objects/__objects.css';
@import '07-components/__components.css';
@import '08-states/__states.css';
/*
@import '09-themes/__themes.css';
*/
/*
@import '__previous.css';
......
This diff is collapsed.
This source diff could not be displayed because it is too large. You can view the blob instead.
......@@ -71,15 +71,17 @@
<div class="c-jobs c-jobs--alt">
<div class="l-map--cities--panevezys">
<div class="l-map--cities--panevezys-aside">
<div class="l-map--cities--panevezys-wrap">
<svg width="46px" height="47px" viewBox="0 0 20 21">
<path fill="#fff" d="M5 15.5A1.25 1.25 0 105 13a1.25 1.25 0 000 2.5zm10 0a1.25 1.25 0 100-2.5 1.25 1.25 0 000 2.5zm4.062-10h-.312V3.625c0-1.712-3.708-3.065-8.434-3.123L10 .5C5.125.5 1.25 1.875 1.25 3.625V5.5H.937A.937.937 0 000 6.438v3.125c0 .517.42.937.937.937h.313v6.25c0 .69.56 1.25 1.25 1.25v1.25c0 .69.56 1.25 1.25 1.25h1.875c.69 0 1.25-.56 1.25-1.25V18h6.25v1.25c0 .69.56 1.25 1.25 1.25h1.875c.69 0 1.25-.56 1.25-1.25V18c.69 0 1.25-.56 1.25-1.25V10.5h.312c.518 0 .938-.42.938-.937V6.438a.937.937 0 00-.938-.938zM5.625 19.25H3.75V18h1.875v1.25zm10.625 0h-1.875V18h1.875v1.25zm1.25-2.5h-15v-5h15v5zm0-6.25h-15v-5H17.5v5zm.001-6.25H2.5v-.613C2.629 3.117 5.133 1.75 10 1.75c4.867 0 7.37 1.367 7.501 1.887v.613z" fill-rule="nonzero"/>
</svg>
<h2><?php _e('Free transport to / from work in these cities', 'biuro'); ?></h2>
<svg width="188px" height="43px" viewBox="0 0 526.44 119.38">
</div>
<svg width="188px" height="43px" viewBox="0 0 526.44 119.38" class="l-map--cities--panevezys-svg">
<use href="#ico--motherson"></use>
</svg>
</div>
<div class="l-map--cities--panevezys" id="js-map--cities" data-source="panevezys"></div>
<div class="l-map--cities--panevezys-inner" id="js-map--cities" data-source="panevezys"></div>
</div>
</div>
......
......@@ -152,7 +152,7 @@
?>
<script src="/wp-content/themes/biuro/js/main.min.js" async defer></script>
<script src="/wp-content/themes/biuro/js/main-fe27d058.min.js" async defer></script>
<script src="/wp-content/themes/biuro/js/vendor/modernizr-custom.js" async defer></script>
......
<!DOCTYPE html>
<html <?php language_attributes(); ?> class="no-js">
<?php
global $langing;
?>
<html <?php language_attributes(); ?> class="no-js <?php if (isset($langing) && $langing == 'motherson'): echo 't-motherson'; endif; ?>">
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>">
<meta content="IE=edge" http-equiv="X-UA-Compatible" />
......@@ -27,7 +30,7 @@
<link rel="preload" as="font" type="font/woff2" href="/wp-content/themes/biuro/fonts/roboto-v19-cyrillic_latin_cyrillic-ext_latin-ext-500.woff2" crossorigin="anonymous" >
<link rel="preload" as="font" type="font/woff2" href="/wp-content/themes/biuro/fonts/roboto-v19-cyrillic_latin_cyrillic-ext_latin-ext-regular.woff2" crossorigin="anonymous" >
<style><?php include 'css/core.min.css'; ?></style>
<style><?php include 'css/core-220b3716b6.min.css'; ?></style>
<script>
document.documentElement.classList.replace('no-js', 'js');
......@@ -36,21 +39,19 @@
<link rel="preload" as="font" type="font/woff2" href="/wp-content/themes/biuro/fonts/roboto-v19-cyrillic_latin_cyrillic-ext_latin-ext-300.woff2" crossorigin="anonymous" >
<link rel="preload" as="font" type="font/woff2" href="/wp-content/themes/biuro/fonts/roboto-v19-cyrillic_latin_cyrillic-ext_latin-ext-700.woff2" crossorigin="anonymous" >
<link rel="preload" href="/wp-content/themes/biuro/css/main.min.css" as="style" onload="this.rel='stylesheet'">
<link rel="preload" href="/wp-content/themes/biuro/css/main-12acced0e9.min.css" as="style" onload="this.rel='stylesheet'">
<link rel="preconnect" href="https://www.gstatic.com">
<link rel="preconnect" href="https://fonts.gstatic.com">
<noscript>
<link rel="stylesheet" href="/wp-content/themes/biuro/css/main.min.css">
<link rel="stylesheet" href="/wp-content/themes/biuro/css/main-12acced0e9.min.css">
</noscript>
<?php wp_head(); ?>
</head>
<body class="l-body--langing">
<?php
global $langing;
include 'template-parts/svg/icons.php';
?>
<header class="l-header--langing">
......@@ -65,7 +66,7 @@
<?php
if (isset($langing) && $langing == 'motherson'):
?>
<svg width="183px" height="41px" viewBox="0 0 526.44 119.38">
<svg width="183px" height="41px" viewBox="0 0 526.44 119.38" class="c-logo--motherson">
<use href="#ico--motherson"></use>
</svg>
<?php
......
......@@ -41,7 +41,7 @@
<link rel="preload" as="font" type="font/woff2" href="/wp-content/themes/biuro/fonts/roboto-v19-cyrillic_latin_cyrillic-ext_latin-ext-500.woff2" crossorigin="anonymous" >
<link rel="preload" as="font" type="font/woff2" href="/wp-content/themes/biuro/fonts/roboto-v19-cyrillic_latin_cyrillic-ext_latin-ext-regular.woff2" crossorigin="anonymous" >
<style><?php include 'css/core.min.css'; ?></style>
<style><?php include 'css/core-220b3716b6.min.css'; ?></style>
<script>
document.documentElement.classList.replace('no-js', 'js');
......@@ -50,13 +50,13 @@
<link rel="preload" as="font" type="font/woff2" href="/wp-content/themes/biuro/fonts/roboto-v19-cyrillic_latin_cyrillic-ext_latin-ext-300.woff2" crossorigin="anonymous" >
<link rel="preload" as="font" type="font/woff2" href="/wp-content/themes/biuro/fonts/roboto-v19-cyrillic_latin_cyrillic-ext_latin-ext-700.woff2" crossorigin="anonymous" >
<link rel="preload" href="/wp-content/themes/biuro/css/main.min.css" as="style" onload="this.rel='stylesheet'">
<link rel="preload" href="/wp-content/themes/biuro/css/main-12acced0e9.min.css" as="style" onload="this.rel='stylesheet'">
<link rel="preconnect" href="https://www.gstatic.com">
<link rel="preconnect" href="https://fonts.gstatic.com">
<noscript>
<link rel="stylesheet" href="/wp-content/themes/biuro/css/main.min.css">
<link rel="stylesheet" href="/wp-content/themes/biuro/css/main-12acced0e9.min.css">
</noscript>
<?php
......
(window.webpackJsonp=window.webpackJsonp||[]).push([[0],{7:function(e,t,n){"use strict";n.r(t);const o=e=>{if(!e)return;const t=e.parentNode.nextElementSibling;if(!t||!t.classList.contains("c-accordion--content"))return;const n=e.classList.contains("c-accordion--header--is-expanded");n?(e=>{const t=e.scrollHeight,n=e.style.transition;e.style.transition="",requestAnimationFrame(()=>{e.style.height=t+"px",e.style.transition=n,requestAnimationFrame(()=>{e.style.height="0px"})})})(t):(history.pushState({},"",e.hash),requestAnimationFrame(()=>{(e=>{const t=e.offsetTop-(Math.max(document.documentElement.clientWidth,window.innerWidth||0)<960?72:117);window.scrollTo({top:t,behavior:"smooth"}),e.blur()})(e),requestAnimationFrame(()=>{(e=>{const t=e.scrollHeight,n=t=>{e.removeEventListener("transitionend",n)};e.style.height=t+"px",e.addEventListener("transitionend",n)})(t)})})),e.classList.toggle("c-accordion--header--is-expanded",!n)};t.default=()=>{document.querySelectorAll(".c-accordion--content").forEach(e=>{e.classList.add("c-accordion--content--is-collapsed")}),window.location.hash&&o(document.querySelector(window.location.hash)),document.querySelectorAll(".js-accordion--header").forEach(e=>{e.addEventListener("click",t=>{t.preventDefault(),o(e)})})}}}]);
\ No newline at end of file
(window["webpackJsonp"] = window["webpackJsonp"] || []).push([["accordion"],{
/***/ "./wp-content/themes/biuro/js/components/accordion/accordion.js":
/*!**********************************************************************!*\
!*** ./wp-content/themes/biuro/js/components/accordion/accordion.js ***!
\**********************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
eval("__webpack_require__.r(__webpack_exports__);\nconst collapseContent = n => {\n const h = n.scrollHeight;\n const t = n.style.transition;\n n.style.transition = '';\n requestAnimationFrame(() => {\n n.style.height = h + 'px';\n n.style.transition = t;\n requestAnimationFrame(() => {\n n.style.height = 0 + 'px';\n });\n });\n};\n\nconst expandContent = n => {\n const h = n.scrollHeight;\n\n const done = e => {\n n.removeEventListener('transitionend', done);\n };\n\n n.style.height = h + 'px';\n n.addEventListener('transitionend', done);\n};\n\nconst scrollToSection = header => {\n const top = header.offsetTop - (Math.max(document.documentElement.clientWidth, window.innerWidth || 0) < 960 ? 72 : 117);\n window.scrollTo({\n top: top,\n behavior: 'smooth'\n });\n header.blur();\n};\n\nconst toggleSection = header => {\n if (!header) {\n return;\n }\n\n const node = header.parentNode.nextElementSibling;\n\n if (!node || !node.classList.contains('c-accordion--content')) {\n return;\n }\n\n const isOpen = header.classList.contains('c-accordion--header--is-expanded');\n\n if (isOpen) {\n collapseContent(node);\n } else {\n history.pushState({}, '', header.hash);\n requestAnimationFrame(() => {\n scrollToSection(header);\n requestAnimationFrame(() => {\n expandContent(node);\n });\n });\n }\n\n header.classList.toggle('c-accordion--header--is-expanded', !isOpen);\n};\n\nconst inititateAccordion = () => {\n document.querySelectorAll('.c-accordion--content').forEach(content => {\n content.classList.add('c-accordion--content--is-collapsed');\n });\n\n if (window.location.hash) {\n toggleSection(document.querySelector(window.location.hash));\n }\n\n document.querySelectorAll('.js-accordion--header').forEach(header => {\n header.addEventListener('click', e => {\n e.preventDefault();\n toggleSection(header);\n });\n });\n};\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (inititateAccordion);\n\n//# sourceURL=webpack:///./wp-content/themes/biuro/js/components/accordion/accordion.js?");
/***/ })
}]);
\ No newline at end of file
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
(window.webpackJsonp=window.webpackJsonp||[]).push([[3],{11:function(e,o,t){"use strict";t.r(o);var n=t(0);let c=!0;function a(){const e=document.querySelector("#copy-tooltip");e&&(e.style.opacity=1,setTimeout(()=>{e.style.opacity=0},3e3))}function i(e){if(!navigator.clipboard)return function(e){var o=document.createElement("textarea");o.className="u-hidden",o.value=e,document.querySelector(".c-share").appendChild(o),o.focus(),o.select();try{var t=document.execCommand("copy")?"successful":"unsuccessful";console.log("Fallback: Copying text command was "+t)}catch(e){console.error("Fallback: Oops, unable to copy",e)}document.body.removeChild(o)}(e),void a();navigator.clipboard.writeText(e).then((function(){a()}),(function(e){console.error("Async: Could not copy text: ",e)}))}window.onfocus=function(){c=!0},window.onblur=function(){c=!1};o.default=()=>{document.querySelector(".js-copy-to-clipboard")&&document.querySelector(".js-copy-to-clipboard").addEventListener("click",e=>{e.preventDefault(),i(window.location.origin+window.location.pathname+"?utm_source=copy_share_button_job_page ")});const e=document.querySelector(".js-share-messenger");e&&e.addEventListener("click",e=>{e.preventDefault();const o=e.currentTarget;window.location.href="fb-messenger://share/?link="+encodeURIComponent(window.location.origin+window.location.pathname+"?utm_source=messenger_share_button_job_page&app_id="+o.dataset.id),setTimeout(()=>{!document.hidden&&c&&(window.location.href=o.href)},100)});const o=document.querySelector(".js-share-whatsapp");o&&o.addEventListener("click",e=>{e.preventDefault();const o=e.currentTarget;window.location.href="whatsapp://send?text="+o.dataset.text,setTimeout(()=>{!document.hidden&&c&&window.open(o.href,"_blank")},100)});const t=document.querySelector(".js-biuro-facebook");t&&setTimeout(()=>{!async function(e){Object(n.a)("https://connect.facebook.net/en_US/sdk.js").then(()=>{window.FB&&window.FB.init({appId:e,version:"v3.3",status:!0,xfbml:!0})})}(t.dataset.id)},1500)}}}]);
\ No newline at end of file
(window["webpackJsonp"] = window["webpackJsonp"] || []).push([["job-share"],{
/***/ "./wp-content/themes/biuro/js/components/job-share/job-share.js":
/*!**********************************************************************!*\
!*** ./wp-content/themes/biuro/js/components/job-share/job-share.js ***!
\**********************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _utils_load_js_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../utils/load-js.js */ \"./wp-content/themes/biuro/js/utils/load-js.js\");\n\n\nasync function inititateFacebook(ID) {\n Object(_utils_load_js_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"])('https://connect.facebook.net/en_US/sdk.js').then(() => {\n if (!window.FB) {\n return;\n }\n\n window.FB.init({\n appId: ID,\n version: 'v3.3',\n status: true,\n xfbml: true\n });\n });\n}\n\nlet isPageActive = true;\n\nwindow.onfocus = function () {\n isPageActive = true;\n};\n\nwindow.onblur = function () {\n isPageActive = false;\n};\n\nfunction fallbackCopyTextToClipboard(text) {\n var textArea = document.createElement('textarea');\n textArea.className = 'u-hidden';\n textArea.value = text;\n document.querySelector('.c-share').appendChild(textArea);\n textArea.focus();\n textArea.select();\n\n try {\n var successful = document.execCommand('copy');\n var msg = successful ? 'successful' : 'unsuccessful';\n console.log('Fallback: Copying text command was ' + msg);\n } catch (err) {\n console.error('Fallback: Oops, unable to copy', err);\n }\n\n document.body.removeChild(textArea);\n}\n\nfunction showCopyTooltip() {\n const tooltip = document.querySelector('#copy-tooltip');\n\n if (tooltip) {\n tooltip.style.opacity = 1;\n setTimeout(() => {\n tooltip.style.opacity = 0;\n }, 3000);\n }\n}\n\nfunction copyTextToClipboard(text) {\n if (!navigator.clipboard) {\n fallbackCopyTextToClipboard(text);\n showCopyTooltip();\n return;\n }\n\n navigator.clipboard.writeText(text).then(function () {\n showCopyTooltip();\n }, function (err) {\n console.error('Async: Could not copy text: ', err);\n });\n}\n\nconst inititateJobShare = () => {\n if (document.querySelector('.js-copy-to-clipboard')) {\n document.querySelector('.js-copy-to-clipboard').addEventListener('click', e => {\n e.preventDefault();\n copyTextToClipboard(window.location.origin + window.location.pathname + '?utm_source=copy_share_button_job_page ');\n });\n }\n\n const messenger = document.querySelector('.js-share-messenger');\n\n if (messenger) {\n messenger.addEventListener('click', e => {\n e.preventDefault();\n const target = e.currentTarget;\n window.location.href = 'fb-messenger://share/?link=' + encodeURIComponent(window.location.origin + window.location.pathname + '?utm_source=messenger_share_button_job_page&app_id=' + target.dataset.id);\n setTimeout(() => {\n if (document.hidden || !isPageActive) {\n return;\n }\n\n window.location.href = target.href;\n }, 100);\n });\n }\n\n const whatsapp = document.querySelector('.js-share-whatsapp');\n\n if (whatsapp) {\n whatsapp.addEventListener('click', e => {\n e.preventDefault();\n const target = e.currentTarget;\n window.location.href = 'whatsapp://send?text=' + target.dataset.text;\n setTimeout(() => {\n if (document.hidden || !isPageActive) {\n return;\n }\n\n window.open(target.href, '_blank');\n }, 100);\n });\n }\n\n const facebook = document.querySelector('.js-biuro-facebook');\n\n if (facebook) {\n setTimeout(() => {\n inititateFacebook(facebook.dataset.id);\n }, 1500);\n }\n};\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (inititateJobShare);\n\n//# sourceURL=webpack:///./wp-content/themes/biuro/js/components/job-share/job-share.js?");
/***/ })
}]);
\ No newline at end of file
(window.webpackJsonp=window.webpackJsonp||[]).push([[5],{10:function(e,t,n){"use strict";n.r(t);var o,i=n(0);function s(e,t){const n=function(){function e(e,t,n="top"){this.position=e;var o=document.createElement("div");o.innerHTML=t||"",o.classList.add("popup-bubble"),o.classList.add("popup-bubble--"+n);var i=document.createElement("div");i.classList.add("popup-bubble-anchor"),i.appendChild(o),this.containerDiv=document.createElement("div"),this.containerDiv.classList.add("popup-container"),this.containerDiv.appendChild(i),window.google.maps.OverlayView.preventMapHitsAndGesturesFrom(this.containerDiv)}return e.prototype=Object.create(window.google.maps.OverlayView.prototype),e.prototype.onAdd=function(){this.getPanes().floatPane.appendChild(this.containerDiv)},e.prototype.onRemove=function(){this.containerDiv.parentElement&&this.containerDiv.parentElement.removeChild(this.containerDiv)},e.prototype.draw=function(){var e=this.getProjection().fromLatLngToDivPixel(this.position),t=Math.abs(e.x)<4e3&&Math.abs(e.y)<4e3?"block":"none";"block"===t&&(this.containerDiv.style.left=e.x+"px",this.containerDiv.style.top=e.y+"px"),this.containerDiv.style.display!==t&&(this.containerDiv.style.display=t)},e}(),o=new window.google.maps.LatLngBounds;let i;for(var s=0;s<t.length;s++){const a=t[s],l=new window.google.maps.LatLng(a.lat,a.lng);i=new n(l,a.title,a.pos),i.setMap(e),o.extend(l)}e.fitBounds(o)}function a(e,t,n){for(var i=new window.google.maps.LatLngBounds,s=0;s<t.length;s++){const l=t[s],d=new window.google.maps.LatLng(l.lat,l.lng);var a=new window.google.maps.Marker({position:d,map:e,icon:"/wp-content/themes/biuro/i/ico--map-pin.svg",title:l.title||""});o&&o.close(),i.extend(d),l.content&&(a.content=l.content,window.google.maps.event.addListener(a,"click",(function(){o&&o.close(),(o=new window.google.maps.InfoWindow({content:this.content})).open(e,this)}))),n&&(window.innerWidth<960&&window.scrollTo(0,0),new google.maps.event.trigger(a,"click"))}e.fitBounds(i),window.innerWidth>1020?e.panBy(250,0):window.innerWidth>959&&e.panBy(180,0)}function l(e){var t=new window.google.maps.Map(e,{}),n=new window.google.maps.StyledMapType([{featureType:"all",elementType:"all",stylers:[{saturation:-92},{lightness:-8},{hue:"#004ed4"}]},{featureType:"water",elementType:"all",stylers:[{saturation:-95},{lightness:-25},{hue:"#004ed4"}]}],{name:"Biuro"});return t.mapTypes.set("biuro",n),t.setMapTypeId("biuro"),window.google.maps.event.addListenerOnce(t,"bounds_changed",(function(){this.getZoom()>15&&this.setZoom(14)})),t}t.default=()=>{const e=document.getElementById("js-map--divisions");e&&fetch("/wp-json/api/v1/divisions?langID="+e.dataset.id).then(e=>e.json()).then(t=>{!function(e,t){Object(i.a)("https://maps.googleapis.com/maps/api/js?key=AIzaSyBQjPQnLGLeICbpTTu8kLjVRrLUYYCTS2M").then(()=>{window.google&&setTimeout(()=>{var n=l(e);let o=[];Object.keys(t).forEach(e=>{const n=t[e];"city"===e.substr(0,4)&&(o=o.concat(n))}),document.querySelectorAll(".js-division").forEach(e=>{e.addEventListener("click",()=>{const i=e&&e.dataset.id?e.dataset.id:"";t[i]?a(n,t[i].filter(e=>e.lat&&e.lng),!0):a(n,o.filter(e=>e.lat&&e.lng))})}),a(n,o.filter(e=>e.lat&&e.lng))},50)})}(e,t)});const t=document.getElementById("js-map--cities");t&&fetch("/wp-content/themes/biuro/json/"+t.dataset.source+".json").then(e=>e.json()).then(e=>{!function e(t,n){if(window.google){var o=l(t);s(o,n),window.innerWidth>1020?o.panBy(-230,0):window.innerWidth>959&&o.panBy(-150,0)}else setTimeout(()=>{e(t,n)},250)}(t,e)});const n=document.getElementById("js-map--regions");n&&function e(t){if(!window.google)return void setTimeout(()=>{e(t)},250);a(l(t),[{title:"Vilnius",lat:54.687157,lng:25.279652},{title:"Rīga",lat:56.946285,lng:24.105078},{title:"Tallinn",lat:59.436962,lng:24.753574}])}(n)}}}]);
\ No newline at end of file
(window["webpackJsonp"] = window["webpackJsonp"] || []).push([["map"],{
/***/ "./wp-content/themes/biuro/js/components/map/map.js":
/*!**********************************************************!*\
!*** ./wp-content/themes/biuro/js/components/map/map.js ***!
\**********************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _utils_load_js_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../utils/load-js.js */ \"./wp-content/themes/biuro/js/utils/load-js.js\");\n // https://developers-dot-devsite-v2-prod.appspot.com/maps/documentation/javascript/examples/overlay-popup\n\nfunction createPopupClass() {\n function Popup(position, city, pos = 'top') {\n this.position = position;\n var content = document.createElement('div');\n content.innerHTML = city || '';\n content.classList.add('popup-bubble');\n content.classList.add('popup-bubble--' + pos); // This zero-height div is positioned at the bottom of the bubble.\n\n var bubbleAnchor = document.createElement('div');\n bubbleAnchor.classList.add('popup-bubble-anchor');\n bubbleAnchor.appendChild(content); // This zero-height div is positioned at the bottom of the tip.\n\n this.containerDiv = document.createElement('div');\n this.containerDiv.classList.add('popup-container');\n this.containerDiv.appendChild(bubbleAnchor); // Optionally stop clicks, etc., from bubbling up to the map.\n\n window.google.maps.OverlayView.preventMapHitsAndGesturesFrom(this.containerDiv);\n } // ES5 magic to extend google.maps.OverlayView.\n\n\n Popup.prototype = Object.create(window.google.maps.OverlayView.prototype);\n /** Called when the popup is added to the map. */\n\n Popup.prototype.onAdd = function () {\n this.getPanes().floatPane.appendChild(this.containerDiv);\n };\n /** Called when the popup is removed from the map. */\n\n\n Popup.prototype.onRemove = function () {\n if (this.containerDiv.parentElement) {\n this.containerDiv.parentElement.removeChild(this.containerDiv);\n }\n };\n /** Called each frame when the popup needs to draw itself. */\n\n\n Popup.prototype.draw = function () {\n var divPosition = this.getProjection().fromLatLngToDivPixel(this.position); // Hide the popup when it is far out of view.\n\n var display = Math.abs(divPosition.x) < 4000 && Math.abs(divPosition.y) < 4000 ? 'block' : 'none';\n\n if (display === 'block') {\n this.containerDiv.style.left = divPosition.x + 'px';\n this.containerDiv.style.top = divPosition.y + 'px';\n }\n\n if (this.containerDiv.style.display !== display) {\n this.containerDiv.style.display = display;\n }\n };\n\n return Popup;\n}\n\nvar info;\n\nfunction setCitiesMarkers(map, positions) {\n const Popup = createPopupClass();\n const bounds = new window.google.maps.LatLngBounds();\n let popup;\n\n for (var i = 0; i < positions.length; i++) {\n const position = positions[i];\n const pos = new window.google.maps.LatLng(position.lat, position.lng);\n popup = new Popup(pos, position.title, position.pos);\n popup.setMap(map);\n bounds.extend(pos);\n }\n\n map.fitBounds(bounds);\n}\n\nfunction setMarkers(map, positions, focus) {\n var bounds = new window.google.maps.LatLngBounds();\n\n for (var i = 0; i < positions.length; i++) {\n const position = positions[i];\n const pos = new window.google.maps.LatLng(position.lat, position.lng);\n var marker = new window.google.maps.Marker({\n position: pos,\n map: map,\n icon: '/wp-content/themes/biuro/i/ico--map-pin.svg',\n title: position.title || ''\n });\n\n if (info) {\n info.close();\n }\n\n bounds.extend(pos);\n\n if (position.content) {\n marker.content = position.content;\n window.google.maps.event.addListener(marker, 'click', function () {\n if (info) {\n info.close();\n }\n\n info = new window.google.maps.InfoWindow({\n content: this.content\n });\n info.open(map, this);\n });\n }\n\n if (focus) {\n if (window.innerWidth < 960) {\n window.scrollTo(0, 0);\n }\n\n new google.maps.event.trigger(marker, 'click');\n }\n }\n\n map.fitBounds(bounds);\n\n if (window.innerWidth > 1020) {\n map.panBy(250, 0);\n } else if (window.innerWidth > 959) {\n map.panBy(180, 0);\n }\n}\n\nfunction setGoogleMap(node) {\n const mapStyles = [{\n featureType: 'all',\n elementType: 'all',\n stylers: [{\n saturation: -92\n }, {\n lightness: -8\n }, {\n hue: '#004ed4'\n }]\n }, {\n featureType: 'water',\n elementType: 'all',\n stylers: [{\n saturation: -95\n }, {\n lightness: -25\n }, {\n hue: '#004ed4'\n }]\n }];\n var map = new window.google.maps.Map(node, {});\n var biuroMap = new window.google.maps.StyledMapType(mapStyles, {\n name: 'Biuro'\n });\n map.mapTypes.set('biuro', biuroMap);\n map.setMapTypeId('biuro');\n window.google.maps.event.addListenerOnce(map, 'bounds_changed', function () {\n if (this.getZoom() > 15) {\n this.setZoom(14);\n }\n });\n return map;\n}\n\nfunction initCitiesMap(node, cities) {\n if (!window.google) {\n setTimeout(() => {\n initCitiesMap(node, cities);\n }, 250);\n return;\n }\n\n var map = setGoogleMap(node);\n setCitiesMarkers(map, cities);\n}\n\nfunction initRegionsMap(node) {\n if (!window.google) {\n setTimeout(() => {\n initRegionsMap(node);\n }, 250);\n return;\n }\n\n var map = setGoogleMap(node);\n const regions = [{\n title: 'Vilnius',\n lat: 54.687157,\n lng: 25.279652\n }, {\n title: 'Rīga',\n lat: 56.946285,\n lng: 24.105078\n }, {\n title: 'Tallinn',\n lat: 59.436962,\n lng: 24.753574\n }];\n setMarkers(map, regions);\n}\n\nfunction initDivisionsMap(node, data) {\n Object(_utils_load_js_js__WEBPACK_IMPORTED_MODULE_0__[\"default\"])('https://maps.googleapis.com/maps/api/js?key=AIzaSyBQjPQnLGLeICbpTTu8kLjVRrLUYYCTS2M').then(() => {\n if (!window.google) {\n return;\n }\n\n setTimeout(() => {\n var map = setGoogleMap(node);\n let divisions = [];\n Object.keys(data).forEach(key => {\n const division = data[key];\n\n if (key.substr(0, 4) === 'city') {\n divisions = divisions.concat(division);\n }\n });\n document.querySelectorAll('.js-division').forEach(node => {\n node.addEventListener('click', () => {\n const ID = node && node.dataset.id ? node.dataset.id : '';\n\n if (data[ID]) {\n setMarkers(map, data[ID].filter(d => {\n return d.lat && d.lng;\n }), true);\n } else {\n setMarkers(map, divisions.filter(d => {\n return d.lat && d.lng;\n }));\n }\n });\n });\n setMarkers(map, divisions.filter(d => {\n return d.lat && d.lng;\n }));\n }, 50);\n });\n}\n\nconst inititateMap = () => {\n // <script src=\"https://maps.googleapis.com/maps/api/js?key=AIzaSyBQjPQnLGLeICbpTTu8kLjVRrLUYYCTS2M\" async defer></script>\n const division = document.getElementById('js-map--divisions');\n\n if (division) {\n fetch('/wp-json/api/v1/divisions?langID=' + division.dataset.id).then(t => t.json()).then(data => {\n initDivisionsMap(division, data);\n });\n }\n\n const city = document.getElementById('js-map--cities');\n\n if (city) {\n fetch('/wp-content/themes/biuro/json/' + city.dataset.source + '.json').then(t => t.json()).then(data => {\n initCitiesMap(city, data);\n });\n }\n\n const region = document.getElementById('js-map--regions');\n\n if (region) {\n initRegionsMap(region);\n }\n};\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (inititateMap);\n\n//# sourceURL=webpack:///./wp-content/themes/biuro/js/components/map/map.js?");
/***/ })
}]);
\ No newline at end of file
......@@ -173,6 +173,12 @@ function initCitiesMap (node, cities) {
var map = setGoogleMap(node);
setCitiesMarkers(map, cities);
if (window.innerWidth > 1020) {
map.panBy(-230, 0);
} else if (window.innerWidth > 959) {
map.panBy(-150, 0);
}
}
function initRegionsMap (node) {
......
(window.webpackJsonp=window.webpackJsonp||[]).push([[6],{12:function(e,p,t){"use strict";t.r(p);const o=(e,p,t)=>{const o={value:p,expiry:(new Date).getTime()+t};localStorage.setItem(e,JSON.stringify(o))},n=e=>{const p=localStorage.getItem(e);if(!p)return null;const t=JSON.parse(p);return(new Date).getTime()>t.expiry?(localStorage.removeItem(e),null):t.value},l=()=>{const e=document.getElementById("employer-popup");e&&!n("employer-popup")&&(o("employer-popup","expires",12096e5),window.dataLayer=window.dataLayer||[],e.style.display="block",window.dataLayer.push({event:"b2b_popup_show"}),e.querySelector(".js-popup--btn")&&e.querySelector(".js-popup--btn").addEventListener("click",e=>{window.dataLayer.push({event:"b2b_popup_navigate",label:"Recommend page"})}),e.querySelector(".js-popup--close")&&e.querySelector(".js-popup--close").addEventListener("click",p=>{p.preventDefault(),e.style.display="none"}))},a=e=>{const p=document.getElementById("employee-popup");p&&!n("employee-popup")&&e.clientY<50&&null==e.relatedTarget&&"select"!==e.target.nodeName.toLowerCase()&&(document.removeEventListener("mouseout",a),o("employee-popup","expires",12096e5),window.dataLayer=window.dataLayer||[],p.style.display="block",window.dataLayer.push({event:"b2c_popup_show"}),p.querySelector(".js-popup--btn")&&p.querySelector(".js-popup--btn").addEventListener("click",e=>{window.dataLayer.push({event:"b2c_popup_navigate",label:"Recommend page"})}),p.querySelector(".js-popup--close")&&p.querySelector(".js-popup--close").addEventListener("click",e=>{e.preventDefault(),p.style.display="none"}))};p.default=()=>{document.getElementById("employee-popup")&&!n("employee-popup")&&setTimeout(()=>{document.addEventListener("mouseout",a)},3e3),document.getElementById("employer-popup")&&!n("employer-popup")&&setTimeout(l,45e3)}}}]);
\ No newline at end of file
(window["webpackJsonp"] = window["webpackJsonp"] || []).push([["popup"],{
/***/ "./wp-content/themes/biuro/js/components/popup/popup.js":
/*!**************************************************************!*\
!*** ./wp-content/themes/biuro/js/components/popup/popup.js ***!
\**************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
eval("__webpack_require__.r(__webpack_exports__);\nconst EMPLOYEE_DELAY = 3000; // 3 seconds\n\nconst EMPLOYEE_EXPIRY = 14 * 86400 * 1000; // 14 days\n\nconst EMPLOYER_DELAY = 45000; // 45 seconds\n\nconst EMPLOYER_EXPIRY = 14 * 86400 * 1000; // 14 days\n\nconst setExpirableItem = (key, value, ttl) => {\n const now = new Date(); // `item` is an object which contains the original value\n // as well as the time when it's supposed to expire\n\n const item = {\n value: value,\n expiry: now.getTime() + ttl\n };\n localStorage.setItem(key, JSON.stringify(item));\n};\n\nconst getExpirableItem = key => {\n const itemStr = localStorage.getItem(key); // if the item doesn't exist, return null\n\n if (!itemStr) {\n return null;\n }\n\n const item = JSON.parse(itemStr);\n const now = new Date(); // compare the expiry time of the item with the current time\n\n if (now.getTime() > item.expiry) {\n // If the item is expired, delete the item from storage\n // and return null\n localStorage.removeItem(key);\n return null;\n }\n\n return item.value;\n};\n\nconst showEmployerPopup = () => {\n const container = document.getElementById('employer-popup');\n\n if (!container || getExpirableItem('employer-popup')) {\n return;\n }\n\n setExpirableItem('employer-popup', 'expires', EMPLOYER_EXPIRY);\n window.dataLayer = window.dataLayer || [];\n container.style.display = 'block';\n window.dataLayer.push({\n event: 'b2b_popup_show'\n });\n\n if (container.querySelector('.js-popup--btn')) {\n container.querySelector('.js-popup--btn').addEventListener('click', e => {\n window.dataLayer.push({\n event: 'b2b_popup_navigate',\n label: 'Recommend page'\n });\n });\n }\n\n if (container.querySelector('.js-popup--close')) {\n container.querySelector('.js-popup--close').addEventListener('click', e => {\n e.preventDefault();\n container.style.display = 'none';\n });\n }\n};\n\nconst showEmployeePopup = e => {\n const container = document.getElementById('employee-popup');\n\n if (!container || getExpirableItem('employee-popup')) {\n return;\n }\n\n if (e.clientY < 50 && e.relatedTarget == null && e.target.nodeName.toLowerCase() !== 'select') {\n document.removeEventListener('mouseout', showEmployeePopup);\n setExpirableItem('employee-popup', 'expires', EMPLOYEE_EXPIRY);\n window.dataLayer = window.dataLayer || [];\n container.style.display = 'block';\n window.dataLayer.push({\n event: 'b2c_popup_show'\n });\n\n if (container.querySelector('.js-popup--btn')) {\n container.querySelector('.js-popup--btn').addEventListener('click', e => {\n window.dataLayer.push({\n event: 'b2c_popup_navigate',\n label: 'Recommend page'\n });\n });\n }\n\n if (container.querySelector('.js-popup--close')) {\n container.querySelector('.js-popup--close').addEventListener('click', e => {\n e.preventDefault();\n container.style.display = 'none';\n });\n }\n }\n};\n\nconst inititatePopup = () => {\n if (document.getElementById('employee-popup') && !getExpirableItem('employee-popup')) {\n setTimeout(() => {\n document.addEventListener('mouseout', showEmployeePopup);\n }, EMPLOYEE_DELAY);\n }\n\n if (document.getElementById('employer-popup') && !getExpirableItem('employer-popup')) {\n setTimeout(showEmployerPopup, EMPLOYER_DELAY);\n }\n};\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (inititatePopup);\n\n//# sourceURL=webpack:///./wp-content/themes/biuro/js/components/popup/popup.js?");
/***/ })
}]);
\ No newline at end of file
This diff is collapsed.
This source diff could not be displayed because it is too large. You can view the blob instead.
......@@ -3,6 +3,6 @@ Theme Name: Biuro
Author: Biuro
Author URI: https://www.biuro.lt/
Description: Biuro multiregion theme
Version: 1.19.0
Version: 1.19.2
Text Domain: biuro
*/
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