Commit 9f9866d4 authored by Simonas's avatar Simonas

in porgress

parent c7898ff9
......@@ -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;
}
......
......@@ -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,21 @@
/* 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 {
position: relative;
&:before {
&::before {
content: '';
box-sizing: border-box;
position: absolute;
......@@ -81,5 +121,7 @@
}
@keyframes spinner {
to {transform: rotate(360deg);}
to {
transform: rotate(360deg);
}
}
......@@ -3,33 +3,114 @@
/* critical:start */
.c-popup {
display: none;
/*display: none;*/
}
/* critical:end */
.c-popup {
background: rgba(0, 0, 0, .77);
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10000;
.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 {
display: flex;
justify-content: space-around;
align-items: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 786px;
min-height: 446px;
background: #3EB0B1;
color: #fff;
height: 446px;
max-width: 96%;
max-height: 96%;
margin: 0 auto;
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 {
font-size: 26px;
margin-bottom: 15px;
.c-popup--headline {
font-size: 28px;
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 @@
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;
?>
......@@ -156,13 +149,10 @@
<?php
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>
......
......@@ -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>
......
......@@ -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>
......
......@@ -8,7 +8,7 @@
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"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) {
fetch('https://connect.facebook.net/en_US/sdk.js')
.then((res) => {
console.error('res');
console.dir(typeof window.FB);
// return response.json();
})
.then((json) => {
console.error('got it');
console.dir(typeof window.FB);
});
// const { default: inititateJobShare } = await import('./job-share/job-share');
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);
});
};
// 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;
......@@ -120,7 +129,9 @@ const inititateJobShare = () => {
const facebook = document.querySelector('.js-biuro-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')) {
});
}
const showPopup = (e) => {
if (e.clientY < 50 && e.relatedTarget == null && e.target.nodeName.toLowerCase() !== 'select') {
document.removeEventListener('mouseout', showPopup);
......@@ -306,6 +303,18 @@ const showPopup = (e) => {
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
/**
* 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;
......
......@@ -57,22 +57,22 @@
<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">
<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" 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" 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" 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'); ?>
......@@ -80,7 +80,7 @@
</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">
<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>
......@@ -114,16 +114,9 @@
if ($facebook_site != ''):
?>
<div class="js-biuro-facebook c-job-facebook" data-id="<?php echo $appID; ?>" data-href="<?php echo $facebook_site; ?>">
<?php
/*
<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>
<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>
<?php
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