Skip to content

D
dev.biuro
Commit 9efa1e0c authored by Skirmantas's avatar Skirmantas
Browse files
Options

Merge branch 'design' of git.biuro.lt:biuro/dev.biuro into design

parents 19b01239 1c5b8bd3
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 9969 additions and 199 deletions
wp-content/plugins/biuro-contacts/public/partials/biuro-contacts-public--employees-quick--step-1.php
View file @ 9efa1e0c
......@@ -28,7 +28,7 @@ if ( ! defined( 'WPINC' ) ) die;
<div class="c-form--row">
<label class="c-form--label" for="form-name">Name, Surname*</label>
<div class="c-form--input-wrap <?php if ($nameStatus) { echo "c-form--input-wrap--$nameStatus"; } ?>">
<input type="text" class="c-form--input" id="form-name" name="name" value="<?php echo $nameValue; ?>" <?php if ($nameStatus): ?> autofocus="autofocus" <?php endif; ?>>
<input type="text" class="c-form--input" id="form-name" name="name" value="<?php echo $nameValue; ?>" <?php if ($nameStatus == 'error'): ?> autofocus="autofocus" <?php endif; ?>>
</div>
<?php if ($nameMessage): ?>
<div class="c-form--validation c-form--validation-<?php echo $nameStatus; ?>">
......@@ -45,7 +45,7 @@ if ( ! defined( 'WPINC' ) ) die;
<div class="c-form--row">
<label class="c-form--label" for="form-phone">Phone no.*</label>
<div class="c-form--input-wrap <?php if ($phoneStatus) { echo "c-form--input-wrap--$phoneStatus"; } ?>">
<input type="tel" class="c-form--input" id="form-phone" name="phone" value="<?php echo $phoneValue; ?>">
<input type="tel" class="c-form--input" id="form-phone" name="phone" value="<?php echo $phoneValue; ?>" <?php if ($nameStatus != 'error' && $phoneStatus == 'error'): ?> autofocus="autofocus" <?php endif; ?>>
</div>
<?php if ($phoneMessage): ?>
<div class="c-form--validation c-form--validation-<?php echo $phoneStatus; ?>">
......
wp-content/plugins/biuro-feedbacks/biuro-feedbacks.php
View file @ 9efa1e0c
......@@ -115,26 +115,36 @@ class Biuro_Feedbacks extends WP_Widget {
}
echo '<div class="c-feedbacks--inner">';
echo '<div class="swiper-wrapper">';
for ($i = 1; $i <= 8; $i++):
for ($i = 1; $i <= 8; $i++):
if ( ${'name' . $i} != "" && ${'feedback' . $i} != ""):
echo '<div class="swiper-slide">';
echo '<div class="c-feedbacks--section">';
echo '<div class="c-feedbacks--section-inner">';
if ( ${'name' . $i} != "" && ${'feedback' . $i} != ""):
echo '<div class="c-feedbacks--section">';
if ( ${'img' . $i} != "" ) {
echo '<img src="/wp-content/themes/biuro/i/feedbacks/' . ${'img' . $i} . '" class="c-feedbacks--img" width="84px" height="84px"/>';
}
if ( ${'name' . $i} != "" ) {
echo '<h3>' . ${'name' . $i} . ${'img' . $i} . '</h3>';
}
if ( ${'feedback' . $i} != "" ) {
echo '<div class="c-feedbacks--feedback">' . ${'feedback' . $i} . '</div>';
}
if ( ${'feedback' . $i} != "" ) {
echo '<p>' . ${'feedback' . $i} . '</p>';
}
if ( ${'name' . $i} != "" ) {
echo '<div class="c-feedbacks--name">' . ${'name' . $i} . '</div>';
}
echo '</div>';
endif;
echo '</div>';
echo '</div>';
echo '</div>';
endif;
endfor;
endfor;
echo '</div>';
echo '<div class="swiper-pagination"></div>';
echo '</div>';
echo '</div>';
......
wp-content/themes/biuro/css/07-components/__components.css
View file @ 9efa1e0c
......@@ -6,6 +6,7 @@ rich design UI styling. Class names here are more specific. This layer usually h
c-: Signify that something is a Component. This is a concrete, implementation-specific piece of UI. All of the changes you make to its styles should be detectable in the context you’re currently looking at. Modifying these styles should be safe and have no side effects.
========================================================================== */
@import 'vendor/swiper.css';
@import '_component--awesomplete.css';
@import '_component--breadcrumbs.css';
@import '_component--cookies-warning.css';
......@@ -29,8 +30,3 @@ c-: Signify that something is a Component. This is a concrete, implementation-sp
@import '_component--social.css';
@import '_component--trust.css';
@import '_component--values.css';
/*
@import '_component--nav.css';
*/
wp-content/themes/biuro/css/07-components/_component--feedbacks.css
View file @ 9efa1e0c
......@@ -4,10 +4,25 @@
.c-feedbacks { padding: 50px 0 70px; background: linear-gradient(134.06deg, #FFFFFF 0%, #CBE2EC 100%); }
.c-feedbacks--inner { width: 640px; margin: 0 auto; }
.c-feedbacks--inner { position: relative; overflow: hidden; width: 640px; height: 300px; margin: 0 auto; }
.c-feedbacks--heading { color: #2A3644; margin: 0 0 40px; padding: 0; font-size: 25px; font-weight: 500; line-height: 29px; text-align: center; }
.c-feedbacks--section { border: 1px solid #00f; min-height: 300px;}
/*.c-feedbacks--sections { border: 1px solid #f00; }*/
.c-feedbacks--section { padding-top: 40px;}
.c-feedbacks--section-inner { position: relative; height: 140px; width: 574px; margin: 0 auto; padding: 68px 0 0; border-radius: 23px; background-color: #FFFFFF; }
/* critical:end */
.c-feedbacks--img { position: absolute; top: -32px; left: 50%; border-radius: 50%; margin-left: -42px; background: #fff; overflow: hidden; }
.c-feedbacks--feedback { margin: 0 auto 17px; max-width: 400px; height: 79px; color: #2A3644; font-family: Georgia; font-size: 21px; line-height: 40px; text-align: center; overflow: hidden;}
.c-feedbacks--name { color: #919191; font-family: Georgia; font-size: 15px; line-height: 17px; text-align: center; }
.swiper-container-horizontal > .swiper-pagination-bullets { bottom: 0; }
.swiper-pagination-bullet { width: 9px; height: 9px; background: #D8D8D8; opacity: 1; }
.swiper-pagination-bullet-active { background: #717171; }
wp-content/themes/biuro/css/07-components/_component--form.css
View file @ 9efa1e0c
......@@ -8,9 +8,14 @@
.c-form--label { display: block; color: #2A3644; font-size: 15px; line-height: 18px; margin-bottom: 4px; font-weight: 500; }
.c-form--input-wrap { border-radius: 3px; border: 1px solid #d4d4d4; }
.c-form--input-wrap { }
.c-form--input { width: 100%; padding: 10px; border: 0; background: none; }
.c-form--input { width: 100%; padding: 10px; border: 0; background: none; border: 1px solid #d4d4d4; border-radius: 3px;
&:focus { border-color: #d4d4d4 !important; }
}
.c-form--textarea { width: 100%; padding: 10px; border: 0; background: none; border: 1px solid #d4d4d4; border-radius: 3px;
&:focus { border-color: #d4d4d4 !important; }
}
.c-form--submit-wrap { padding: 10px 0; }
......@@ -39,8 +44,14 @@
.c-form--validation { position: absolute; top: 50%; left: 100%; min-width: 200px; background-color: #ffffff; margin-top: 11px; padding: 10px 15px; border: 1px solid; transform: translate(30px, -50%); font-size: 13px; line-height: 20px; }
.c-form--input-wrap--error { border: 1px solid #EB4646; }
.c-form--input-wrap--success { border: 1px solid #17DAB9; }
.c-form--input-wrap--error {
.c-form--input,
.c-form--textarea { border-color: #EB4646; }
}
.c-form--input-wrap--success {
.c-form--input,
.c-form--textarea { border-color: #17DAB9; }
}
/*.c-form--input--warning { border: 1px solid orange; }*/
.c-form--validation-error { color: #EB4646; border-color: #EB4646; margin-bottom: 10px; }
......
wp-content/themes/biuro/css/07-components/_component--nav.css
View file @ 9efa1e0c
......@@ -23,7 +23,7 @@
.c-nav--sub { position: absolute; top: 100%; }
.c-nav--sub-item { margin-right: 45px; }
.c-nav--sub-anchor { display: block; padding: 17px 0; color: #fff; text-transform: uppercase; white-space: nowrap; text-decoration: none; font-weight: 500;
.c-nav--sub-anchor { display: block; padding: 17px 0; color: #fff; text-transform: uppercase; white-space: nowrap; text-decoration: none; font-weight: 500; line-height: 1;
&:hover { color: var(--color--green); }
}
......@@ -34,6 +34,25 @@
}
.c-nav--region { }
.c-nav--lang {
li { }
.c-nav--lang-wrap { position: relative; width: 70px; height: 32px; }
.c-nav--lang { position: absolute; top: 0; left: 0; width: 100%; background: #fff; border-radius: 3px;
&:hover {
.c-nav--lang-item { display: block; }
}
}
.c-nav--lang-item { padding: 6px 0;
&:nth-child(n+2) { display: none; }
}
.c-nav--lang-anchor { padding-left: 34px; text-decoration: none; display: block; color: #2A3644; font-size: 14px; line-height: 20px; background-repeat: no-repeat; background-position: 6px 0; background-size: 20px 20px;
&:hover { text-decoration: underline; }
svg { float: right; margin: 7px 9px 0 0; }
}
.c-nav--lang-anchor-lt { background-image: url(/wp-content/themes/biuro/i/lang/lt.png); }
.c-nav--lang-anchor-en { background-image: url(/wp-content/themes/biuro/i/lang/en.png); }
.c-nav--lang-anchor-de { background-image: url(/wp-content/themes/biuro/i/lang/de.png); }
.c-nav--lang-anchor-ru { background-image: url(/wp-content/themes/biuro/i/lang/ru.png); }
.c-nav--lang-anchor-lv { background-image: url(/wp-content/themes/biuro/i/lang/lv.png); }
.c-nav--lang-anchor-ee { background-image: url(/wp-content/themes/biuro/i/lang/ee.png); }
wp-content/themes/biuro/css/07-components/vendor/swiper.css 0 → 100644
View file @ 9efa1e0c
This diff is collapsed.
wp-content/themes/biuro/css/10-trumps/__utils.css
View file @ 9efa1e0c
......@@ -13,7 +13,7 @@ u-: Signify that this class is a Utility class. It has a very specific role (oft
/* @import '_utils-reset.css'; */
/* @import '_utils-fill.css'; */
@import '_utils-fill.css';
/* @import '_utils-position.css'; */
......
wp-content/themes/biuro/css/10-trumps/_utils-fill.css
View file @ 9efa1e0c
......@@ -11,7 +11,7 @@
/* critical:start */
/*.u-fill--brand { fill: var(--brand--color); }*/
.u-fill--inherit { fill: currentColor; }
/* critical:end */
......
wp-content/themes/biuro/css/core-0b19251217.min.css deleted 100644 → 0
View file @ 19b01239
:root{--color--gray:#7e8683;--color--gray-darker:#2a3644;--color--green:#1fb299;--color--green-darker:#149a83;--color--green-dark:#006957;--color--blue-dark:#1d2a3a;--color--gray-light:#f8f8f8;--typo--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI Light","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--typo--font-size:1.5rem;--typo--weight-regular:400;--typo--weight-bold:700;--typo--line-height:1.2;--typo--font-face:"Roboto",sans-serif;--layout-width:1210px;--layout-width--small:870px;--layout-width--large:1150px}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}html{-webkit-box-sizing:border-box;box-sizing:border-box}*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}a{color:inherit}body{font-size:1.5rem;font-size:var(--typo--font-size);line-height:1.2;line-height:var(--typo--line-height);color:#2a3644;color:var(--color--gray-darker);font-family:Roboto,sans-serif;font-family:var(--typo--font-face);background:#f8f8f8;background:var(--color--gray-light)}html{min-height:100%;font-size:62.5%;-webkit-tap-highlight-color:rgba(0,0,0,0)}.l-inner{max-width:1210px;max-width:var(--layout-width);margin-right:auto;margin-left:auto;padding-right:20px;padding-left:20px}.c-jobs--inner,.c-trust--inner,.c-values--inner,.l-inner-small{max-width:870px;max-width:var(--layout-width--small);margin-right:auto;margin-left:auto;padding-right:20px;padding-left:20px}.l-header{position:relative;height:70px;margin-bottom:47px;background:#fff}.l-header:before{content:"";position:absolute;top:100%;left:0;width:100%;height:47px;background:#1d2a3a;background:var(--color--blue-dark)}.l-content{max-width:1150px;max-width:var(--layout-width--large);padding-right:20px;padding-left:20px;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex}.l-content--position{position:relative;padding:40px 20px}.l-content--position:before{content:"";position:absolute;top:0;left:0;height:244px;width:100%;background:linear-gradient(358.45deg,#3c7e9e,#1fb299)}.l-content--position-inner{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;max-width:970px;padding:50px 70px;margin:0 auto 140px;border-radius:3px;background-color:#fff;-webkit-box-shadow:0 1px 47px 0 #ecf5ff;box-shadow:0 1px 47px 0 #ecf5ff}.l-content--heading{display:block;padding-top:40px;padding-bottom:25px}.l-content--heading h1{margin:0;padding:0;color:#2a3644;font-size:25px;font-weight:500;line-height:29px}.l-footer{background:#1d2a3a;background:var(--color--blue-dark);color:#fff;padding-top:70px}.o-btn{display:inline-block;border:0;padding:13px 24px 12px;cursor:pointer;border-radius:3px;font-weight:500;text-decoration:none;font-family:inherit}.c-btn--header{margin-right:28px}.c-btn--main{color:#fff;background:#1fb299;background:var(--color--green)}.c-btn--main:hover{background:#149a83;background:var(--color--green-darker)}.c-btn--alt{padding:10px 15px;background:#e8f0ff;color:#004ed4}.c-btn--alt:after{float:right;margin:6px 0 0 20px;content:"";width:7px;height:7px;border:1px solid #004ed4;border-width:2px 2px 0 0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.c-btn--fill{width:100%}.o-nav{margin:0;padding:0;list-style:none}.c-cookies-warning{display:none}.c-contact{padding:50px 0}.c-contact--inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;max-width:980px;margin:0 auto}.c-contact--content{-webkit-box-flex:1;-ms-flex:1 1 40%;flex:1 1 40%;max-width:500px;color:#2a3644;font-weight:500;line-height:29px;padding:75px 0 0 90px}.c-contact--content h3{margin:0 0 15px;font-size:25px}.c-contact--content p{margin:0 0 20px}.c-contact--form{-webkit-box-flex:1;-ms-flex:1 1 40%;flex:1 1 40%;max-width:420px}.c-data-controller{margin-bottom:35px;padding:15px 0 10px;text-align:center;font-size:13px;line-height:1;font-weight:300}.c-data-controller p{margin:0 0 10px}.c-feedbacks{padding:50px 0 70px;background:linear-gradient(134.06deg,#fff,#cbe2ec)}.c-feedbacks--inner{width:640px;margin:0 auto}.c-feedbacks--heading{color:#2a3644;margin:0 0 40px;padding:0;font-size:25px;font-weight:500;line-height:29px;text-align:center}.c-feedbacks--section{border:1px solid #00f;min-height:300px}.c-footer-separator{margin-bottom:25px;border-color:#fff;border-width:2px 0 0;opacity:.29}.c-form{padding:38px 35px 20px;border-radius:3px;background-color:#fff;-webkit-box-shadow:0 1px 47px 0 #ecf5ff;box-shadow:0 1px 47px 0 #ecf5ff}.c-form--row{position:relative;margin-bottom:20px}.c-form--label{display:block;color:#2a3644;font-size:15px;line-height:18px;margin-bottom:4px;font-weight:500}.c-form--input-wrap{border-radius:3px;border:1px solid #d4d4d4}.c-form--input{width:100%;padding:10px;border:0;background:none}.c-form--submit-wrap{padding:10px 0}.c-form--checkbox-wrap{display:-webkit-box;display:-ms-flexbox;display:flex}.c-form--checkbox{position:absolute;top:0;left:-9999px;visibility:hidden}.c-form--checkbox:checked+label:before{border-color:#d4d4d4}.c-form--checkbox:checked+label:after{content:"✔"}.c-form--label-checkbox{position:relative;margin:0 0 0 31px;color:#868f98;font-size:12px;line-height:17px}.c-form--label-checkbox:before{content:"";position:absolute;top:0;left:-31px;height:18px;width:18px;border:1px solid #d4d4d4;border-radius:3px;cursor:pointer}.c-form--label-checkbox:after{content:"";position:absolute;top:-2px;left:-28px;width:20px;height:20px;border-radius:3px;color:#1fb299;color:var(--color--green);font-size:22px;cursor:pointer}.c-jobs--headline{min-height:29px;margin:0 0 25px;padding:20px 20px 0;color:#2a3644;font-size:25px;font-weight:500;line-height:29px}.c-logo{width:81px;margin-right:89px;padding:11px 0;text-decoration:none}.c-logo,.c-logo--svg{display:block}.c-nav--main{display:-webkit-box;display:-ms-flexbox;display:flex}.c-nav--sub{display:none}.c-phone{white-space:nowrap;margin-right:35px;padding:10px 0;text-decoration:none;color:inherit;font-weight:500}.c-phone svg{float:left;margin:-6px 5px 0 0}.c-trust{background:linear-gradient(134.06deg,#70b7d5,#7bcbcf)}.c-trust--inner{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:64px;padding-bottom:64px}.c-trust--heading{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;margin:0;color:#fff}.c-trust--logos{-webkit-box-flex:10;-ms-flex:10 1 auto;flex:10 1 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:distribute;justify-content:space-around}.c-trust--logo{border:1px solid #fff;width:100px;height:40px}.c-values{background:linear-gradient(138.69deg,#4eacd9,#2fb8a1);color:#fff}.c-values--inner{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-top:60px;padding-bottom:40px}.u-hidden{display:none}@media (min-width:48em){.l-content--heading h1{padding-left:300px}.l-aside{-webkit-box-flex:0;-ms-flex:0 0 280px;flex:0 0 280px}.l-aside--position{-webkit-box-flex:0;-ms-flex:0 0 420px;flex:0 0 420px;padding-left:100px}.l-main{-ms-flex:1 1 100%;flex:1 1 100%}.l-main,.l-nav{-webkit-box-flex:1}.l-nav{-ms-flex:1 1 auto;flex:1 1 auto}}
\ No newline at end of file
wp-content/themes/biuro/css/core.min.css 0 → 100644
View file @ 9efa1e0c
This diff is collapsed.
wp-content/themes/biuro/css/main-89d93c655d.min.css deleted 100644 → 0
View file @ 19b01239
This diff is collapsed.
wp-content/themes/biuro/css/main.min.css 0 → 100644
View file @ 9efa1e0c
This diff is collapsed.
wp-content/themes/biuro/css/main.min.css.map 0 → 100644
View file @ 9efa1e0c
This diff is collapsed.
wp-content/themes/biuro/footer.php
View file @ 9efa1e0c
......@@ -113,7 +113,7 @@ document.querySelectorAll('.js-job-action').forEach(function (node) {
});
</script>
<script src="/wp-content/themes/biuro/js/main-19c9eea4.min.js" async></script>
<script src="/wp-content/themes/biuro/js/main.min.js" async></script>
<?php wp_footer(); ?>
</body>
</html>
wp-content/themes/biuro/header.php
View file @ 9efa1e0c
......@@ -32,16 +32,16 @@ define('cityID', $cityID);
?>
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700" rel="stylesheet">
<style><?php include 'css/core-0b19251217.min.css'; ?></style>
<style><?php include 'css/core.min.css'; ?></style>
<link rel="preload" href="/wp-content/themes/biuro/css/main-89d93c655d.min.css" as="style" onload="this.rel='stylesheet'">
<link rel="preload" href="/wp-content/themes/biuro/css/main.min.css" as="style" onload="this.rel='stylesheet'">
<link rel="preload" href="/wp-content/themes/biuro/fonts/pt_sans_narrow.woff2" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="/wp-content/themes/biuro/fonts/pt_sans_narrow_bold.woff2" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="/wp-content/themes/biuro/fonts/bebas-neue.woff2" as="font" type="font/woff2" crossorigin>
<noscript>
<link rel="stylesheet" href="/wp-content/themes/biuro/css/main-89d93c655d.min.css">
<link rel="stylesheet" href="/wp-content/themes/biuro/css/main.min.css">
</noscript>
<?php wp_head(); ?>
......@@ -83,9 +83,11 @@ global $post;
<button class="o-btn c-btn--main c-btn--header"><?php _e('Get a job offer', 'biuro'); ?></button> <!-- Gauk darbo pasiūlymą -->
<div class="c-nav--lang-wrap">
<?php
get_template_part( 'template-parts/menus/menu', 'language' );
?>
</div>
</div>
</header>
......
wp-content/themes/biuro/js/main-19c9eea4.min.js deleted 100644 → 0
View file @ 19b01239
This diff is collapsed.
wp-content/themes/biuro/js/main.js
View file @ 9efa1e0c
import Awesomplete from './vendor/awesomplete';
import Swiper from './vendor/swiper';
(global => {
const container = document.getElementById('cookie-warning');
......@@ -123,160 +124,83 @@ function initDivisionsMap (node, data) {
setMarkers(map, divisions.filter((d) => { return d.lat && d.lng; }));
}
const search = document.getElementById('search');
const city = document.getElementById('search-city');
const query = document.getElementById('search-query');
const cityBox = new Awesomplete(city, {
minChars: 0,
sort: false
// data: (item, input) => {
// console.error('----------');
// console.dir(item);
// console.dir(input);
// return { label: item.value, value: item.name };
// },
// replace: function(text) {
// console.error('text');
// console.dir(text);
// // var hidden = document.querySelector('[name="' + this.input.dataset.name + '"]');
// // this.input.value = text.label;
// // if (!hidden) {
// // return;
// // }
// // hidden.value = text.value;
// // if (hidden.classList.contains('js-trigger-datalist')) {
// // hidden.dispatchEvent(new Event('change', {
// // 'bubbles': true,
// // 'cancelable': true
// // }));
// // }
// // hidden.dispatchEvent(event);
// }
// });
});
(global => {
const city = document.getElementById('search-city');
city.addEventListener('focus', () => {
cityBox.evaluate();
});
if (!city) {
return;
}
const queryBox = new Awesomplete(query, {
minChars: 0,
sort: false
});
const search = document.getElementById('search');
const query = document.getElementById('search-query');
const cityBox = new Awesomplete(city, {
minChars: 0,
sort: false
// data: (item, input) => {
// console.error('----------');
// console.dir(item);
// console.dir(input);
// return { label: item.value, value: item.name };
// },
// replace: function(text) {
// console.error('text');
// console.dir(text);
// // var hidden = document.querySelector('[name="' + this.input.dataset.name + '"]');
// // this.input.value = text.label;
// // if (!hidden) {
// // return;
// // }
// // hidden.value = text.value;
// // if (hidden.classList.contains('js-trigger-datalist')) {
// // hidden.dispatchEvent(new Event('change', {
// // 'bubbles': true,
// // 'cancelable': true
// // }));
// // }
// // hidden.dispatchEvent(event);
// }
// });
});
query.addEventListener('focus', () => {
queryBox.evaluate();
});
city.addEventListener('focus', () => {
cityBox.evaluate();
});
if (search) {
search.addEventListener('submit', (e) => {
if (!city.value && !query.value) {
city.focus();
e.preventDefault();
}
}, false);
}
const queryBox = new Awesomplete(query, {
minChars: 0,
sort: false
});
query.addEventListener('focus', () => {
queryBox.evaluate();
});
if (search) {
search.addEventListener('submit', (e) => {
if (!city.value && !query.value) {
city.focus();
e.preventDefault();
}
}, false);
}
})(window);
// function initDatalist() {
// var nodes = document.querySelectorAll('.js-datalist, .js-datalist-ajax'),
// node,
// getHidden = function(node) {
// return document.querySelector('[name="' + node.dataset.name + '"]');
// },
// event = new Event('input', {
// 'bubbles': true,
// 'cancelable': true
// });
// for (var i = 0; i < nodes.length; i++) {
// node = nodes[i];
// if (node.comboplete) {
// return;
// }
// node.comboplete = new Awesomplete(node, {
// minChars: 0,
// maxItems: 50,
// replace: function(text) {
// var hidden = getHidden(this.input);
// this.input.value = text.label;
// if (!hidden) {
// return;
// }
// hidden.value = text.value;
// if (hidden.classList.contains('js-trigger-datalist')) {
// hidden.dispatchEvent(new Event('change', {
// 'bubbles': true,
// 'cancelable': true
// }));
// }
// hidden.dispatchEvent(event);
// }
// });
// node.addEventListener('click', function() {
// if (this.comboplete.ul.childNodes.length === 0 || !node.value) {
// this.comboplete.minChars = 0;
// this.comboplete.evaluate();
// }
// else if (this.comboplete.ul.hasAttribute('hidden')) {
// this.comboplete.open();
// }
// else {
// this.comboplete.close();
// }
// });
// node.addEventListener('keyup', function(e) {
// var code = e.keyCode || 0;
// if (code === 13) {
// if (this.comboplete.ul.childNodes.length === 1) {
// this.comboplete.select(this.comboplete.ul.childNodes[0]);
// }
// }
// });
// node.addEventListener('input', function() {
// var value = this.value,
// exists = false,
// hidden;
// this.comboplete.ul.childNodes.forEach(function(n) {
// if (n.innerText === value) {
// exists = true;
// }
// });
// if (exists) {
// return;
// }
// hidden = getHidden(this);
// if (!hidden) {
// return;
// }
// hidden.value = '';
// hidden.dispatchEvent(event);
// })
// }
// }
const swiper = new Swiper('.c-feedbacks--inner', {
autoplay: {
delay: 4000,
disableOnInteraction: false
},
grabCursor: true,
loop: true,
pagination: {
el: '.swiper-pagination',
clickable: true
}
});
wp-content/themes/biuro/js/main.min.js 0 → 100644
View file @ 9efa1e0c
This diff is collapsed.
wp-content/themes/biuro/js/vendor/swiper.js 0 → 100644
View file @ 9efa1e0c
This diff is collapsed.
wp-content/themes/biuro/template-parts/menus/menu-language.php
View file @ 9efa1e0c
......@@ -5,14 +5,30 @@
?>
<ul class="o-nav c-nav--lang">
<?php
$translations = pll_the_languages( array(
'raw'=>1,
'force_home'=>1
) );
$translations = pll_the_languages( array(
'raw'=>1,
'force_home'=>1
) );
foreach ($translations as $code => $lang) :
$classCSS = $lang['current_lang'] ? 'class="act"' : '';
echo '<li><a href="' . $lang['url'] . '" title="' . $lang['name'] . '" ' . $classCSS . '>' . strtoupper($lang['slug']) . '</a></li>';
endforeach;
usort($translations, function($a, $b) {
return $a['current_lang'] < $b['current_lang'];
});
foreach ($translations as $code => $lang) :
// $classCSS = $lang['current_lang'] ? 'c-nav--lang-anchor--current' : '';
$classCSS = '';
echo '<li class="c-nav--lang-item"><a href="' . $lang['url'] . '" title="' . $lang['name'] . '" class="c-nav--lang-anchor c-nav--lang-anchor-' . $lang['slug'] . ' ' . $classCSS . '">' . strtoupper($lang['slug']);
if ($lang['current_lang']):
echo '<svg xmlns="http://www.w3.org/2000/svg" width="8.751px" height="5.213px" viewBox="0 0 8.751 5.213" enable-background="new 0 0 8.751 5.213" xml:space="preserve">
<path class="u-fill-inherit" d="M4.143,5.117L0.096,1.103c-0.129-0.129-0.129-0.336,0-0.465l0.541-0.541 c0.129-0.129,0.336-0.129,0.465,0l3.273,3.24l3.273-3.24c0.129-0.129,0.336-0.129,0.465,0l0.541,0.541 c0.129,0.129,0.129,0.336,0,0.465L4.608,5.117C4.48,5.245,4.272,5.245,4.143,5.117z"/>
</svg>';
endif;
echo '</a></li>';
endforeach;
?>
</ul>
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