Initial import
This commit is contained in:
Admin Nasledstvo
@@ -0,0 +1,58 @@
|
||||
<?php
|
||||
/**
|
||||
* @var $slides \app\models\Slides[]
|
||||
*/
|
||||
?>
|
||||
<div class="home-slider splide">
|
||||
<a class="header-logo top-care">
|
||||
<?php if (Yii::$app->language == 'en'): ?>
|
||||
<img src="/_public/images/logo_en/N-logo-02.png">
|
||||
<?php else: ?>
|
||||
<img src="/_public/images/logo-b.png">
|
||||
<?php endif; ?>
|
||||
</a>
|
||||
<div class="slider-img-background"></div>
|
||||
<div class="splide__track">
|
||||
<div class="splide__list">
|
||||
<?php foreach ($slides as $slide): ?>
|
||||
<div class="splide__slide">
|
||||
<div class="content slide-home-page">
|
||||
<div class="content-slide">
|
||||
<a href="<?= $slide->parsed->relation ?>"
|
||||
class="slide-title"><?= $slide->parsed->title ?></a>
|
||||
<a href="<?= $slide->parsed->relation ?>" class="slide-text"><?= $slide->parsed->text ?></a>
|
||||
</div>
|
||||
<img src="<?= $slide->parsed->image ?>" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<link href="/_public/plugins/splitejs/css/splide.min.css" rel="stylesheet">
|
||||
<link href="/_public/assets/css/home-slider.css" rel="stylesheet">
|
||||
<script src="/_public/plugins/splitejs/js/splide.min.js"></script>
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
const splide = new Splide('.splide', {
|
||||
type: 'loop',
|
||||
lazyLoad: 'nearby',
|
||||
arrows: false,
|
||||
autoplay: true,
|
||||
});
|
||||
splide.on('visible', e => {
|
||||
const
|
||||
img = e.slide.querySelector('img'),
|
||||
background = document.querySelector('.slider-img-background')
|
||||
background.classList.add('visible')
|
||||
background.style.backgroundImage = `url("${img.src}")`
|
||||
})
|
||||
splide.mount();
|
||||
})
|
||||
document.querySelectorAll('.slide-home-page img').forEach(img => {
|
||||
img.addEventListener('load', () => {
|
||||
|
||||
})
|
||||
})
|
||||
</script>
|
||||
|
||||
@@ -0,0 +1,80 @@
|
||||
<?php
|
||||
|
||||
|
||||
/* @var $this \yii\web\View */
|
||||
|
||||
/* @var $slides array */
|
||||
|
||||
use app\models\Ts;
|
||||
|
||||
$index = 0;
|
||||
$groupNum = 0;
|
||||
$groups = [];
|
||||
foreach ($slides as $slide) {
|
||||
if ($index < 4) {
|
||||
$groups[$groupNum][] = $slide;
|
||||
$index++;
|
||||
} else {
|
||||
$index = 0;
|
||||
$groupNum++;
|
||||
}
|
||||
}
|
||||
?>
|
||||
|
||||
<div class="tape-slider top50">
|
||||
<div class="top-care"><a href="<?= Yii::$app->goToAction(Yii::$app->language == 'en' ? 'e-library': 'e-biblioteka') ?>"><?= Ts::get(170) ?></a></div>
|
||||
<div class="e-library splide-e-library content splide-custom mobile-hide">
|
||||
<div class="splide__track">
|
||||
<div class="splide__list">
|
||||
<?php foreach ($groups as $group): ?>
|
||||
<div class="splide__slide flex-slide">
|
||||
<?php foreach ($group as $slide): ?>
|
||||
<a href="<?= $slide->url ?>">
|
||||
<img src="<?= $slide->img ?>">
|
||||
<div class="title"><?= $slide->title ?></div>
|
||||
</a>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
</div>
|
||||
<div class="splide__arrows">
|
||||
<button class="splide__arrow splide__arrow--prev"><i class="la la-angle-left"></i></button>
|
||||
<button class="splide__arrow splide__arrow--next"><i class="la la-angle-right"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="e-library-mobile splide-e-library content splide-custom mobile-show">
|
||||
<div class="splide__track">
|
||||
<div class="splide__list">
|
||||
<?php foreach ($slides as $slide): ?>
|
||||
<div class="splide__slide">
|
||||
<a href="<?= $slide->url ?>">
|
||||
<img src="<?= $slide->img ?>">
|
||||
</a>
|
||||
</div>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bottom-care link"><a href="<?= Yii::$app->goToAction(Yii::$app->language == 'en' ? 'e-library': 'e-biblioteka') ?>"><?= Ts::get(2) ?></a></div>
|
||||
</div>
|
||||
|
||||
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
const eLibrary = new Splide('.e-library', {
|
||||
type: 'loop',
|
||||
pagination: false,
|
||||
});
|
||||
eLibrary.mount()
|
||||
const eLibraryMobile = new Splide('.e-library-mobile', {
|
||||
type: 'loop',
|
||||
pagination: false,
|
||||
perPage: 1
|
||||
});
|
||||
eLibraryMobile.mount()
|
||||
|
||||
})
|
||||
</script>
|
||||
@@ -0,0 +1,61 @@
|
||||
<?php
|
||||
|
||||
|
||||
/* @var $this \yii\web\View */
|
||||
|
||||
/* @var $slides array */
|
||||
|
||||
use app\models\Ts;
|
||||
$page = \app\models\Pages::findOne(7)
|
||||
?>
|
||||
|
||||
<style>
|
||||
footer {
|
||||
margin-top: 0 !important;
|
||||
}
|
||||
</style>
|
||||
|
||||
<div class="tape-slider-partner top50">
|
||||
<div class="content">
|
||||
<div class="top-care"><a style="color: #FFFFFF !important;" href="<?= $page->getUrl() ?>"><?= Ts::get(21) ?></a></div>
|
||||
<div class="splide-partners splide-custom">
|
||||
<div class="splide__track">
|
||||
<div class="splide__list">
|
||||
<?php foreach ($slides as $slide): ?>
|
||||
<div class="splide__slide">
|
||||
<a href="<?= $slide->url ?>"><img src="<?= $slide->logo ?>" style="<?= $slide->logo == '/_public/assets/images/emptysq.png' ? 'background:#f9f9f9f9' : ''?>"></a>
|
||||
<div class="title"><?= $slide->name ?></div>
|
||||
</div>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
</div>
|
||||
<div class="splide__arrows">
|
||||
<button class="splide__arrow splide__arrow--prev"><i class="la la-angle-left"></i></button>
|
||||
<button class="splide__arrow splide__arrow--next"><i class="la la-angle-right"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
<a href="<?= $page->getUrl() ?>" class="bottom-care link"><?= Ts::get(2) ?></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
const splidePartners = new Splide('.splide-partners', {
|
||||
pagination: false,
|
||||
perPage: 6,
|
||||
type: 'loop',
|
||||
breakpoints: {
|
||||
1150: {
|
||||
perPage: 4
|
||||
},
|
||||
991: {
|
||||
perPage: 2
|
||||
},
|
||||
540: {
|
||||
perPage: 1
|
||||
}
|
||||
}
|
||||
});
|
||||
splidePartners.mount()
|
||||
})
|
||||
</script>
|
||||
@@ -0,0 +1,97 @@
|
||||
<?php
|
||||
|
||||
|
||||
/* @var $this \yii\web\View */
|
||||
|
||||
/* @var $slides array */
|
||||
|
||||
use app\models\Ts;
|
||||
|
||||
$index = 0;
|
||||
$groupNum = 0;
|
||||
$groups = [];
|
||||
foreach ($slides as $slide) {
|
||||
|
||||
$groups[$groupNum][] = $slide;
|
||||
$index++;
|
||||
|
||||
if ($index > 3) {
|
||||
$index = 0;
|
||||
$groupNum++;
|
||||
}
|
||||
}
|
||||
?>
|
||||
|
||||
<div class="tape-slider-join">
|
||||
<div class="content">
|
||||
<div class="title"><?= Ts::get(16) ?></div>
|
||||
<div class="join-to-us splide-join-to-us splide-custom mobile-hide">
|
||||
<div class="splide__track">
|
||||
<div class="splide__list">
|
||||
<?php foreach ($groups as $group): ?>
|
||||
<div class="splide__slide flex-slide">
|
||||
<?php foreach ($group as $slide): ?>
|
||||
<div class="flex-item">
|
||||
<div class="img">
|
||||
<img src="<?= $slide->img ?>">
|
||||
</div>
|
||||
<div class="item-content">
|
||||
<div class="item-title"><?= $slide->title ?></div>
|
||||
<div class="item-text"><?= $slide->text ?></div>
|
||||
<a target="_blank" href="<?= $slide->url ?>" class="item-link"><?= Ts::get(17) ?></a>
|
||||
</div>
|
||||
</div>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
</div>
|
||||
<div class="splide__arrows">
|
||||
<button class="splide__arrow splide__arrow--prev"><i class="la la-angle-left"></i></button>
|
||||
<button class="splide__arrow splide__arrow--next"><i class="la la-angle-right"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="join-to-us-mobile splide-join-to-us mobile-show splide-custom">
|
||||
<div class="splide__track">
|
||||
<div class="splide__list">
|
||||
<?php foreach ($slides as $slide): ?>
|
||||
<div class="splide__slide flex-slide flex-center">
|
||||
<div class="flex-item">
|
||||
<div class="img">
|
||||
<img src="<?= $slide->img ?>">
|
||||
</div>
|
||||
<div class="item-content">
|
||||
<div class="item-title"><?= $slide->title ?></div>
|
||||
<div class="item-text"><?= $slide->text ?></div>
|
||||
<a target="_blank" href="<?= $slide->url ?>" class="item-link"><?= Ts::get(17) ?></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
</div>
|
||||
<div class="splide__arrows">
|
||||
<button class="splide__arrow splide__arrow--prev"><i class="la la-angle-left"></i></button>
|
||||
<button class="splide__arrow splide__arrow--next"><i class="la la-angle-right"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
const splide = new Splide('.join-to-us', {
|
||||
type: 'loop',
|
||||
pagination: false,
|
||||
});
|
||||
splide.mount()
|
||||
|
||||
const jointToUs = new Splide('.join-to-us-mobile', {
|
||||
type: 'loop',
|
||||
pagination: false,
|
||||
perPage: 2
|
||||
});
|
||||
jointToUs.mount()
|
||||
})
|
||||
</script>
|
||||
Reference in New Issue
Block a user