Commit 9f9866d4 authored by Simonas's avatar Simonas

in porgress

parent c7898ff9
...@@ -22,7 +22,7 @@ ...@@ -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) { @media (--min--medium) {
display: none; display: none;
} }
......
...@@ -38,21 +38,50 @@ ...@@ -38,21 +38,50 @@
+ .c-btn--fit { margin-left: 20px; } + .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) { @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; .c-btn--slim {
&:hover { border-color: var(--color--green-darker); background-color: var(--color--green-darker); color: #fff; } 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) { @media (--min--xx-small) {
padding: 6px 15px 6px 12px; padding: 6px 15px 6px 12px;
} }
...@@ -60,10 +89,21 @@ ...@@ -60,10 +89,21 @@
/* critical:end */ /* critical:end */
.c-btn--popup {
width: 100%;
max-width: 223px;
padding: 13px 24px 12px;
background-color: #fff;
color: #3eb0b1;
font-size: 15px;
font-weight: bold;
text-align: center;
}
.c-btn--loading { .c-btn--loading {
position: relative; position: relative;
&:before { &::before {
content: ''; content: '';
box-sizing: border-box; box-sizing: border-box;
position: absolute; position: absolute;
...@@ -81,5 +121,7 @@ ...@@ -81,5 +121,7 @@
} }
@keyframes spinner { @keyframes spinner {
to {transform: rotate(360deg);} to {
transform: rotate(360deg);
}
} }
...@@ -3,33 +3,114 @@ ...@@ -3,33 +3,114 @@
/* critical:start */ /* critical:start */
.c-popup { .c-popup {
display: none; /*display: none;*/
} }
/* critical:end */ /* critical:end */
.c-popup { .c-popup {
background: rgba(0, 0, 0, .77); background: rgba(0, 0, 0, .77);
position: fixed; position: fixed;
top: 0; top: 0;
left: 0; left: 0;
width: 100%; width: 100%;
height: 100%; height: 100%;
z-index: 10000; 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 { .c-popup--inner {
display: flex;
justify-content: space-around;
align-items: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 786px; width: 786px;
min-height: 446px; height: 446px;
background: #3EB0B1;
color: #fff;
max-width: 96%; max-width: 96%;
max-height: 96%;
margin: 0 auto; margin: 0 auto;
padding: 20px; padding: 20px;
background: #3eb0b1;
color: #fff;
}
.c-popup--logos {
flex: 0 1 303px;
border: 1px solid #f00;
padding-top: 160px;
}
.c-popup--content {
flex: 0 1 303px;
border: 1px solid #00f;
font-size: 13px;
line-height: 15px;
}
.c-popup--amount {
position: relative;
margin: 0 auto;
left: 31px;
bottom: -16px;
width: 108px;
height: 108px;
background: #004ed7;
opacity: 0.85;
color: #fff;
font-size: 22px;
font-weight: bold;
letter-spacing: 0.17px;
line-height: 25px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
}
.c-popup--gift {
position: relative;
margin: 0 auto;
width: 70px;
height: 70px;
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;
} }
.popup__title { .c-popup--headline {
font-size: 26px; font-size: 28px;
margin-bottom: 15px; line-height: 33px;
color: inherit;
@media (min-width: 480px) {
margin-bottom: 56px;
}
}
.c-popup--message {
font-size: 15px;
line-height: 24px;
@media (min-width: 480px) {
margin-bottom: 24px;
}
} }
This source diff could not be displayed because it is too large. You can view the blob instead.
This diff is collapsed.
This source diff could not be displayed because it is too large. You can view the blob instead.
...@@ -122,13 +122,6 @@ ...@@ -122,13 +122,6 @@
wp_reset_query(); wp_reset_query();
endif; 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; endif;
?> ?>
...@@ -156,13 +149,10 @@ ...@@ -156,13 +149,10 @@
<?php <?php
endif; endif;
get_template_part( 'template-parts/popup/popup');
?> ?>
<div id="popup" class="c-popup">
<div class="c-popup--inner">
<h1 class="popup__title">Thank you for visiting!</h1>
<p>Have a wonderful day 💁</p>
</div>
</div>
<script src="/wp-content/themes/biuro/js/main.min.js" async defer></script> <script src="/wp-content/themes/biuro/js/main.min.js" async defer></script>
......
...@@ -55,7 +55,7 @@ ...@@ -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') ); ?>"> <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"> <svg width="82px" height="49px" class="c-logo--svg">
<use xlink:href="#biuro-logo"></use> <use href="#biuro-logo"></use>
</svg> </svg>
</a> </a>
......
...@@ -55,13 +55,13 @@ ...@@ -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') ); ?>"> <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"> <svg width="82px" height="49px" class="c-logo--svg">
<use xlink:href="#biuro-logo"></use> <use href="#biuro-logo"></use>
</svg> </svg>
</a> </a>
<span class="js-toggle--nav l-nav--open"> <span class="js-toggle--nav l-nav--open">
<svg width="32px" height="16px"> <svg width="32px" height="16px">
<use xlink:href="#ico--burger"></use> <use href="#ico--burger"></use>
</svg> </svg>
</span> </span>
...@@ -95,7 +95,7 @@ ...@@ -95,7 +95,7 @@
?> ?>
<a href="tel:<?php echo $phone; ?>" class="c-phone"> <a href="tel:<?php echo $phone; ?>" class="c-phone">
<svg width="21px" height="22px"> <svg width="21px" height="22px">
<use xlink:href="#ico--phone"></use> <use href="#ico--phone"></use>
</svg> <?php echo $phoneUI; ?> </svg> <?php echo $phoneUI; ?>
</a> </a>
<?php <?php
...@@ -147,7 +147,7 @@ ...@@ -147,7 +147,7 @@
<span class="js-toggle--nav l-nav--close"> <span class="js-toggle--nav l-nav--close">
<svg width="13px" height="13px"> <svg width="13px" height="13px">
<use xlink:href="#ico--close"></use> <use href="#ico--close"></use>
</svg> </svg>
</span> </span>
......
...@@ -8,7 +8,7 @@ ...@@ -8,7 +8,7 @@
/***/ (function(module, __webpack_exports__, __webpack_require__) { /***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict"; "use strict";
eval("__webpack_require__.r(__webpack_exports__);\nasync function inititateFacebook(ID, href) {\n fetch('https://connect.facebook.net/en_US/sdk.js').then(res => {\n console.error('res');\n console.dir(typeof window.FB); // return response.json();\n }).then(json => {\n console.error('got it');\n console.dir(typeof window.FB);\n }); // const { default: inititateJobShare } = await import('./job-share/job-share');\n // return inititateJobShare;\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 inititateFacebook(facebook.dataset.id, facebook.dataset.href);\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?"); eval("__webpack_require__.r(__webpack_exports__);\nconst loadJS = src => {\n return new Promise((resolve, reject) => {\n const s = document.createElement('script');\n s.src = src;\n s.async = true;\n s.onload = resolve;\n s.onerror = reject;\n document.head.appendChild(s);\n });\n};\n\nasync function inititateFacebook(ID) {\n loadJS('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?");
/***/ }) /***/ })
......
async function inititateFacebook (ID, href) { const loadJS = src => {
fetch('https://connect.facebook.net/en_US/sdk.js') return new Promise((resolve, reject) => {
.then((res) => { const s = document.createElement('script');
console.error('res'); s.src = src;
console.dir(typeof window.FB); s.async = true;
// return response.json(); s.onload = resolve;
}) s.onerror = reject;
.then((json) => { document.head.appendChild(s);
console.error('got it'); });
console.dir(typeof window.FB); };
});
// const { default: inititateJobShare } = await import('./job-share/job-share');
// return inititateJobShare; 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; let isPageActive = true;
...@@ -120,7 +129,9 @@ const inititateJobShare = () => { ...@@ -120,7 +129,9 @@ const inititateJobShare = () => {
const facebook = document.querySelector('.js-biuro-facebook'); const facebook = document.querySelector('.js-biuro-facebook');
if (facebook) { if (facebook) {
inititateFacebook(facebook.dataset.id, facebook.dataset.href); setTimeout(() => {
inititateFacebook(facebook.dataset.id);
}, 1500);
} }
}; };
......
...@@ -295,9 +295,6 @@ if (document.querySelector('.js-collapse-row--toggle')) { ...@@ -295,9 +295,6 @@ if (document.querySelector('.js-collapse-row--toggle')) {
}); });
} }
const showPopup = (e) => { const showPopup = (e) => {
if (e.clientY < 50 && e.relatedTarget == null && e.target.nodeName.toLowerCase() !== 'select') { if (e.clientY < 50 && e.relatedTarget == null && e.target.nodeName.toLowerCase() !== 'select') {
document.removeEventListener('mouseout', showPopup); document.removeEventListener('mouseout', showPopup);
...@@ -306,6 +303,18 @@ const showPopup = (e) => { ...@@ -306,6 +303,18 @@ const showPopup = (e) => {
document.getElementById('popup').style.display = 'block'; document.getElementById('popup').style.display = 'block';
} }
} }
if (document.querySelector('.c-popup--close')) {
document.querySelector('.c-popup--close').addEventListener('click', (e) => {
e.preventDefault();
if (document.getElementById('popup')) {
document.getElementById('popup').style.display = 'none';
}
});
}
}; };
document.addEventListener('mouseout', showPopup); setTimeout(() => {
document.addEventListener('mouseout', showPopup);
}, 2000);
This diff is collapsed.
<?php <?php
/** /**
* Template Name: Recommend Friend Page * Template Name: Recommend Friend Page
* *
* The employees landing page template file * The employees landing page template file
* Learn more: https://codex.wordpress.org/Template_Hierarchy * Learn more: https://codex.wordpress.org/Template_Hierarchy
* *
* @package WordPress * @package WordPress
* @subpackage Biuro * @subpackage Biuro
* @since 1.0 * @since 1.0
* @version 1.0 * @version 1.0
*/ */
get_header('langing'); get_header('langing');
?> ?>
<div class="l-section l-section--recommend"> <div class="l-section l-section--recommend">
<div class="l-section--inner-extended"> <div class="l-section--inner-extended">
<?php <?php
while ( have_posts() ) : while ( have_posts() ) :
?> ?>
<div class="c-heading--recommend-friend"> <div class="c-heading--recommend-friend">
<?php <?php
the_post(); the_post();
the_content(); the_content();
?> ?>
</div> </div>
<?php <?php
endwhile; endwhile;
?> ?>
</div> </div>
</div> </div>
<div id="content"> <div id="content">
<main id="main" class="l-main"> <main id="main" class="l-main">
<div class="c-recommend-friend"> <div class="c-recommend-friend">
<div class="c-recommend-friend--inner"> <div class="c-recommend-friend--inner">
<div class="c-recommend-friend--content"> <div class="c-recommend-friend--content">
<?php <?php
if ( is_active_sidebar( 'recommend_page_content_area' ) ) : if ( is_active_sidebar( 'recommend_page_content_area' ) ) :
dynamic_sidebar( 'recommend_page_content_area' ); dynamic_sidebar( 'recommend_page_content_area' );
endif; endif;
?> ?>
<div class="c-recommend-friend--gift"> <div class="c-recommend-friend--gift">
<div class="c-recommend-friend--gift-img"> <div class="c-recommend-friend--gift-img">
<svg width="30" height="27" xmlns="http://www.w3.org/2000/svg"> <svg width="30px" height="27px"><use href="#ico--gift"></use></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"/> </div>
</svg> <?php
</div> if ( is_active_sidebar( 'recommend_page_gift_area' ) ) :
<?php dynamic_sidebar( 'recommend_page_gift_area' );
if ( is_active_sidebar( 'recommend_page_gift_area' ) ) : endif;
dynamic_sidebar( 'recommend_page_gift_area' ); ?>
endif; </div>
?> </div>
</div>
</div> <div class="c-recommend-friend--form">
<?php
<div class="c-recommend-friend--form"> echo do_shortcode('[biuro-contacts--recommend]');
<?php ?>
echo do_shortcode('[biuro-contacts--recommend]'); </div>
?>
</div> </div><!-- .c-recommend-friend--inner -->
</div><!-- .c-recommend-friend -->
</div><!-- .c-recommend-friend--inner -->
</div><!-- .c-recommend-friend --> <?php
if ( is_active_sidebar( 'front_page_feedbacks' ) ) :
<?php dynamic_sidebar( 'front_page_feedbacks' );
if ( is_active_sidebar( 'front_page_feedbacks' ) ) : endif;
dynamic_sidebar( 'front_page_feedbacks' ); ?>
endif;
?> </main><!-- .l-main -->
</div><!-- #content -->
</main><!-- .l-main -->
</div><!-- #content --> <?php get_footer();
<?php get_footer();
...@@ -28,12 +28,12 @@ get_header(); ?> ...@@ -28,12 +28,12 @@ get_header(); ?>
<div class="c-search--filters"> <div class="c-search--filters">
<button class="js-toggle--aside-city o-btn c-btn--filter"> <button class="js-toggle--aside-city o-btn c-btn--filter">
<svg width="16px" height="19px" class="c-ico--city"> <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'); ?> </svg> <?php _e('City', 'biuro'); ?>
</button> </button>
<button class="js-toggle--aside--additional o-btn c-btn--filter"> <button class="js-toggle--aside--additional o-btn c-btn--filter">
<svg width="17px" height="17px" class="c-ico--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'); ?> </svg> <?php _e('Other filters', 'biuro'); ?>
</button> </button>
</div> </div>
...@@ -63,7 +63,7 @@ get_header(); ?> ...@@ -63,7 +63,7 @@ get_header(); ?>
?> ?>
<span class="js-toggle--aside l-aside--close"> <span class="js-toggle--aside l-aside--close">
<svg width="13px" height="13px"> <svg width="13px" height="13px">
<use xlink:href="#ico--close"></use> <use href="#ico--close"></use>
</svg> </svg>
</span> </span>
</aside><!-- .l-aside --> </aside><!-- .l-aside -->
......
...@@ -52,10 +52,10 @@ $langID = $langs[pll_current_language('slug')]['id']; ...@@ -52,10 +52,10 @@ $langID = $langs[pll_current_language('slug')]['id'];
</span> </span>
<span class="js-toggle--search-city c-search--ico-toggle <?php if (isset($searchQuery['city'])): ?>u-hidden<?php endif; ?>"> <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"> <svg width="13px" height="8px" class="c-ico--down">
<use xlink:href="#ico--down"></use> <use href="#ico--down"></use>
</svg> </svg>
<svg width="13px" height="8px" class="c-ico--up"> <svg width="13px" height="8px" class="c-ico--up">
<use xlink:href="#ico--up"></use> <use href="#ico--up"></use>
</svg> </svg>
</span> </span>
</label> </label>
...@@ -82,10 +82,10 @@ $langID = $langs[pll_current_language('slug')]['id']; ...@@ -82,10 +82,10 @@ $langID = $langs[pll_current_language('slug')]['id'];
</span> </span>
<span class="js-toggle--search-query c-search--ico-toggle <?php if (isset($searchQuery['s'])): ?>u-hidden<?php endif; ?>"> <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"> <svg width="13px" height="8px" class="c-ico--down">
<use xlink:href="#ico--down"></use> <use href="#ico--down"></use>
</svg> </svg>
<svg width="13px" height="8px" class="c-ico--up"> <svg width="13px" height="8px" class="c-ico--up">
<use xlink:href="#ico--up"></use> <use href="#ico--up"></use>
</svg> </svg>
</span> </span>
</label> </label>
......
...@@ -37,7 +37,7 @@ get_header(); ...@@ -37,7 +37,7 @@ get_header();
</li> </li>
<li class="c-breadcrumb--sep"> <li class="c-breadcrumb--sep">
<svg width="4px" height="9.376px" class="c-ico--right"> <svg width="4px" height="9.376px" class="c-ico--right">
<use xlink:href="#ico--right-slim"></use> <use href="#ico--right-slim"></use>
</svg> </svg>
</li> </li>
<?php <?php
...@@ -50,7 +50,7 @@ get_header(); ...@@ -50,7 +50,7 @@ get_header();
</li> </li>
<li class="c-breadcrumb--sep"> <li class="c-breadcrumb--sep">
<svg width="4px" height="9.376px" class="c-ico--right"> <svg width="4px" height="9.376px" class="c-ico--right">
<use xlink:href="#ico--right-slim"></use> <use href="#ico--right-slim"></use>
</svg> </svg>
</li> </li>
<?php <?php
...@@ -308,7 +308,6 @@ get_header(); ...@@ -308,7 +308,6 @@ get_header();
<?php <?php
endif; endif;
?> ?>
</div> </div>
<?php <?php
endif; endif;
......
...@@ -57,22 +57,22 @@ ...@@ -57,22 +57,22 @@
<div class="c-share--options"> <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" aria-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"> <svg width="9px" height="18px" class="c-ico--share-facebook">
<use xlink:href="#ico--job-facebook"></use> <use href="#ico--job-facebook"></use>
</svg> </svg>
</a> </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" aria-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"> <svg width="15px" height="15px" class="c-ico--share-messenger">
<use xlink:href="#ico--job-messenger"></use> <use href="#ico--job-messenger"></use>
</svg> </svg>
</a> </a>
<a href="<?php echo $mailto; ?>" class="gtm-share-click c-share--option c-share--option-email" data-label="Email" aria-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"> <svg width="17px" height="13px" class="c-ico--share-email">
<use xlink:href="#ico--job-email"></use> <use href="#ico--job-email"></use>
</svg> </svg>
</a> </a>
<a href="#" class="js-copy-to-clipboard gtm-share-click c-share--option c-share--option-copy" data-label="Copy" aria-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"> <svg width="15px" height="18px" class="c-ico--share-copy">
<use xlink:href="#ico--job-copy"></use> <use href="#ico--job-copy"></use>
</svg> </svg>
<div id="copy-tooltip" class="c-tooltip"> <div id="copy-tooltip" class="c-tooltip">
<?php _e('The link copied to the clipboard', 'biuro'); ?> <?php _e('The link copied to the clipboard', 'biuro'); ?>
...@@ -80,7 +80,7 @@ ...@@ -80,7 +80,7 @@
</a> </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" aria-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"> <svg width="17px" height="18px" class="c-ico--share-whatsapp">
<use xlink:href="#ico--job-whatsapp"></use> <use href="#ico--job-whatsapp"></use>
</svg> </svg>
</a> </a>
</div> </div>
...@@ -114,16 +114,9 @@ ...@@ -114,16 +114,9 @@
if ($facebook_site != ''): if ($facebook_site != ''):
?> ?>
<div class="js-biuro-facebook c-job-facebook" data-id="<?php echo $appID; ?>" data-href="<?php echo $facebook_site; ?>"> <div class="js-biuro-facebook c-job-facebook" data-id="<?php echo $appID; ?>">
<?php
/*
<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 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>
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.3&appId=<?php echo $appID; ?>&autoLogAppEvents=1"></script>
*/
?>
</div> </div>
<?php <?php
endif; endif;
?> ?>
<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 hrefx="#" class="o-btn c-btn--popup"><?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>
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