Commit 0ac44781 authored by Simon's avatar Simon

Merge branch 'exit-popup' into dev

parents 0753a2b8 a6070339
......@@ -22,7 +22,7 @@
}
}
.l-nav--close { position: absolute; top: 10px; right: 10px; padding: 20px; cursor: pointer;
.l-nav--close { position: absolute; top: 10px; right: 10px; padding: 20px; cursor: pointer; color: #fff;
@media (--min--medium) {
display: none;
}
......
......@@ -92,9 +92,9 @@
.no-js,
.js.no-webp {
.l-section--search-page { background-image: url(/wp-content/themes/biuro/i/search-page.png); }
.l-section--search-page { background-image: url(/wp-content/themes/biuro/i/search-page.png); }
.l-section--vdb { background-image: url(/wp-content/themes/biuro/i/vdb/section.png); }
.l-section--front-page { background-image: url(/wp-content/themes/biuro/i/front-page.png); }
.l-section--front-page { background-image: url(/wp-content/themes/biuro/i/front-page.png); }
.l-section--sales-page { background-image: url(/wp-content/themes/biuro/i/sales-page.png); }
.l-section--landing-1 { background-image: url(/wp-content/themes/biuro/i/sections/landing-1.jpg); }
.l-section--recommend { background-image: url(/wp-content/themes/biuro/i/sections/recommend.jpg); }
......
......@@ -39,6 +39,7 @@ c-: Signify that something is a Component. This is a concrete, implementation-sp
@import '_component--modal.css';
@import '_component--nav.css';
@import '_component--phone.css';
@import '_component--popup.css';
@import '_component--recommend-friend.css';
@import '_component--recommend.css';
@import '_component--search.css';
......
......@@ -38,21 +38,50 @@
+ .c-btn--fit { margin-left: 20px; }
}
.c-btn--max-fill { width: 100%; max-width: 320px; }
.c-btn--max-fill {
width: 100%;
max-width: 320px;
}
.c-btn--search {
min-width: 180px;
border-radius: 0 3px 3px 0;
text-align: center;
.c-btn--search { min-width: 180px; border-radius: 0 3px 3px 0; text-align: center;
@media (--max--medium) {
flex: 0 0 60px; border-radius: 0 0 3px 3px;
flex: 0 0 60px;
border-radius: 0 0 3px 3px;
}
}
.c-btn--search-small { margin: 9px; min-width: 133px; text-align: center; }
.c-btn--search-small {
margin: 9px;
min-width: 133px;
text-align: center;
}
.c-btn--slim { color: #14A28A; background: none; text-align: center; border: 2px solid #1FB299;
&:hover { border-color: var(--color--green-darker); background-color: var(--color--green-darker); color: #fff; }
.c-btn--slim {
color: #14a28a;
background: none;
text-align: center;
border: 2px solid #1fb299;
&:hover {
border-color: var(--color--green-darker);
background-color: var(--color--green-darker);
color: #fff;
}
}
.c-btn--filter { color: #2A3644; font-size: 15px; line-height: 26px; text-align: center; background: #fff; border-radius: 3px; padding: 6px 10px 6px 7px;
.c-btn--filter {
color: #2a3644;
font-size: 15px;
line-height: 26px;
text-align: center;
background: #fff;
border-radius: 3px;
padding: 6px 10px 6px 7px;
@media (--min--xx-small) {
padding: 6px 15px 6px 12px;
}
......@@ -60,10 +89,24 @@
/* critical:end */
.c-btn--popup {
width: 100%;
padding: 13px 24px 12px;
background-color: #fff;
color: #3eb0b1;
font-size: 15px;
font-weight: bold;
text-align: center;
@media (--min--x-small) {
max-width: 223px;
}
}
.c-btn--loading {
position: relative;
&:before {
&::before {
content: '';
box-sizing: border-box;
position: absolute;
......@@ -81,5 +124,7 @@
}
@keyframes spinner {
to {transform: rotate(360deg);}
to {
transform: rotate(360deg);
}
}
......@@ -2,30 +2,43 @@
/* critical:start */
.c-contact-landing-2 { padding: 90px 0 0; background: url(/wp-content/themes/biuro/i/sections/landing-2-xl.jpg) no-repeat 0 0;
.c-contact-landing-2 {
padding: 90px 0 0;
background-position: 0 0;
background-repeat: no-repeat;
background-size: cover;
@media (--max--xxxx-small) {
background-size: cover !important;
}
@media (--max--x-small) {
background-size: 250%;
}
@media (--max--medium) {
margin: 0 auto;
}
@media (--min--medium) {
padding: 195px 0 50px;
}
}
@supports (background-image: -webkit-image-set(url(/wp-content/themes/biuro/i/sections/landing-2-xl.webp) 1x)) {
.no-js,
.js.no-webp {
.c-contact-landing-2 { background-image: url(/wp-content/themes/biuro/i/sections/landing-2-xl.jpg); }
}
.js.webp {
.c-contact-landing-2 { background-image: url(/wp-content/themes/biuro/i/sections/landing-2-xl.webp); }
}
.c-contact-landing-2--inner { /* */
.c-contact-landing-2--inner {
@media (--max--medium) {
padding: 0 10px;
}
@media (--min--medium) {
display: flex; justify-content: space-between; max-width: 940px; margin: 0 auto; border-radius: 3px; background: rgba(0, 66, 180, 0.78);
}
......
......@@ -56,7 +56,8 @@
/* critical:end */
.c-job-facebook { max-width: 320px; margin: 0 auto; overflow: hidden;
.c-job-facebook { max-width: 320px; min-height: 180px; margin: 0 auto; overflow: hidden; background: #f4f5f7; color: #fff; text-shadow: 0 2px 4px rgba(0, 0, 0, .9);
a { text-decoration: none; font-size: 18px; font-weight: 500; line-height: 1.358; }
@media (--max--medium) {
padding-bottom: 40px;
}
......
/* ------------- Component: popup ------------- */
/* critical:start */
.c-popup {
display: none;
}
/* critical:end */
.c-popup {
background: rgba(0, 0, 0, .77);
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9000;
}
.c-popup--close {
position: absolute;
top: 0;
right: 0;
padding: 13px 16px;
color: #1c1c1c;
cursor: pointer;
&:hover {
color: #000;
}
}
.c-popup--inner {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: flex;
justify-content: space-around;
align-items: center;
flex-direction: column;
width: 786px;
max-width: 96%;
max-height: 96%;
margin: 0 auto;
padding: 20px;
background-color: #3eb0b1;
background-position: 16px 90%;
background-size: 200px;
background-repeat: no-repeat;
color: #fff;
@media (max-height: 24em) {
background-image: none !important;
}
@media (--min--x-small) {
height: 446px;
flex-direction: row;
background-position: 20px 0;
background-size: auto;
}
}
.no-js,
.js.no-webp {
.c-popup--inner { background-image: url(/wp-content/themes/biuro/i/recommend.png); }
}
.js.webp {
.c-popup--inner { background-image: url(/wp-content/themes/biuro/i/recommend.webp); }
}
.c-popup--logos {
padding-top: 60px;
@media (max-height: 24em) {
display: none;
}
@media (--max--x-small) {
order: 2;
width: 100%;
}
@media (--min--x-small) {
flex: 0 1 303px;
padding-top: 160px;
}
}
.c-popup--content {
font-size: 13px;
line-height: 15px;
@media (--max--x-small) {
order: 1;
}
@media (--min--x-small) {
flex: 0 1 303px;
}
}
.c-popup--amount {
position: relative;
bottom: -16px;
width: 78px;
height: 78px;
background: #004ed7;
opacity: 0.85;
color: #fff;
font-size: 17px;
line-height: 20px;
font-weight: bold;
letter-spacing: 0.17px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
margin: 0 0 0 auto;
@media (--min--x-small) {
margin: 0 auto;
left: 31px;
width: 108px;
height: 108px;
font-size: 22px;
line-height: 25px;
}
}
.c-popup--gift {
position: relative;
margin: 0 43px 0 auto;
width: 50px;
height: 50px;
box-shadow: 0 2px 12px 0 rgba(146,141,141,.5);
background-color: #fff;
border-radius: 50%;
color: #004ed4;
display: flex;
justify-content: center;
align-items: center;
@media (--min--x-small) {
margin: 0 auto;
width: 70px;
height: 70px;
}
}
.c-popup--headline {
font-size: 28px;
line-height: 33px;
color: inherit;
@media (--min--x-small) {
margin-bottom: 56px;
}
}
.c-popup--message {
font-size: 15px;
line-height: 24px;
@media (--min--x-small) {
margin-bottom: 24px;
}
}
......@@ -17,11 +17,30 @@
.c-recommend--anchor { position: relative; border-bottom: 1px solid #fff; padding: 3px 0; }
.c-recommend { position: relative; overflow: hidden;
&:before {
content: ''; position: absolute; width: 221px; height: 253px; top: 15%; left: 50%; background: url(/wp-content/themes/biuro/i/recommend.png) 0 0 repeat; background-size: cover; transform: rotate(-20deg);
.c-recommend {
position: relative;
overflow: hidden;
&::before {
content: '';
position: absolute;
width: 221px;
height: 253px;
top: 15%;
left: 50%;
background-position: 0 0;
background-size: cover;
transform: rotate(-20deg);
}
strong { display: inline-block; padding: 3px 5px; border-radius: 4px; background: #004ed4; font-weight: 700; }
strong {
display: inline-block;
padding: 3px 5px;
border-radius: 4px;
background: #004ed4;
font-weight: 700;
}
&:hover {
.c-recommend--headline,
.c-recommend--anchor { color: #9adbdc; }
......@@ -29,10 +48,15 @@
}
}
@supports (background-image: -webkit-image-set(url(/wp-content/themes/biuro/i/recommend.webp) 1x)) {
.no-js,
.js.no-webp {
.c-recommend {
&::before { background-image: url(/wp-content/themes/biuro/i/recommend.png); }
}
}
.js.webp {
.c-recommend {
&:before {
background-image: url(/wp-content/themes/biuro/i/recommend.webp) ;
}
&::before { background-image: url(/wp-content/themes/biuro/i/recommend.webp); }
}
}
This diff is collapsed.
This diff is collapsed.
......@@ -71,6 +71,8 @@
<?php
global $post;
// debug(get_post_type());
if ( get_post_type() == 'page'):
if ( get_post_meta( $post->ID, 'section', true) == 'employers'):
......@@ -120,11 +122,6 @@
wp_reset_query();
endif;
else:
?>
<div id="fb-root"></div>
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.3&appId=463001014486058&autoLogAppEvents=1"></script>
<?php
endif;
?>
......@@ -140,7 +137,6 @@
<?php
if (!in_array(strstr($_SERVER['SERVER_NAME'], '.biuro', true), array('dev', 'staging'))):
?>
<noscript><iframe src="//www.googletagmanager.com/ns.html?id=<?php echo $tagManager; ?>" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
......@@ -153,8 +149,12 @@
<?php
endif;
get_template_part( 'template-parts/popup/popup');
?>
<script src="/wp-content/themes/biuro/js/main-e3ee615e.min.js" async defer></script>
<script src="/wp-content/themes/biuro/js/main-d089de53.min.js" async defer></script>
<script src="/wp-content/themes/biuro/js/vendor/modernizr-custom.js" async defer></script>
......
......@@ -27,7 +27,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-9484335f7c.min.css'; ?></style>
<style><?php include 'css/core-cff57f3cfd.min.css'; ?></style>
<script>
document.documentElement.classList.replace('no-js', 'js');
......@@ -36,13 +36,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-8bdc21116c.min.css" as="style" onload="this.rel='stylesheet'">
<link rel="preload" href="/wp-content/themes/biuro/css/main-d0f5579d5e.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-8bdc21116c.min.css">
<link rel="stylesheet" href="/wp-content/themes/biuro/css/main-d0f5579d5e.min.css">
</noscript>
<?php wp_head(); ?>
......@@ -55,7 +55,7 @@
<a href="<?php echo pll_home_url(); ?>" class="c-logo" title="<?php echo get_the_title( get_option('page_on_front') ); ?>" aria-label="<?php echo get_the_title( get_option('page_on_front') ); ?>">
<svg width="82px" height="49px" class="c-logo--svg">
<use xlink:href="#biuro-logo"></use>
<use href="#biuro-logo"></use>
</svg>
</a>
......
......@@ -27,7 +27,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-9484335f7c.min.css'; ?></style>
<style><?php include 'css/core-cff57f3cfd.min.css'; ?></style>
<script>
document.documentElement.classList.replace('no-js', 'js');
......@@ -36,13 +36,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-8bdc21116c.min.css" as="style" onload="this.rel='stylesheet'">
<link rel="preload" href="/wp-content/themes/biuro/css/main-d0f5579d5e.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-8bdc21116c.min.css">
<link rel="stylesheet" href="/wp-content/themes/biuro/css/main-d0f5579d5e.min.css">
</noscript>
<?php wp_head(); ?>
......@@ -55,13 +55,13 @@
<a href="<?php echo pll_home_url(); ?>" class="c-logo" title="<?php echo get_the_title( get_option('page_on_front') ); ?>" aria-label="<?php echo get_the_title( get_option('page_on_front') ); ?>">
<svg width="82px" height="49px" class="c-logo--svg">
<use xlink:href="#biuro-logo"></use>
<use href="#biuro-logo"></use>
</svg>
</a>
<span class="js-toggle--nav l-nav--open">
<svg width="32px" height="16px">
<use xlink:href="#ico--burger"></use>
<use href="#ico--burger"></use>
</svg>
</span>
......@@ -95,7 +95,7 @@
?>
<a href="tel:<?php echo $phone; ?>" class="c-phone">
<svg width="21px" height="22px">
<use xlink:href="#ico--phone"></use>
<use href="#ico--phone"></use>
</svg> <?php echo $phoneUI; ?>
</a>
<?php
......@@ -147,7 +147,7 @@
<span class="js-toggle--nav l-nav--close">
<svg width="13px" height="13px">
<use xlink:href="#ico--close"></use>
<use href="#ico--close"></use>
</svg>
</span>
......
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],{10:function(e,o,t){"use strict";t.r(o);const n=e=>new Promise((o,t)=>{const n=document.createElement("script");n.src=e,n.async=!0,n.onload=o,n.onerror=t,document.head.appendChild(n)});let c=!0;function a(){const e=document.querySelector("#copy-tooltip");e&&(e.style.opacity=1,setTimeout(()=>{e.style.opacity=0},3e3))}function r(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(),r(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){n("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([[3],{10:function(e,o,t){"use strict";t.r(o);let n=!0;function c(){const e=document.querySelector("#copy-tooltip");e&&(e.style.opacity=1,setTimeout(()=>{e.style.opacity=0},3e3))}function a(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 c();navigator.clipboard.writeText(e).then((function(){c()}),(function(e){console.error("Async: Could not copy text: ",e)}))}window.onfocus=function(){n=!0},window.onblur=function(){n=!1};o.default=()=>{document.querySelector(".js-copy-to-clipboard")&&document.querySelector(".js-copy-to-clipboard").addEventListener("click",e=>{e.preventDefault(),a(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&&n&&(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&&n&&window.open(o.href,"_blank")},100)})}}}]);
\ No newline at end of file
const loadJS = src => {
return new Promise((resolve, reject) => {
const s = document.createElement('script');
s.src = src;
s.async = true;
s.onload = resolve;
s.onerror = reject;
document.head.appendChild(s);
});
};
async function inititateFacebook (ID) {
loadJS('https://connect.facebook.net/en_US/sdk.js').then(() => {
if (!window.FB) {
return;
}
window.FB.init({
appId: ID,
version: 'v3.3',
status: true,
xfbml: true
});
});
}
let isPageActive = true;
window.onfocus = function () {
......@@ -99,6 +125,14 @@ const inititateJobShare = () => {
}, 100);
});
}
const facebook = document.querySelector('.js-biuro-facebook');
if (facebook) {
setTimeout(() => {
inititateFacebook(facebook.dataset.id);
}, 1500);
}
};
export default inititateJobShare;
(window.webpackJsonp=window.webpackJsonp||[]).push([[5],{9:function(e,t,n){"use strict";var o;function i(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 s(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 a(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}n.r(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,n){if(!window.google)return void setTimeout(()=>{e(t,n)},250);var o=a(t);let i=[];Object.keys(n).forEach(e=>{const t=n[e];"city"===e.substr(0,4)&&(i=i.concat(t))}),document.querySelectorAll(".js-division").forEach(e=>{e.addEventListener("click",()=>{const t=e&&e.dataset.id?e.dataset.id:"";n[t]?s(o,n[t].filter(e=>e.lat&&e.lng),!0):s(o,i.filter(e=>e.lat&&e.lng))})}),s(o,i.filter(e=>e.lat&&e.lng))}(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){window.google?i(a(t),n):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);s(a(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([[5],{9:function(e,t,n){"use strict";var o;function i(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)).setMap(e),o.extend(l)}e.fitBounds(o)}function s(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 a(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}n.r(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,n){if(!window.google)return void setTimeout(()=>{e(t,n)},250);var o=a(t);let i=[];Object.keys(n).forEach(e=>{const t=n[e];"city"===e.substr(0,4)&&(i=i.concat(t))}),document.querySelectorAll(".js-division").forEach(e=>{e.addEventListener("click",()=>{const t=e&&e.dataset.id?e.dataset.id:"";n[t]?s(o,n[t].filter(e=>e.lat&&e.lng),!0):s(o,i.filter(e=>e.lat&&e.lng))})}),s(o,i.filter(e=>e.lat&&e.lng))}(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){window.google?i(a(t),n):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);s(a(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
This diff is collapsed.
!function(e){function t(t){for(var o,r,c=t[0],s=t[1],a=0,l=[];a<c.length;a++)r=c[a],Object.prototype.hasOwnProperty.call(n,r)&&n[r]&&l.push(n[r][0]),n[r]=0;for(o in s)Object.prototype.hasOwnProperty.call(s,o)&&(e[o]=s[o]);for(i&&i(t);l.length;)l.shift()()}var o={},n={4:0};function r(t){if(o[t])return o[t].exports;var n=o[t]={i:t,l:!1,exports:{}};return e[t].call(n.exports,n,n.exports,r),n.l=!0,n.exports}r.e=function(e){var t=[],o=n[e];if(0!==o)if(o)t.push(o[2]);else{var c=new Promise((function(t,r){o=n[e]=[t,r]}));t.push(o[2]=c);var s,a=document.createElement("script");a.charset="utf-8",a.timeout=120,r.nc&&a.setAttribute("nonce",r.nc),a.src=function(e){return r.p+"wp-content/themes/biuro/js/components/"+({0:"accordion",1:"autocomplete",2:"feedback",3:"job-share",5:"map"}[e]||e)+"-e3ee615e.min.js"}(e);var i=new Error;s=function(t){a.onerror=a.onload=null,clearTimeout(l);var o=n[e];if(0!==o){if(o){var r=t&&("load"===t.type?"missing":t.type),c=t&&t.target&&t.target.src;i.message="Loading chunk "+e+" failed.\n("+r+": "+c+")",i.name="ChunkLoadError",i.type=r,i.request=c,o[1](i)}n[e]=void 0}};var l=setTimeout((function(){s({type:"timeout",target:a})}),12e4);a.onerror=a.onload=s,document.head.appendChild(a)}return Promise.all(t)},r.m=e,r.c=o,r.d=function(e,t,o){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:o})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var o=Object.create(null);if(r.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)r.d(o,n,function(t){return e[t]}.bind(null,n));return o},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="/",r.oe=function(e){throw console.error(e),e};var c=window.webpackJsonp=window.webpackJsonp||[],s=c.push.bind(c);c.push=t,c=c.slice();for(var a=0;a<c.length;a++)t(c[a]);var i=s;r(r.s=0)}([function(e,t,o){e.exports=o(2)},function(e,t){window.NodeList&&!NodeList.prototype.forEach&&(NodeList.prototype.forEach=Array.prototype.forEach),[Element.prototype,CharacterData.prototype,DocumentType.prototype].forEach((function(e){e.hasOwnProperty("remove")||Object.defineProperty(e,"remove",{configurable:!0,enumerable:!0,writable:!0,value:function(){null!==this.parentNode&&this.parentNode.removeChild(this)}})}))},function(e,t,o){"use strict";o.r(t);o(1);(e=>{const t=document.getElementById("cookie-warning"),o=document.getElementById("cookie-agree"),n=document.getElementById("cookie-close"),r=!!c()&&localStorage.getItem("biuro-agree");function c(){try{return localStorage.setItem("a","a"),localStorage.removeItem("a"),!0}catch(e){return!1}}t&&o&&n&&!r&&(t.style.display="block",o.addEventListener("click",()=>{c()&&localStorage.setItem("biuro-agree","true"),t.style.display="none"}),n.addEventListener("click",()=>{t.style.display="none"}))})(window),(e=>{const t=document.querySelector(".c-nav--lang");t&&t.addEventListener("click",e=>{e.currentTarget.classList.toggle("c-nav--lang--is-open")})})(window),window,document.querySelectorAll(".js-toggle--nav").forEach(e=>{e.addEventListener("click",e=>{e.preventDefault(),document.body.classList.toggle("is-nav--open")})}),document.querySelectorAll(".js-toggle--aside").forEach(e=>{e.addEventListener("click",e=>{e.preventDefault(),document.body.classList.remove("is-aside--open"),document.body.classList.remove("is-aside--open-additional"),document.body.classList.remove("is-aside--open-city")})}),document.querySelectorAll(".js-toggle--aside-city").forEach(e=>{e.addEventListener("click",e=>{e.preventDefault(),document.body.classList.add("is-aside--open"),document.body.classList.remove("is-aside--open-additional"),document.body.classList.add("is-aside--open-city")})}),document.querySelectorAll(".js-toggle--aside--additional").forEach(e=>{e.addEventListener("click",e=>{e.preventDefault(),document.body.classList.toggle("is-aside--open"),document.body.classList.remove("is-aside--open-city"),document.body.classList.add("is-aside--open-additional")})}),document.querySelectorAll(".js-form--input-file").forEach(e=>{e.addEventListener("change",()=>{const t=e.parentNode,o=e.value.split(/\\|\//).pop(),n=t.querySelector(".js-form--input-file-text");n&&o&&(n.innerHTML=o)})}),document.querySelectorAll(".js-toggle--services").forEach(e=>{e.addEventListener("click",()=>{e.parentNode.classList.toggle("c-services--is-open")})}),document.querySelectorAll(".js-toggle--sections").forEach(e=>{e.addEventListener("click",()=>{const t=e.parentNode;t.classList.contains("c-sections--is-open")?t.classList.toggle("c-sections--is-open"):(document.querySelectorAll(".c-sections--is-open").forEach(e=>{e.classList.remove("c-sections--is-open")}),t.classList.toggle("c-sections--is-open"))})}),document.querySelectorAll(".js-expand-jobs-section").forEach(e=>{e.addEventListener("click",t=>{t.preventDefault(),e.parentNode.classList.remove("c-jobs-section--is-closed"),e.remove()})});const n=()=>{const e=document.querySelector('[name="s"][value="1"]');if(e)return void e.click();const t=document.querySelector('[name="name"]');t&&t.focus()};document.querySelector(".js-inititate-position-form")&&document.querySelector(".js-inititate-position-form").addEventListener("click",n),document.querySelector(".js-focus-form")&&document.querySelector(".js-focus-form").addEventListener("click",()=>{const e=document.querySelector(".c-form input:first-of-type");e&&e.focus()}),document.querySelector(".js-modal--close")&&document.querySelector(".js-modal--close").addEventListener("click",()=>{const e=document.querySelector(".c-modal");e&&e.remove();const t=document.querySelector(".c-form [autofocus]");t&&t.focus()}),(e=>{const t=document.querySelector(".c-form [autofocus]");if(t&&t.focus(),location.hash){const e=document.querySelector(".c-form--input-wrap--error input")||document.querySelector(".c-form--checkbox--error");if(e)return void e.focus();const t=document.querySelector('.c-form [name="name"]');t&&t.focus()}})(window),window,document.querySelectorAll(".gtm-share-click").forEach(e=>{e.addEventListener("click",t=>{window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"shareClick",shareLabel:e.dataset.label||""})})});document.querySelectorAll('[name="form-position"], [name="form-employees"], [name="form-employers"], [name="form-recommend"]').forEach(e=>{e.addEventListener("submit",()=>{(e=>{e.querySelector('[type="submit"]')&&(e.querySelector('[type="submit"]').classList.add("c-btn--disabled"),e.querySelector('[type="submit"]').classList.add("c-btn--loading"))})(e)})}),document.querySelector("#submit-recommend")&&document.querySelector("#submit-recommend").addEventListener("click",e=>{e.preventDefault();const t=document.querySelector('[name="form-recommend"] [type="submit"]');t&&(e.currentTarget.classList.add("c-btn--disabled"),e.currentTarget.classList.add("c-btn--loading"),t.click())}),document.querySelector(".js-submit-employees-form")&&document.querySelector(".js-submit-employees-form").addEventListener("click",e=>{const t=document.querySelector('[name="form-employees"] [type="submit"]');t&&(e.preventDefault(),e.currentTarget.classList.add("c-btn--disabled"),e.currentTarget.classList.add("c-btn--loading"),t.click())}),document.querySelector(".js-accordion--header")&&async function(){const{default:e}=await o.e(0).then(o.bind(null,6));return e}().then(e=>{e()}),document.querySelector(".c-feedbacks--inner")&&async function(){const{default:e}=await o.e(2).then(o.bind(null,7));return e}().then(e=>{e()}),(document.getElementById("search")||document.getElementById("form-city")||document.getElementById("recommend-form-city"))&&async function(){const{default:e}=await o.e(1).then(o.bind(null,8));return e}().then(e=>{e()}),(document.getElementById("js-map--divisions")||document.getElementById("js-map--cities")||document.getElementById("js-map--regions"))&&async function(){const{default:e}=await o.e(5).then(o.bind(null,9));return e}().then(e=>{e()}),(document.querySelector(".js-copy-to-clipboard")||document.querySelector(".js-share-messenger")||document.querySelector(".js-share-whatsapp"))&&async function(){const{default:e}=await o.e(3).then(o.bind(null,10));return e}().then(e=>{e()}),document.querySelector(".js-collapse-row--toggle")&&document.querySelector(".js-collapse-row--toggle").addEventListener("click",e=>{e.currentTarget.parentNode.classList.toggle("c-form--row--collapsed")})}]);
\ No newline at end of file
......@@ -91,7 +91,6 @@ if (module.hot) {
document.body.classList.add('is-aside--open-additional');
});
});
})(window);
document.querySelectorAll('.js-form--input-file').forEach((node) => {
......@@ -206,13 +205,26 @@ if (document.querySelector('.js-modal--close')) {
(global => {
document.querySelectorAll('.gtm-share-click').forEach((node) => {
node.addEventListener('click', (e) => {
const dataset = node.dataset || {};
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
event: 'shareClick',
shareLabel: node.dataset.label || ''
shareLabel: dataset.label || ''
});
});
});
document.querySelectorAll('.gtm-click').forEach((node) => {
node.addEventListener('click', (e) => {
const dataset = node.dataset || {};
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
event: dataset.event || '',
label: dataset.label || ''
});
});
});
})(window);
const submitContactsFrom = (form) => {
......@@ -266,16 +278,52 @@ if (document.querySelector('.js-accordion--header')) {
});
}
if (document.querySelector('.c-feedbacks--inner')) {
getFeedbackSwiper().then(inititateFeedbackSwiper => {
inititateFeedbackSwiper();
});
}
const inititateFeedbacks = (node) => {
if (!node) {
return;
}
const inititate = () => {
getFeedbackSwiper().then(inititateFeedbackSwiper => {
inititateFeedbackSwiper();
});
};
if (!window.IntersectionObserver) {
inititate();
return;
}
const io = new IntersectionObserver((entries) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
inititate();
io.unobserve(entry.target);
}
});
}, {});
io.observe(node);
};
inititateFeedbacks(document.querySelector('.c-feedbacks--inner'));
const inititateAutocompletes = () => {
const inititate = () => {
getAutocomplete().then(inititateAutocomplete => {
inititateAutocomplete();
});
};
if (window.requestIdleCallback) {
window.requestIdleCallback(inititate);
} else {
inititate();
}
};
if (document.getElementById('search') || document.getElementById('form-city') || document.getElementById('recommend-form-city')) {
getAutocomplete().then(inititateAutocomplete => {
inititateAutocomplete();
});
inititateAutocompletes();
}
if (document.getElementById('js-map--divisions') || document.getElementById('js-map--cities') || document.getElementById('js-map--regions')) {
......@@ -284,7 +332,7 @@ if (document.getElementById('js-map--divisions') || document.getElementById('js-
});
}
if (document.querySelector('.js-copy-to-clipboard') || document.querySelector('.js-share-messenger') || document.querySelector('.js-share-whatsapp')) {
if (document.querySelector('.js-copy-to-clipboard') || document.querySelector('.js-share-messenger') || document.querySelector('.js-share-whatsapp') || document.querySelector('.js-biuro-facebook')) {
getJobShare().then(inititateJobShare => {
inititateJobShare();
});
......@@ -295,3 +343,42 @@ if (document.querySelector('.js-collapse-row--toggle')) {
e.currentTarget.parentNode.classList.toggle('c-form--row--collapsed');
});
}
const showPopup = (e) => {
window.dataLayer = window.dataLayer || [];
if (e.clientY < 50 && e.relatedTarget == null && e.target.nodeName.toLowerCase() !== 'select') {
document.removeEventListener('mouseout', showPopup);
if (window.sessionStorage) {
window.sessionStorage.setItem('popup-closed', 'true');
}
if (document.getElementById('popup')) {
document.getElementById('popup').style.display = 'block';
window.dataLayer.push({ event: 'b2c_popup_show' });
}
if (document.querySelector('.js-popup--btn')) {
document.querySelector('.js-popup--btn').addEventListener('click', (e) => {
window.dataLayer.push({ event: 'b2c_popup_navigate', label: 'Recommend page' });
});
}
if (document.querySelector('.js-popup--close')) {
document.querySelector('.js-popup--close').addEventListener('click', (e) => {
e.preventDefault();
if (document.getElementById('popup')) {
document.getElementById('popup').style.display = 'none';
}
});
}
}
};
if (document.getElementById('popup') && (!window.sessionStorage || !window.sessionStorage.getItem('popup-closed'))) {
setTimeout(() => {
document.addEventListener('mouseout', showPopup);
}, 1000);
}
<?php
/**
* Template Name: Recommend Friend Page
*
* The employees landing page template file
* Learn more: https://codex.wordpress.org/Template_Hierarchy
*
* @package WordPress
* @subpackage Biuro
* @since 1.0
* @version 1.0
*/
get_header('langing');
?>
<div class="l-section l-section--recommend">
<div class="l-section--inner-extended">
<?php
while ( have_posts() ) :
?>
<div class="c-heading--recommend-friend">
<?php
the_post();
the_content();
?>
</div>
<?php
endwhile;
?>
</div>
</div>
<div id="content">
<main id="main" class="l-main">
<div class="c-recommend-friend">
<div class="c-recommend-friend--inner">
<div class="c-recommend-friend--content">
<?php
if ( is_active_sidebar( 'recommend_page_content_area' ) ) :
dynamic_sidebar( 'recommend_page_content_area' );
endif;
?>
<div class="c-recommend-friend--gift">
<div class="c-recommend-friend--gift-img">
<svg width="30" height="27" xmlns="http://www.w3.org/2000/svg">
<path style="fill: currentColor" d="M26.812 6.75h-3.62c.482-.68.777-1.518.777-2.437 0-2.24-1.696-4.063-3.784-4.063-2.148 0-3.392 1.29-5.56 4.865l-.385-.625C12.302 1.388 11.082.25 9.064.25c-2.087 0-3.783 1.823-3.783 4.063 0 .919.295 1.757.777 2.437h-3.62A2.437 2.437 0 0 0 0 9.188v14.624a2.437 2.437 0 0 0 2.437 2.438h24.375a2.437 2.437 0 0 0 2.438-2.438V9.188a2.437 2.437 0 0 0-2.438-2.438zm-6.627 0H15.54l.444-.737c2.258-3.717 3.073-4.138 4.202-4.138 1.189 0 2.159 1.092 2.159 2.438 0 1.345-.97 2.437-2.159 2.437zM9.065 1.875c1.188 0 2.02.462 4.534 4.692l.107.183H9.059c-1.188 0-2.158-1.092-2.158-2.437.005-1.346.975-2.438 2.163-2.438zm18.56 21.937a.814.814 0 0 1-.813.813H2.437a.814.814 0 0 1-.812-.813v-1.624h26v1.624zm0-3.25h-26v-3.25h26v3.25zm0-4.874h-26v-6.5c0-.45.364-.813.812-.813h10.227L8.65 12.388a.406.406 0 0 0 0 .575l.574.574a.406.406 0 0 0 .574 0l4.826-4.826 4.826 4.826a.406.406 0 0 0 .574 0l.574-.574a.406.406 0 0 0 0-.575l-4.013-4.013h10.226c.45 0 .813.364.813.813v6.5z" fill-rule="nonzero"/>
</svg>
</div>
<?php
if ( is_active_sidebar( 'recommend_page_gift_area' ) ) :
dynamic_sidebar( 'recommend_page_gift_area' );
endif;
?>
</div>
</div>
<div class="c-recommend-friend--form">
<?php
echo do_shortcode('[biuro-contacts--recommend]');
?>
</div>
</div><!-- .c-recommend-friend--inner -->
</div><!-- .c-recommend-friend -->
<?php
if ( is_active_sidebar( 'front_page_feedbacks' ) ) :
dynamic_sidebar( 'front_page_feedbacks' );
endif;
?>
</main><!-- .l-main -->
</div><!-- #content -->
<?php get_footer();
<?php
/**
* Template Name: Recommend Friend Page
*
* The employees landing page template file
* Learn more: https://codex.wordpress.org/Template_Hierarchy
*
* @package WordPress
* @subpackage Biuro
* @since 1.0
* @version 1.0
*/
get_header('langing');
?>
<div class="l-section l-section--recommend">
<div class="l-section--inner-extended">
<?php
while ( have_posts() ) :
?>
<div class="c-heading--recommend-friend">
<?php
the_post();
the_content();
?>
</div>
<?php
endwhile;
?>
</div>
</div>
<div id="content">
<main id="main" class="l-main">
<div class="c-recommend-friend">
<div class="c-recommend-friend--inner">
<div class="c-recommend-friend--content">
<?php
if ( is_active_sidebar( 'recommend_page_content_area' ) ) :
dynamic_sidebar( 'recommend_page_content_area' );
endif;
?>
<div class="c-recommend-friend--gift">
<div class="c-recommend-friend--gift-img">
<svg width="30px" height="27px"><use href="#ico--gift"></use></svg>
</div>
<?php
if ( is_active_sidebar( 'recommend_page_gift_area' ) ) :
dynamic_sidebar( 'recommend_page_gift_area' );
endif;
?>
</div>
</div>
<div class="c-recommend-friend--form">
<?php
echo do_shortcode('[biuro-contacts--recommend]');
?>
</div>
</div><!-- .c-recommend-friend--inner -->
</div><!-- .c-recommend-friend -->
<?php
if ( is_active_sidebar( 'front_page_feedbacks' ) ) :
dynamic_sidebar( 'front_page_feedbacks' );
endif;
?>
</main><!-- .l-main -->
</div><!-- #content -->
<?php get_footer();
......@@ -28,12 +28,12 @@ get_header(); ?>
<div class="c-search--filters">
<button class="js-toggle--aside-city o-btn c-btn--filter">
<svg width="16px" height="19px" class="c-ico--city">
<use xlink:href="#ico--city"></use>
<use href="#ico--city"></use>
</svg> <?php _e('City', 'biuro'); ?>
</button>
<button class="js-toggle--aside--additional o-btn c-btn--filter">
<svg width="17px" height="17px" class="c-ico--filter">
<use xlink:href="#ico--filter"></use>
<use href="#ico--filter"></use>
</svg> <?php _e('Other filters', 'biuro'); ?>
</button>
</div>
......@@ -63,7 +63,7 @@ get_header(); ?>
?>
<span class="js-toggle--aside l-aside--close">
<svg width="13px" height="13px">
<use xlink:href="#ico--close"></use>
<use href="#ico--close"></use>
</svg>
</span>
</aside><!-- .l-aside -->
......
......@@ -52,10 +52,10 @@ $langID = $langs[pll_current_language('slug')]['id'];
</span>
<span class="js-toggle--search-city c-search--ico-toggle <?php if (isset($searchQuery['city'])): ?>u-hidden<?php endif; ?>">
<svg width="13px" height="8px" class="c-ico--down">
<use xlink:href="#ico--down"></use>
<use href="#ico--down"></use>
</svg>
<svg width="13px" height="8px" class="c-ico--up">
<use xlink:href="#ico--up"></use>
<use href="#ico--up"></use>
</svg>
</span>
</label>
......@@ -82,10 +82,10 @@ $langID = $langs[pll_current_language('slug')]['id'];
</span>
<span class="js-toggle--search-query c-search--ico-toggle <?php if (isset($searchQuery['s'])): ?>u-hidden<?php endif; ?>">
<svg width="13px" height="8px" class="c-ico--down">
<use xlink:href="#ico--down"></use>
<use href="#ico--down"></use>
</svg>
<svg width="13px" height="8px" class="c-ico--up">
<use xlink:href="#ico--up"></use>
<use href="#ico--up"></use>
</svg>
</span>
</label>
......
......@@ -37,7 +37,7 @@ get_header();
</li>
<li class="c-breadcrumb--sep">
<svg width="4px" height="9.376px" class="c-ico--right">
<use xlink:href="#ico--right-slim"></use>
<use href="#ico--right-slim"></use>
</svg>
</li>
<?php
......@@ -50,7 +50,7 @@ get_header();
</li>
<li class="c-breadcrumb--sep">
<svg width="4px" height="9.376px" class="c-ico--right">
<use xlink:href="#ico--right-slim"></use>
<use href="#ico--right-slim"></use>
</svg>
</li>
<?php
......@@ -308,7 +308,6 @@ get_header();
<?php
endif;
?>
</div>
<?php
endif;
......
......@@ -55,32 +55,32 @@
<div class="c-share">
<p class="c-share--heading"><?php _e('Suggest a friend', 'biuro'); ?></p>
<div class="c-share--options">
<a rel="noopener" href="https://www.facebook.com/dialog/share?app_id=<?php echo $appID; ?>&display=popup&amp;href=<?php echo urlencode($requestURL . '?utm_source=facebook_share_button_job_page'); ?>&redirect_uri=<?php echo $requestURL; ?>" class="gtm-share-click js-share-facebook c-share--option c-share--option-facebook" data-label="Facebook">
<a rel="noopener" href="https://www.facebook.com/dialog/share?app_id=<?php echo $appID; ?>&display=popup&amp;href=<?php echo urlencode($requestURL . '?utm_source=facebook_share_button_job_page'); ?>&redirect_uri=<?php echo $requestURL; ?>" class="gtm-share-click js-share-facebook c-share--option c-share--option-facebook" data-label="Facebook" aria-label="Facebook">
<svg width="9px" height="18px" class="c-ico--share-facebook">
<use xlink:href="#ico--job-facebook"></use>
<use href="#ico--job-facebook"></use>
</svg>
</a>
<a rel="noopener" href="https://www.facebook.com/dialog/send?app_id=<?php echo $appID; ?>&amp;link=<?php echo urlencode($requestURL . '?utm_source=messenger_share_button_job_page'); ?>&redirect_uri=<?php echo $requestURL; ?>" class="gtm-share-click js-share-messenger c-share--option c-share--option-messenger" data-label="Messenger" data-id="<?php echo $appID; ?>">
<a rel="noopener" href="https://www.facebook.com/dialog/send?app_id=<?php echo $appID; ?>&amp;link=<?php echo urlencode($requestURL . '?utm_source=messenger_share_button_job_page'); ?>&redirect_uri=<?php echo $requestURL; ?>" class="gtm-share-click js-share-messenger c-share--option c-share--option-messenger" data-label="Messenger" aria-label="Messenger" data-id="<?php echo $appID; ?>">
<svg width="15px" height="15px" class="c-ico--share-messenger">
<use xlink:href="#ico--job-messenger"></use>
<use href="#ico--job-messenger"></use>
</svg>
</a>
<a href="<?php echo $mailto; ?>" class="gtm-share-click c-share--option c-share--option-email" data-label="Email">
<a href="<?php echo $mailto; ?>" class="gtm-share-click c-share--option c-share--option-email" data-label="Email" aria-label="Email">
<svg width="17px" height="13px" class="c-ico--share-email">
<use xlink:href="#ico--job-email"></use>
<use href="#ico--job-email"></use>
</svg>
</a>
<a href="#" class="js-copy-to-clipboard gtm-share-click c-share--option c-share--option-copy" data-label="Copy">
<a href="#" class="js-copy-to-clipboard gtm-share-click c-share--option c-share--option-copy" data-label="Copy" aria-label="Copy">
<svg width="15px" height="18px" class="c-ico--share-copy">
<use xlink:href="#ico--job-copy"></use>
<use href="#ico--job-copy"></use>
</svg>
<div id="copy-tooltip" class="c-tooltip">
<?php _e('The link copied to the clipboard', 'biuro'); ?>
</div>
</a>
<a target="_blank" rel="noopener" href="https://wa.me/?text=<?php echo $waText; ?>" data-text="<?php echo $waText; ?>" class="js-share-whatsapp gtm-share-click c-share--option c-share--option-phone" data-label="WhatsApp">
<a target="_blank" rel="noopener" href="https://wa.me/?text=<?php echo $waText; ?>" data-text="<?php echo $waText; ?>" class="js-share-whatsapp gtm-share-click c-share--option c-share--option-phone" data-label="WhatsApp" aria-label="WhatsApp">
<svg width="17px" height="18px" class="c-ico--share-whatsapp">
<use xlink:href="#ico--job-whatsapp"></use>
<use href="#ico--job-whatsapp"></use>
</svg>
</a>
</div>
......@@ -113,13 +113,10 @@
$facebook_site = isset( $social['facebook_site']) ? $social['facebook_site'] : '';
if ($facebook_site != ''):
?>
<div class="c-job-facebook">
<div class="js-biuro-facebook c-job-facebook" data-id="<?php echo $appID; ?>">
<div class="fb-page" data-href="<?php echo $facebook_site; ?>" data-tabs="" data-width="" data-height="" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><blockquote cite="<?php echo $facebook_site; ?>" class="fb-xfbml-parse-ignore"><a href="<?php echo $facebook_site; ?>">Biuro</a></blockquote></div>
</div>
<?php
endif;
?>
<?php
global $recommendPage;
if ($recommendPage):
?>
<div id="popup" class="c-popup">
<div class="c-popup--inner">
<div class="c-popup--logos">
<?php
if (__('Popup amout', 'biuro') != '-'):
?>
<div class="c-popup--amount">
<span><?php _e('Popup amout', 'biuro'); ?></span>
</div>
<?php
endif;
?>
<div class="c-popup--gift">
<svg width="30px" height="27px"><use href="#ico--gift"></use></svg>
</div>
</div>
<div class="c-popup--content">
<h3 class="c-popup--headline">
<?php _e('Popup headline', 'biuro'); ?>
</h3>
<p class="c-popup--message">
<?php _e('Popup message', 'biuro'); ?>
</p>
<p class="c-popup--button">
<a href="<?php echo $recommendPage; ?>" class="o-btn c-btn--popup js-popup--btn" data-event="gtm_click" data-label="Recommend Page"><?php _e('Popup button', 'biuro'); ?></a>
</p>
</div>
<span class="js-popup--close c-popup--close">
<svg width="12px" height="12px"><use href="#ico--close"></use></svg>
</span>
</div>
</div>
<?php
endif;
?>
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