Save
This commit is contained in:
@@ -1,4 +1,7 @@
|
|||||||
<?php
|
<?php
|
||||||
|
|
||||||
|
$google_map_api = 'AIzaSyD-1SOVhJXr6HREtfmMILvlmV-hml3nxUg';
|
||||||
|
|
||||||
$provinces = [
|
$provinces = [
|
||||||
'dolnoslaskie' => [
|
'dolnoslaskie' => [
|
||||||
'id' => 1,
|
'id' => 1,
|
||||||
@@ -69,6 +72,10 @@
|
|||||||
$company_showrooms = [
|
$company_showrooms = [
|
||||||
[
|
[
|
||||||
'provinces' => $provinces['podkarpackie'],
|
'provinces' => $provinces['podkarpackie'],
|
||||||
|
'position' => [
|
||||||
|
'lat' => 50.1024,
|
||||||
|
'lng' => 21.9760
|
||||||
|
],
|
||||||
'data' => [
|
'data' => [
|
||||||
'text' => '<strong>Rudna Mała</strong><br/> Rudna Mała 75/k. Rzeszowa<br/> 36-054 Rudna Mała',
|
'text' => '<strong>Rudna Mała</strong><br/> Rudna Mała 75/k. Rzeszowa<br/> 36-054 Rudna Mała',
|
||||||
],
|
],
|
||||||
@@ -81,6 +88,9 @@
|
|||||||
<a href="mailto:oknobud.sacz@gmail.com">oknobud.sacz@gmail.com</a>',
|
<a href="mailto:oknobud.sacz@gmail.com">oknobud.sacz@gmail.com</a>',
|
||||||
'maps' => 'https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2559.1425723841835!2d21.973517577050675!3d50.10233831236703!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x473ce36b077ae3b5%3A0x31bb36833c20c2f0!2sVIDOK%20Sp.%20z%20o.o.%20Producent%20okien%20i%20drzwi!5e0!3m2!1spl!2spl!4v1764582571106!5m2!1spl!2spl'
|
'maps' => 'https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2559.1425723841835!2d21.973517577050675!3d50.10233831236703!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x473ce36b077ae3b5%3A0x31bb36833c20c2f0!2sVIDOK%20Sp.%20z%20o.o.%20Producent%20okien%20i%20drzwi!5e0!3m2!1spl!2spl!4v1764582571106!5m2!1spl!2spl'
|
||||||
]
|
]
|
||||||
|
],
|
||||||
|
[
|
||||||
|
|
||||||
]
|
]
|
||||||
];
|
];
|
||||||
|
|
||||||
@@ -269,14 +279,30 @@
|
|||||||
<div class="box-4--wrapper">
|
<div class="box-4--wrapper">
|
||||||
<div class="c-row">
|
<div class="c-row">
|
||||||
<div id="box-showrooms">
|
<div id="box-showrooms">
|
||||||
|
<?php
|
||||||
|
$navProvinces = [];
|
||||||
|
|
||||||
|
if (!empty($company_showrooms) && is_array($company_showrooms)) {
|
||||||
|
foreach ($company_showrooms as $showroom) {
|
||||||
|
if (
|
||||||
|
!empty($showroom['provinces']['name'])
|
||||||
|
) {
|
||||||
|
$provinceName = $showroom['provinces']['name'];
|
||||||
|
$navProvinces[$provinceName] = $provinceName;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
?>
|
||||||
|
|
||||||
<nav id="showrooms-nav">
|
<nav id="showrooms-nav">
|
||||||
<ul>
|
<ul>
|
||||||
<?php foreach ($provinces as $key => $value) : ?>
|
<?php foreach ($navProvinces as $provinceName) : ?>
|
||||||
<li>
|
<li>
|
||||||
<input
|
<input
|
||||||
type="button"
|
type="button"
|
||||||
value="<?= $value['name']; ?>"
|
class="js-showrooms-nav-btn"
|
||||||
province="<?= $value['name']; ?>"
|
value="<?= $provinceName; ?>"
|
||||||
|
data-province="<?= $provinceName; ?>"
|
||||||
>
|
>
|
||||||
</li>
|
</li>
|
||||||
<?php endforeach; ?>
|
<?php endforeach; ?>
|
||||||
@@ -290,7 +316,7 @@
|
|||||||
<div class="showrooms-list-cards">
|
<div class="showrooms-list-cards">
|
||||||
<ol>
|
<ol>
|
||||||
<?php foreach ($company_showrooms as $key => $value) : ?>
|
<?php foreach ($company_showrooms as $key => $value) : ?>
|
||||||
<li class="showroom-card" province='<?= $value['provinces']['name']; ?>'>
|
<li class="showroom-card" data-province='<?= $value['provinces']['name']; ?>'>
|
||||||
<div class="showroom-card-text">
|
<div class="showroom-card-text">
|
||||||
<p><?= $value['data']['text']; ?></p>
|
<p><?= $value['data']['text']; ?></p>
|
||||||
</div>
|
</div>
|
||||||
@@ -564,7 +590,7 @@ $(document).ready(function() {
|
|||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
|
|
||||||
showroomsNavHandler($(this));
|
showroomsNavHandler($(this));
|
||||||
showroomsListHandler($(this).attr('province'))
|
showroomsListHandler($(this).attr('data-province'))
|
||||||
});
|
});
|
||||||
|
|
||||||
boxShowrooms.on('click', '#showrooms-lists .showroom-card .showroom-card-action input', function(e) {
|
boxShowrooms.on('click', '#showrooms-lists .showroom-card .showroom-card-action input', function(e) {
|
||||||
@@ -580,7 +606,7 @@ $(document).ready(function() {
|
|||||||
|
|
||||||
function showroomsListHandler(province) {
|
function showroomsListHandler(province) {
|
||||||
$('#showrooms-lists .showroom-card', boxShowrooms).each(function(){
|
$('#showrooms-lists .showroom-card', boxShowrooms).each(function(){
|
||||||
if($(this).attr('province') == province) {
|
if($(this).attr('data-province') == province) {
|
||||||
$(this).addClass('active')
|
$(this).addClass('active')
|
||||||
} else{
|
} else{
|
||||||
$(this).removeClass('active')
|
$(this).removeClass('active')
|
||||||
@@ -588,7 +614,7 @@ $(document).ready(function() {
|
|||||||
})
|
})
|
||||||
}
|
}
|
||||||
function defaultProvinces() {
|
function defaultProvinces() {
|
||||||
let target = $('#showrooms-nav input[province="Podkarpackie"]');
|
let target = $('#showrooms-nav input[data-province="Podkarpackie"]');
|
||||||
|
|
||||||
if (target.length) {
|
if (target.length) {
|
||||||
target.trigger('click');
|
target.trigger('click');
|
||||||
|
|||||||
Reference in New Issue
Block a user