Initial import
This commit is contained in:
Admin Nasledstvo
@@ -0,0 +1,82 @@
|
||||
<?php
|
||||
|
||||
use app\models\register\Collections;
|
||||
|
||||
/**
|
||||
* @var Collections[] $articles
|
||||
*/
|
||||
|
||||
list($slideGroups, $index, $i) = [[], 0, 0];
|
||||
foreach ($articles as $position) {
|
||||
$slideGroups[$index][] = $position;
|
||||
$i++;
|
||||
if ($i == 5) {
|
||||
$i = 0;
|
||||
$index++;
|
||||
}
|
||||
}
|
||||
?>
|
||||
|
||||
<?php foreach ($slideGroups as $num => $group): ?>
|
||||
<div class="splide__slide article-model">
|
||||
<div class="cw4 relative">
|
||||
<a href="<?= $group[0]->getUrl() ?>" class="article main cell">
|
||||
<div class="cell-img" style="background-image: url('<?= $group[0]->getImg() ?>')"></div>
|
||||
<div class="padding15">
|
||||
<div class="ast">
|
||||
<?= $group[0]->title() ?>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="cw8 flex-wrap">
|
||||
<?php
|
||||
$sp = array_slice($group, 1, 4);
|
||||
if (sizeof($sp) > 0):
|
||||
$cell = [
|
||||
4 => [[8, 0], [4, 1], [4, 2], [8, 3]],
|
||||
3 => [[4, 0], [[12, 1], [12, 2]]],
|
||||
2 => [[8, 0], [4, 1]],
|
||||
1 => [[12, 0]]
|
||||
];
|
||||
$frames = $cell[sizeof($sp)];
|
||||
?>
|
||||
<?php foreach ($frames as $p): ?>
|
||||
<?php if (!is_array($p[0])): ?>
|
||||
<div class="cw<?= $p[0] ?>">
|
||||
<?php if (isset($sp[$p[1]])): ?>
|
||||
<a href="<?= $sp[$p[1]]->getUrl() ?>" class="article cell">
|
||||
<div class="cell-img"
|
||||
style="background-image: url('<?= $sp[$p[1]]->getImg() ?>')"></div>
|
||||
<div class="padding15">
|
||||
<div class="ast">
|
||||
<?= $sp[$p[1]]->title() ?>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
<?php else: ?>
|
||||
<div class="cw8 flex-wrap">
|
||||
<?php foreach ($p as $art): ?>
|
||||
<div class="cw<?= $art[0] ?? '' ?>">
|
||||
<?php if (isset($sp[$art[1]])): ?>
|
||||
<a href="<?= $sp[$art[1]]->getUrl() ?>" class="article cell">
|
||||
<div class="cell-img"
|
||||
style="background-image: url('<?= $sp[$art[1]]->getImg() ?>')"></div>
|
||||
<div class="padding15">
|
||||
<div class="ast text-limit">
|
||||
<?= $sp[$art[1]]->title() ?>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
<?php endforeach; ?>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
</div>
|
||||
<?php endforeach; ?>
|
||||
@@ -0,0 +1,24 @@
|
||||
<?php
|
||||
|
||||
use app\models\register\Collections;
|
||||
|
||||
/**
|
||||
* @var Collections[] $articles
|
||||
*/
|
||||
|
||||
?>
|
||||
|
||||
<?php foreach ($articles as $num => $article): ?>
|
||||
<div class="splide__slide article-model">
|
||||
<div class="cw12 relative">
|
||||
<a href="<?= $article->getUrl() ?>" class="article main cell">
|
||||
<div class="cell-img" style="background-image: url('<?= $article->getImg() ?>')"></div>
|
||||
<div class="padding15">
|
||||
<div class="ast" style="bottom: 100px">
|
||||
<?= $article->title() ?>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<?php endforeach; ?>
|
||||
@@ -0,0 +1,84 @@
|
||||
<?php
|
||||
|
||||
use app\models\Articles;
|
||||
use app\models\Positions;
|
||||
use app\services\ViewReg;
|
||||
|
||||
/**
|
||||
* @var Positions[] $articles
|
||||
*/
|
||||
|
||||
list($slideGroups, $index, $i) = [[], 0, 0];
|
||||
foreach ($articles as $position) {
|
||||
$slideGroups[$index][] = $position;
|
||||
$i++;
|
||||
if ($i == 5) {
|
||||
$i = 0;
|
||||
$index++;
|
||||
}
|
||||
}
|
||||
?>
|
||||
|
||||
<?php foreach ($slideGroups as $num => $group): ?>
|
||||
<div class="splide__slide article-model mobile-hide">
|
||||
<div class="cw4 relative">
|
||||
<a href="<?= ViewReg::generateDetailPageUrl($group[0]->articleModel) ?>" class="article main cell">
|
||||
<div class="cell-img" style="background-image: url('<?= $group[0]->article->image("16:11") ?>')"></div>
|
||||
<div class="padding15">
|
||||
<div class="ast">
|
||||
<?= $group[0]->article->textShort() ?>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="cw8 flex-wrap">
|
||||
<?php
|
||||
$sp = array_slice($group, 1, 4);
|
||||
if (sizeof($sp) > 0):
|
||||
$cell = [
|
||||
4 => [[8, 0], [4, 1], [4, 2], [8, 3]],
|
||||
3 => [[4, 0], [[12, 1], [12, 2]]],
|
||||
2 => [[8, 0], [4, 1]],
|
||||
1 => [[12, 0]]
|
||||
];
|
||||
$frames = $cell[sizeof($sp)];
|
||||
?>
|
||||
<?php foreach ($frames as $p): ?>
|
||||
<?php if (!is_array($p[0])): ?>
|
||||
<div class="cw<?= $p[0] ?>">
|
||||
<?php if (isset($sp[$p[1]])): ?>
|
||||
<a href="<?= ViewReg::generateDetailPageUrl($sp[$p[1]]->articleModel) ?>" class="article cell">
|
||||
<div class="cell-img"
|
||||
style="background-image: url('<?= $sp[$p[1]]->article->image("16:11") ?>')"></div>
|
||||
<div class="padding15">
|
||||
<div class="ast">
|
||||
<?= $sp[$p[1]]->article->textShort() ?>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
<?php else: ?>
|
||||
<div class="cw8 flex-wrap">
|
||||
<?php foreach ($p as $art): ?>
|
||||
<div class="cw<?= $art[0] ?? '' ?>">
|
||||
<?php if (isset($sp[$art[1]])): ?>
|
||||
<a href="<?= ViewReg::generateDetailPageUrl($sp[$art[1]]->articleModel)?>" class="article cell">
|
||||
<div class="cell-img"
|
||||
style="background-image: url('<?= $sp[$art[1]]->article->image("16:11") ?>')"></div>
|
||||
<div class="padding15">
|
||||
<div class="ast text-limit">
|
||||
<?= $sp[$art[1]]->article->textShort() ?>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
<?php endforeach; ?>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
</div>
|
||||
<?php endforeach; ?>
|
||||
@@ -0,0 +1,82 @@
|
||||
<?php
|
||||
|
||||
use app\models\Expositions;
|
||||
|
||||
/**
|
||||
* @var Expositions[] $articles
|
||||
*/
|
||||
|
||||
list($slideGroups, $index, $i) = [[], 0, 0];
|
||||
foreach ($articles as $position) {
|
||||
$slideGroups[$index][] = $position;
|
||||
$i++;
|
||||
if ($i == 5) {
|
||||
$i = 0;
|
||||
$index++;
|
||||
}
|
||||
}
|
||||
?>
|
||||
|
||||
<?php foreach ($slideGroups as $num => $group): ?>
|
||||
<div class="splide__slide article-model">
|
||||
<div class="cw4 relative">
|
||||
<a href="<?= $group[0]->getUrl() ?>" class="article main cell">
|
||||
<div class="cell-img" style="background-image: url('<?= $group[0]->getImg() ?>')"></div>
|
||||
<div class="padding15">
|
||||
<div class="ast">
|
||||
<?= $group[0]->title() ?>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="cw8 flex-wrap">
|
||||
<?php
|
||||
$sp = array_slice($group, 1, 4);
|
||||
if (sizeof($sp) > 0):
|
||||
$cell = [
|
||||
4 => [[8, 0], [4, 1], [4, 2], [8, 3]],
|
||||
3 => [[4, 0], [[12, 1], [12, 2]]],
|
||||
2 => [[8, 0], [4, 1]],
|
||||
1 => [[12, 0]]
|
||||
];
|
||||
$frames = $cell[sizeof($sp)];
|
||||
?>
|
||||
<?php foreach ($frames as $p): ?>
|
||||
<?php if (!is_array($p[0])): ?>
|
||||
<div class="cw<?= $p[0] ?>">
|
||||
<?php if (isset($sp[$p[1]])): ?>
|
||||
<a href="<?= $sp[$p[1]]->getUrl() ?>" class="article cell">
|
||||
<div class="cell-img"
|
||||
style="background-image: url('<?= $sp[$p[1]]->getImg() ?>')"></div>
|
||||
<div class="padding15">
|
||||
<div class="ast">
|
||||
<?= $sp[$p[1]]->title() ?>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
<?php else: ?>
|
||||
<div class="cw8 flex-wrap">
|
||||
<?php foreach ($p as $art): ?>
|
||||
<div class="cw<?= $art[0] ?? '' ?>">
|
||||
<?php if (isset($sp[$art[1]])): ?>
|
||||
<a href="<?= $sp[$art[1]]->getUrl() ?>" class="article cell">
|
||||
<div class="cell-img"
|
||||
style="background-image: url('<?= $sp[$art[1]]->getImg() ?>')"></div>
|
||||
<div class="padding15">
|
||||
<div class="ast text-limit">
|
||||
<?= $sp[$art[1]]->title() ?>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
<?php endforeach; ?>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
</div>
|
||||
<?php endforeach; ?>
|
||||
@@ -0,0 +1,83 @@
|
||||
<?php
|
||||
|
||||
use app\models\Articles;
|
||||
use app\models\Positions;
|
||||
use app\services\ViewReg;
|
||||
|
||||
/**
|
||||
* @var Positions[] $articles
|
||||
*/
|
||||
|
||||
list($slideGroups, $index, $i) = [[], 0, 0];
|
||||
foreach ($articles as $position) {
|
||||
$slideGroups[$index][] = $position;
|
||||
$i++;
|
||||
if ($i == 5) {
|
||||
$i = 0;
|
||||
}
|
||||
}
|
||||
?>
|
||||
|
||||
<?php foreach ($slideGroups as $num => $group): ?>
|
||||
<div class="splide__slide article-model">
|
||||
<div class="cw4 relative">
|
||||
<a href="<?= ViewReg::generateDetailPageUrl($group[0]->articleModel) ?>" class="article main cell">
|
||||
<div class="cell-img" style="background-image: url('<?= $group[0]->article->image("16:11") ?>')"></div>
|
||||
<div class="padding15">
|
||||
<div class="ast">
|
||||
<?= $group[0]->article->textShort() ?>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="cw8 flex-wrap">
|
||||
<?php
|
||||
$sp = array_slice($group, 1, 4);
|
||||
if (sizeof($sp) > 0):
|
||||
$cell = [
|
||||
4 => [[8, 0], [4, 1], [4, 2], [8, 3]],
|
||||
3 => [[4, 0], [[12, 1], [12, 2]]],
|
||||
2 => [[8, 0], [4, 1]],
|
||||
1 => [[12, 0]]
|
||||
];
|
||||
$frames = $cell[sizeof($sp)];
|
||||
?>
|
||||
<?php foreach ($frames as $p): ?>
|
||||
<?php if (!is_array($p[0])): ?>
|
||||
<div class="cw<?= $p[0] ?>">
|
||||
<?php if (isset($sp[$p[1]])): ?>
|
||||
<a href="<?= ViewReg::generateDetailPageUrl($sp[$p[1]]->articleModel) ?>" class="article cell">
|
||||
<div class="cell-img"
|
||||
style="background-image: url('<?= $sp[$p[1]]->article->image("16:11") ?>')"></div>
|
||||
<div class="padding15">
|
||||
<div class="ast">
|
||||
<?= $sp[$p[1]]->article->textShort() ?>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
<?php else: ?>
|
||||
<div class="cw8 flex-wrap">
|
||||
<?php foreach ($p as $art): ?>
|
||||
<div class="cw<?= $art[0] ?? '' ?>">
|
||||
<?php if (isset($sp[$art[1]])): ?>
|
||||
<a href="<?= ViewReg::generateDetailPageUrl($sp[$art[1]]->articleModel)?>" class="article cell">
|
||||
<div class="cell-img"
|
||||
style="background-image: url('<?= $sp[$art[1]]->article->image("16:11") ?>')"></div>
|
||||
<div class="padding15">
|
||||
<div class="ast text-limit">
|
||||
<?= $sp[$art[1]]->article->textShort() ?>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
<?php endforeach; ?>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
</div>
|
||||
<?php endforeach; ?>
|
||||
@@ -0,0 +1,25 @@
|
||||
<?php
|
||||
|
||||
use app\models\Articles;
|
||||
use app\models\Positions;
|
||||
use app\services\ViewReg;
|
||||
|
||||
/**
|
||||
* @var Positions[] $articles
|
||||
*/
|
||||
?>
|
||||
|
||||
<?php foreach ($articles as $num => $article): ?>
|
||||
<div class="splide__slide article-model">
|
||||
<div class="cw12 relative">
|
||||
<a href="<?= ViewReg::generateDetailPageUrl($article->articleModel) ?>" class="article main cell">
|
||||
<div class="cell-img" style="background-image: url('<?= $article->article->image("16:11") ?>')"></div>
|
||||
<div class="padding15">
|
||||
<div class="ast">
|
||||
<?= $article->article->textShort() ?>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<?php endforeach; ?>
|
||||
@@ -0,0 +1,83 @@
|
||||
<?php
|
||||
|
||||
use app\models\register\Collections;
|
||||
use app\services\ViewReg;
|
||||
|
||||
/**
|
||||
* @var Collections[] $articles
|
||||
*/
|
||||
|
||||
list($slideGroups, $index, $i) = [[], 0, 0];
|
||||
foreach ($articles as $position) {
|
||||
$slideGroups[$index][] = $position;
|
||||
$i++;
|
||||
if ($i == 5) {
|
||||
$i = 0;
|
||||
$index++;
|
||||
}
|
||||
}
|
||||
?>
|
||||
|
||||
<?php foreach ($slideGroups as $num => $group): ?>
|
||||
<div class="splide__slide article-model">
|
||||
<div class="cw4 relative">
|
||||
<a href="<?= $group[0]->getUrl() ?>" class="article main cell">
|
||||
<div class="cell-img" style="background-image: url('<?= $group[0]->getImg() ?>')"></div>
|
||||
<div class="padding15">
|
||||
<div class="ast">
|
||||
<?= $group[0]->title() ?>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="cw8 flex-wrap">
|
||||
<?php
|
||||
$sp = array_slice($group, 1, 4);
|
||||
if (sizeof($sp) > 0):
|
||||
$cell = [
|
||||
4 => [[8, 0], [4, 1], [4, 2], [8, 3]],
|
||||
3 => [[4, 0], [[12, 1], [12, 2]]],
|
||||
2 => [[8, 0], [4, 1]],
|
||||
1 => [[12, 0]]
|
||||
];
|
||||
$frames = $cell[sizeof($sp)];
|
||||
?>
|
||||
<?php foreach ($frames as $p): ?>
|
||||
<?php if (!is_array($p[0])): ?>
|
||||
<div class="cw<?= $p[0] ?>">
|
||||
<?php if (isset($sp[$p[1]])): ?>
|
||||
<a href="<?= $sp[$p[1]]->getUrl() ?>" class="article cell">
|
||||
<div class="cell-img"
|
||||
style="background-image: url('<?= $sp[$p[1]]->getImg() ?>')"></div>
|
||||
<div class="padding15">
|
||||
<div class="ast">
|
||||
<?= $sp[$p[1]]->title() ?>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
<?php else: ?>
|
||||
<div class="cw8 flex-wrap">
|
||||
<?php foreach ($p as $art): ?>
|
||||
<div class="cw<?= $art[0] ?? '' ?>">
|
||||
<?php if (isset($sp[$art[1]])): ?>
|
||||
<a href="<?= $sp[$art[1]]->getUrl() ?>" class="article cell">
|
||||
<div class="cell-img"
|
||||
style="background-image: url('<?= $sp[$art[1]]->getImg() ?>')"></div>
|
||||
<div class="padding15">
|
||||
<div class="ast text-limit">
|
||||
<?= $sp[$art[1]]->title() ?>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
<?php endforeach; ?>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
</div>
|
||||
<?php endforeach; ?>
|
||||
@@ -0,0 +1,34 @@
|
||||
<?php
|
||||
|
||||
use app\models\register\Collections;
|
||||
use app\services\ViewReg;
|
||||
|
||||
/**
|
||||
* @var Collections[] $articles
|
||||
*/
|
||||
|
||||
list($slideGroups, $index, $i) = [[], 0, 0];
|
||||
foreach ($articles as $position) {
|
||||
$slideGroups[$index][] = $position;
|
||||
$i++;
|
||||
if ($i == 5) {
|
||||
$i = 0;
|
||||
$index++;
|
||||
}
|
||||
}
|
||||
?>
|
||||
|
||||
<?php foreach ($articles as $article): ?>
|
||||
<div class="splide__slide article-model">
|
||||
<div class="cw12 relative">
|
||||
<a href="<?= $article->getUrl() ?>" class="article main cell">
|
||||
<div class="cell-img" style="background-image: url('<?= $article->getImg() ?>')"></div>
|
||||
<div class="padding15">
|
||||
<div class="ast">
|
||||
<?= $article->title() ?>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<?php endforeach; ?>
|
||||
@@ -0,0 +1,88 @@
|
||||
<?php
|
||||
|
||||
use app\models\Articles;
|
||||
use app\services\ViewReg;
|
||||
|
||||
/**
|
||||
* @var Articles[] $articles
|
||||
* @var $partner_id
|
||||
*/
|
||||
|
||||
list($slideGroups, $index, $i) = [[], 0, 0];
|
||||
foreach ($articles as $position) {
|
||||
$slideGroups[$index][] = $position;
|
||||
$i++;
|
||||
if ($i == 5) {
|
||||
$i = 0;
|
||||
}
|
||||
}
|
||||
?>
|
||||
|
||||
<?php foreach ($slideGroups as $num => $group): ?>
|
||||
<?php if ($group[0]->article): ?>
|
||||
<div class="splide__slide article-model">
|
||||
<div class="cw4 relative">
|
||||
<a href="<?= ViewReg::generateDetailPageUrl($group[0], $partner_id) ?>" class="article main cell">
|
||||
<div class="cell-img"
|
||||
style="background-image: url('<?= $group[0]->article->image("16:11") ?>')"></div>
|
||||
<div class="padding15">
|
||||
<div class="ast">
|
||||
<?= $group[0]->article->textShort() ?>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="cw8 flex-wrap">
|
||||
<?php
|
||||
$sp = array_slice($group, 1, 4);
|
||||
if (sizeof($sp) > 0):
|
||||
$cell = [
|
||||
4 => [[8, 0], [4, 1], [4, 2], [8, 3]],
|
||||
3 => [[4, 0], [[12, 1], [12, 2]]],
|
||||
2 => [[8, 0], [4, 1]],
|
||||
1 => [[12, 0]]
|
||||
];
|
||||
$frames = $cell[sizeof($sp)];
|
||||
?>
|
||||
<?php foreach ($frames as $p): ?>
|
||||
<?php if (!is_array($p[0])): ?>
|
||||
<div class="cw<?= $p[0] ?>">
|
||||
<?php if (isset($sp[$p[1]]) && $sp[$p[1]]->article): ?>
|
||||
<a href="<?= ViewReg::generateDetailPageUrl($sp[$p[1]], $partner_id) ?>"
|
||||
class="article cell">
|
||||
<div class="cell-img"
|
||||
style="background-image: url('<?= $sp[$p[1]]->article->image("16:11") ?>')"></div>
|
||||
<div class="padding15">
|
||||
<div class="ast">
|
||||
<?= $sp[$p[1]]->article->textShort() ?>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
<?php else: ?>
|
||||
<div class="cw8 flex-wrap">
|
||||
<?php foreach ($p as $art): ?>
|
||||
<div class="cw<?= $art[0] ?? '' ?>">
|
||||
<?php if (isset($sp[$art[1]]) && $sp[$art[1]]->article): ?>
|
||||
<a href="<?= ViewReg::generateDetailPageUrl($sp[$art[1]]->articleModel) ?>"
|
||||
class="article cell">
|
||||
<div class="cell-img"
|
||||
style="background-image: url('<?= $sp[$art[1]]->article->image("16:11") ?>')"></div>
|
||||
<div class="padding15">
|
||||
<div class="ast text-limit">
|
||||
<?= $sp[$art[1]]->article->textShort() ?>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
<?php endforeach; ?>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
<?php endforeach; ?>
|
||||
@@ -0,0 +1,56 @@
|
||||
<?php
|
||||
|
||||
|
||||
/* @var $this \yii\web\View */
|
||||
/* @var \app\models\parsed\ArticleParsedInterface $article */
|
||||
|
||||
?>
|
||||
<style>
|
||||
.splide__slide img {
|
||||
}
|
||||
|
||||
.is-next img, .is-prev img {
|
||||
opacity: 0.5;
|
||||
}
|
||||
</style>
|
||||
|
||||
<div class="splide">
|
||||
<div class="splide__track">
|
||||
<div class="splide__list">
|
||||
<div class="splide__slide article-model">
|
||||
<img src="<?= $article->image() ?>" class="content-inner">
|
||||
</div>
|
||||
<?php foreach ($article->images() as $image): ?>
|
||||
<div class="splide__slide article-model">
|
||||
<img src="<?= $image ?>" class="content-inner">
|
||||
</div>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
</div>
|
||||
<?php if (sizeof($article->images()) > 0): ?>
|
||||
<div class="splide__arrows">
|
||||
<button class="splide__arrow splide__arrow--prev"><i class="la la-chevron-left"></i></button>
|
||||
<button class="splide__arrow splide__arrow--next"><i class="la la-chevron-right"></i></button>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
|
||||
<link href="/_public/plugins/splitejs/css/splide.min.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',
|
||||
autoplay: true,
|
||||
pagination: false,
|
||||
perPage: 1,
|
||||
gap: '1rem',
|
||||
arrows: false,
|
||||
speed: 0
|
||||
});
|
||||
|
||||
|
||||
splide.mount();
|
||||
})
|
||||
</script>
|
||||
+41
@@ -0,0 +1,41 @@
|
||||
<?php
|
||||
|
||||
|
||||
/* @var $this \yii\web\View */
|
||||
/* @var \app\models\parsed\ArticleParsedInterface $article */
|
||||
|
||||
?>
|
||||
|
||||
|
||||
<div class="splide">
|
||||
<div class="splide__track">
|
||||
<div class="splide__list">
|
||||
<div class="splide__slide article-model">
|
||||
<img src="<?= $article->image('21:11') ?>">
|
||||
</div>
|
||||
<?php foreach ($article->images('21:11') as $image): ?>
|
||||
<div class="splide__slide article-model">
|
||||
<img src="<?= $image ?>" class="content">
|
||||
</div>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
</div>
|
||||
<div class="splide__arrows">
|
||||
<button class="splide__arrow splide__arrow--prev"><i class="la la-chevron-left"></i></button>
|
||||
<button class="splide__arrow splide__arrow--next"><i class="la la-chevron-right"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<link href="/_public/plugins/splitejs/css/splide.min.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',
|
||||
autoplay: true,
|
||||
pagination: false
|
||||
});
|
||||
splide.mount();
|
||||
})
|
||||
</script>
|
||||
@@ -0,0 +1,68 @@
|
||||
<?php
|
||||
|
||||
use app\models\Navigation;
|
||||
use app\models\Positions;
|
||||
use app\models\Ts;
|
||||
|
||||
/**
|
||||
* @var Positions[] $positions
|
||||
* @var $this \yii\web\View;
|
||||
*/
|
||||
?>
|
||||
<?php if (!empty($positions)): ?>
|
||||
<div class="content-out mobile-hide">
|
||||
<div class="top50"></div>
|
||||
<div class="cw4 relative">
|
||||
<div class="top-care small-title font-bold text-uppercase top10"><a href="<?= \app\services\ViewReg::goToPage(2) ?>"><?= Ts::get(19) ?></a></div>
|
||||
</div>
|
||||
<div class="new-collection splide-collection">
|
||||
<div class="splide__track">
|
||||
<div class="splide__list">
|
||||
<?= $this->render('_collection_home_page', ['articles' => $positions]) ?>
|
||||
</div>
|
||||
</div>
|
||||
<div class="splide__arrows">
|
||||
<button class="splide__arrow splide__arrow--prev"><i class="la la-chevron-left"></i></button>
|
||||
<button class="splide__arrow splide__arrow--next"><i class="la la-chevron-right"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cw4 relative">
|
||||
<a href="<?= \app\services\ViewReg::goToPage(2) ?>" class="bottom-care link"><?= Ts::get(2) ?></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mobile-show">
|
||||
<div class="top-care small-title font-bold text-uppercase" style="margin-left: 10px"><?= Ts::get(19) ?></div>
|
||||
<div class="new-collection-mobile splide-collection">
|
||||
<div class="splide__track">
|
||||
<div class="splide__list">
|
||||
<?= $this->render('_collection_home_page_mobile', ['articles' => $positions]) ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cw12 relative">
|
||||
<a href="<?= \app\services\ViewReg::goToPage(2) ?>"
|
||||
class="bottom-care link all-collection-home"><?= Ts::get(2) ?></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
const newCollection = new Splide('.new-collection', {
|
||||
type: 'loop',
|
||||
lazyLoad: 'nearby',
|
||||
autoplay: true,
|
||||
pagination: false
|
||||
});
|
||||
newCollection.mount();
|
||||
|
||||
const newCollectionMobile = new Splide('.new-collection-mobile', {
|
||||
type: 'loop',
|
||||
lazyLoad: 'nearby',
|
||||
autoplay: true,
|
||||
pagination: false
|
||||
});
|
||||
newCollectionMobile.mount();
|
||||
})
|
||||
</script>
|
||||
<?php endif ?>
|
||||
@@ -0,0 +1,53 @@
|
||||
<?php
|
||||
|
||||
|
||||
/* @var $this \yii\web\View */
|
||||
/* @var \app\models\Expositions $article */
|
||||
|
||||
?>
|
||||
<style>
|
||||
.splide__slide img {
|
||||
}
|
||||
|
||||
.is-next img, .is-prev img {
|
||||
opacity: 0.5;
|
||||
}
|
||||
</style>
|
||||
|
||||
<div class="splide-detail">
|
||||
<div class="splide__track">
|
||||
<div class="splide__list">
|
||||
<?php foreach ($article->images() as $image): ?>
|
||||
<div class="splide__slide article-model">
|
||||
<img src="<?= $image ?>" class="content-inner">
|
||||
</div>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
</div>
|
||||
<?php if (sizeof($article->images()) > 1): ?>
|
||||
<div class="splide__arrows">
|
||||
<button class="splide__arrow splide__arrow--prev"><i class="la la-chevron-left"></i></button>
|
||||
<button class="splide__arrow splide__arrow--next"><i class="la la-chevron-right"></i></button>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
|
||||
<link href="/_public/plugins/splitejs/css/splide.min.css" rel="stylesheet">
|
||||
<script src="/_public/plugins/splitejs/js/splide.min.js"></script>
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
const splide = new Splide('.splide-detail', {
|
||||
type: 'loop',
|
||||
lazyLoad: 'nearby',
|
||||
autoplay: false,
|
||||
pagination: false,
|
||||
perPage: 1,
|
||||
arrows: false,
|
||||
autoWidth: true,
|
||||
speed: 0
|
||||
});
|
||||
|
||||
|
||||
splide.mount();
|
||||
})
|
||||
</script>
|
||||
@@ -0,0 +1,69 @@
|
||||
<?php
|
||||
|
||||
use app\models\register\Collections;
|
||||
use app\models\Ts;
|
||||
|
||||
/**
|
||||
* @var \app\models\Expositions[] $positions
|
||||
* @var $this \yii\web\View;
|
||||
*/
|
||||
?>
|
||||
<?php if(!empty($positions)): ?>
|
||||
<div class="content-out mobile-hide">
|
||||
<div class="top50"></div>
|
||||
|
||||
<div class="splide exposition-home-page">
|
||||
<div class="cw4 relative">
|
||||
<div class="top-care small-title font-bold text-uppercase top10"><a href="<?= Ts::get(2) ?>"><?= Ts::get(18) ?></a></div>
|
||||
</div>
|
||||
<div class="splide__track">
|
||||
<div class="splide__list">
|
||||
<?= $this->render('_inner_page_collection', ['articles' => $positions]) ?>
|
||||
</div>
|
||||
</div>
|
||||
<div class="splide__arrows">
|
||||
<button class="splide__arrow splide__arrow--prev"><i class="la la-chevron-left"></i></button>
|
||||
<button class="splide__arrow splide__arrow--next"><i class="la la-chevron-right"></i></button>
|
||||
</div>
|
||||
<div class="cw4 relative">
|
||||
<a href="<?= \app\services\ViewReg::goToPage(3) ?>" class="bottom-care link"><?= Ts::get(2) ?></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mobile-show">
|
||||
<div class="splide exposition-home-page exp-mobile">
|
||||
<div class="cw12 relative">
|
||||
<div class="top-care small-title font-bold text-uppercase top10"><?= Ts::get(18) ?></div>
|
||||
</div>
|
||||
<div class="splide__track">
|
||||
<div class="splide__list">
|
||||
<?= $this->render('_inner_page_collection_mobile', ['articles' => $positions]) ?>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cw12 relative">
|
||||
<a href="<?= \app\services\ViewReg::goToPage(3) ?>" class="bottom-care link expositions-home-all"><?= Ts::get(2) ?></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
const splide = new Splide('.exposition-home-page', {
|
||||
type: 'loop',
|
||||
lazyLoad: 'nearby',
|
||||
autoplay: true,
|
||||
pagination: false
|
||||
});
|
||||
splide.mount();
|
||||
|
||||
const exp = new Splide('.exp-mobile', {
|
||||
type: 'loop',
|
||||
lazyLoad: 'nearby',
|
||||
autoplay: true,
|
||||
pagination: false,
|
||||
arrow: false
|
||||
});
|
||||
exp.mount();
|
||||
})
|
||||
</script>
|
||||
<?php endif ?>
|
||||
@@ -0,0 +1,72 @@
|
||||
<?php
|
||||
|
||||
use app\models\Navigation;
|
||||
use app\models\Articles;
|
||||
use app\models\Ts;
|
||||
|
||||
/**
|
||||
* @var \app\models\Expositions[] $expositions
|
||||
* @var $this \yii\web\View;
|
||||
*/
|
||||
?>
|
||||
<?php if (!empty($expositions)): ?>
|
||||
<div class="content-out mobile-hide">
|
||||
<div class="top50"></div>
|
||||
<div class="cw4 relative">
|
||||
<div class="top-care small-title font-bold text-uppercase top10"><?= Ts::get(18) ?></div>
|
||||
</div>
|
||||
<div class="splide exposition-home-page ">
|
||||
<div class="splide__track">
|
||||
<div class="splide__list">
|
||||
<?= $this->render('_inner_page_collection', ['articles' => $expositions]) ?>
|
||||
</div>
|
||||
</div>
|
||||
<div class="splide__arrows">
|
||||
<button class="splide__arrow splide__arrow--prev"><i class="la la-chevron-left"></i></button>
|
||||
<button class="splide__arrow splide__arrow--next"><i class="la la-chevron-right"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cw4 relative">
|
||||
<a href="<?= \app\services\ViewReg::goToPage(3) ?>" class="bottom-care link"><?= Ts::get(2) ?></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mobile-show">
|
||||
<div class="top50"></div>
|
||||
<div class="c12 relative">
|
||||
<div class="top-care small-title font-bold top10" style="margin-left: 10px"><?= Ts::get(18) ?></div>
|
||||
</div>
|
||||
<div class="splide exposition-home-page exp-mobile mobile-show">
|
||||
<div class="splide__track">
|
||||
<div class="splide__list">
|
||||
<?= $this->render('_inner_page_collection_mobile', ['articles' => $expositions]) ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cw12 relative">
|
||||
<a href="<?= \app\services\ViewReg::goToPage(3) ?>" class="bottom-care link"><?= Ts::get(2) ?></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
const splide = new Splide('.exposition-home-page', {
|
||||
type: 'loop',
|
||||
lazyLoad: 'nearby',
|
||||
autoplay: true,
|
||||
pagination: false
|
||||
});
|
||||
splide.mount();
|
||||
|
||||
const exp = new Splide('.exp-mobile', {
|
||||
type: 'loop',
|
||||
lazyLoad: 'nearby',
|
||||
autoplay: true,
|
||||
pagination: false,
|
||||
arrow: false
|
||||
});
|
||||
exp.mount();
|
||||
})
|
||||
</script>
|
||||
<?php endif ?>
|
||||
@@ -0,0 +1,146 @@
|
||||
<?php
|
||||
|
||||
use app\models\Navigation;
|
||||
use app\models\Positions;
|
||||
use app\models\Ts;
|
||||
use app\services\ViewReg;
|
||||
|
||||
/**
|
||||
* @var Positions[] $positions
|
||||
*/
|
||||
?>
|
||||
|
||||
<link href="/_public/assets/css/zoom-carousel.css" rel="stylesheet">
|
||||
|
||||
<div class="top-care top50"><a href="<?= Navigation::getLinkById(1) ?>"><?= Ts::get(1) ?></a></div>
|
||||
<?php if (!empty($positions)): ?>
|
||||
<div class="zc wn">
|
||||
<img src="<?= $positions[0]->article->image() ?>" class="zci-hidden mobile-hide">
|
||||
<div class="zc-container mobile-hide">
|
||||
<?php foreach ($positions as $i => $position): ?>
|
||||
<a href="<?= ViewReg::generateDetailPageUrl($position->articleModel) ?>"
|
||||
class="zci <?= $i == floor(sizeof($positions) / 2) ? 'active' : '' ?>">
|
||||
<img src="<?= $position->article->image('16:11') ?>">
|
||||
<div class="zci-filter"></div>
|
||||
<div class="title"><?= $position->article->title() ?></div>
|
||||
</a>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
<div class="zc-slider mobil-slider mobile-show">
|
||||
<div class="splide__track">
|
||||
<div class="splide__list">
|
||||
<?php foreach ($positions as $i => $position): ?>
|
||||
<div class="splide__slide">
|
||||
<a href="<?= ViewReg::generateDetailPageUrl($position->articleModel) ?>">
|
||||
<img src="<?= $position->article->image('16:11') ?>">
|
||||
<div class="zci-filter"></div>
|
||||
<div class="title"><?= $position->article->title() ?></div>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
</div>
|
||||
<div class="splide__arrows">
|
||||
<button class="splide__arrow splide__arrow--prev" aria-controls="splide03-track" aria-label="Go to last slide"><i class="la la-angle-left"></i></button>
|
||||
<button class="splide__arrow splide__arrow--next" aria-controls="splide03-track" aria-label="Next slide"><i class="la la-angle-right"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
<a href="<?= Navigation::getLinkById(1) ?>" class="bottom-care link">
|
||||
<?= Ts::get(2) ?>
|
||||
</a>
|
||||
</div>
|
||||
<div class="top50"></div>
|
||||
<script>
|
||||
class ZCI {
|
||||
constructor(selector) {
|
||||
this.cards = document.querySelectorAll('.wn .zci')
|
||||
this.count = this.cards.length
|
||||
this.active = Math.floor(this.cards.length / 2)
|
||||
this.setActive(this.cards[this.active], 0)
|
||||
this.setEvent()
|
||||
document.querySelectorAll('.wn .zci img').forEach(img => {
|
||||
//img.addEventListener('load', () => {
|
||||
img.parentNode.classList.add('loaded')
|
||||
//})
|
||||
})
|
||||
}
|
||||
|
||||
setEvent(e, c) {
|
||||
this.cards.forEach(c => {
|
||||
c.addEventListener('click', () => {
|
||||
if (!c.classList.contains('active')) {
|
||||
event.preventDefault();
|
||||
let currentActive = document.querySelector('.wn .zci.active'),
|
||||
s1 = currentActive.getAttribute('style'),
|
||||
s2 = c.getAttribute('style');
|
||||
//c2 = c.innerHTML
|
||||
currentActive.setAttribute('style', s2);
|
||||
c.setAttribute('style', s1)
|
||||
currentActive.classList.remove('active')
|
||||
c.classList.add('active')
|
||||
//c.innerHTML = currentActive.innerHTML;
|
||||
//currentActive.innerHTML = c2;
|
||||
//c.mouseleave()
|
||||
}
|
||||
})
|
||||
})
|
||||
}
|
||||
|
||||
setActive(elem, move) {
|
||||
elem.classList.add('active')
|
||||
elem.setAttribute('style', `z-index: ${this.count}; transform: scale(1) translateX(${move})`)
|
||||
}
|
||||
|
||||
beforeActive(elem, i, l) {
|
||||
let
|
||||
step = i + 1,
|
||||
move = (step) * (100 / l),
|
||||
zIndex = l - step,
|
||||
scale = 1 - step * 0.1
|
||||
console.log(move)
|
||||
elem.setAttribute('style', `z-index: ${zIndex}; transform: scale(${scale}) translateX(${move * -1}%)`)
|
||||
}
|
||||
|
||||
afterActive(elem, i, l) {
|
||||
let
|
||||
step = i + 1,
|
||||
move = (step) * (100 / l),
|
||||
zIndex = l - step,
|
||||
scale = 1 - step * 0.1
|
||||
console.log(move)
|
||||
elem.setAttribute('style', `z-index: ${zIndex}; transform: scale(${scale}) translateX(${move}%)`)
|
||||
}
|
||||
|
||||
load() {
|
||||
let [ba, aa] = [
|
||||
document.querySelectorAll(`.wn .zci:not(.active ~ *, .active)`),
|
||||
document.querySelectorAll(`.wn .zci.active ~ *`)
|
||||
];
|
||||
[].concat(ba).reverse()[0].forEach((e, i) => {
|
||||
this.beforeActive(e, i, ba.length)
|
||||
})
|
||||
aa.forEach((e, i) => {
|
||||
this.afterActive(e, i, aa.length)
|
||||
})
|
||||
//console.log(aa)
|
||||
}
|
||||
}
|
||||
|
||||
const zci = new ZCI();
|
||||
zci.load()
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
const zcSlider = new Splide('.zc-slider', {
|
||||
type: 'loop',
|
||||
lazyLoad: 'nearby',
|
||||
arrows: false,
|
||||
autoplay: true,
|
||||
perPage: 1,
|
||||
gap: 10,
|
||||
pagination: false,
|
||||
arrow: true
|
||||
});
|
||||
zcSlider.mount();
|
||||
})
|
||||
</script>
|
||||
<?php endif; ?>
|
||||
@@ -0,0 +1,69 @@
|
||||
<?php
|
||||
|
||||
|
||||
|
||||
/* @var $this \yii\web\View */
|
||||
/* @var $positions array */
|
||||
|
||||
?>
|
||||
<link href="/_public/assets/css/carousel.css" rel="stylesheet">
|
||||
<div class="carousel">
|
||||
<ul class="carousel__list">
|
||||
<li class="carousel__item" data-pos="-3"></li>
|
||||
<li class="carousel__item" data-pos="-2"></li>
|
||||
<li class="carousel__item" data-pos="-1"></li>
|
||||
<li class="carousel__item" data-pos="0"></li>
|
||||
<li class="carousel__item" data-pos="1"></li>
|
||||
<li class="carousel__item" data-pos="2"></li>
|
||||
<li class="carousel__item" data-pos="3"></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
const state = {};
|
||||
const carouselList = document.querySelector('.carousel__list');
|
||||
const carouselItems = document.querySelectorAll('.carousel__item');
|
||||
const elems = Array.from(carouselItems);
|
||||
|
||||
carouselList.addEventListener('click', function (event) {
|
||||
var newActive = event.target;
|
||||
var isItem = newActive.closest('.carousel__item');
|
||||
|
||||
if (!isItem || newActive.classList.contains('carousel__item_active')) {
|
||||
return;
|
||||
}
|
||||
|
||||
update(newActive);
|
||||
});
|
||||
|
||||
const update = function(newActive) {
|
||||
const newActivePos = newActive.dataset.pos;
|
||||
|
||||
const current = elems.find((elem) => elem.dataset.pos === '0');
|
||||
const prev = elems.find((elem) => elem.dataset.pos === '-1');
|
||||
const next = elems.find((elem) => elem.dataset.pos === '1');
|
||||
const first = elems.find((elem) => elem.dataset.pos === '-2');
|
||||
const last = elems.find((elem) => elem.dataset.pos === '2');
|
||||
|
||||
current.classList.remove('carousel__item_active');
|
||||
|
||||
[current, prev, next, first, last].forEach(item => {
|
||||
var itemPos = item.dataset.pos;
|
||||
|
||||
item.dataset.pos = getPos(itemPos, newActivePos)
|
||||
});
|
||||
};
|
||||
|
||||
const getPos = function (current, active) {
|
||||
const diff = current - active;
|
||||
|
||||
if (Math.abs(current - active) > 2) {
|
||||
return -current
|
||||
}
|
||||
|
||||
return diff;
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
|
||||
@@ -0,0 +1,139 @@
|
||||
<?php
|
||||
|
||||
use app\models\Positions;
|
||||
|
||||
/**
|
||||
* @var Positions[] $positions
|
||||
*/
|
||||
|
||||
?>
|
||||
<?php if (!empty($_GET['carousel'])): ?>
|
||||
|
||||
<link href="/_public/assets/css/zoom-carousel.css" rel="stylesheet">
|
||||
<?php else: ?>
|
||||
<link href="/_public/assets/css/zoom-carousel-2.css" rel="stylesheet">
|
||||
<?php endif; ?>
|
||||
|
||||
<div class="top-care text-uppercase top50">Какво ново</div>
|
||||
|
||||
<div class="zc">
|
||||
<img src="<?= $positions[0]->article->image() ?>" class="zci-hidden">
|
||||
<div class="zc-container">
|
||||
<?php foreach ($positions as $i => $position): ?>
|
||||
<a href="<?= $position->article->relation() ?>"
|
||||
class="zci <?= $i == floor(sizeof($positions) / 2) ? 'active' : '' ?>">
|
||||
<img src="<?= $position->article->image() ?>">
|
||||
<div class="zci-filter"></div>
|
||||
<div class="title"><?= $position->article->title() ?></div>
|
||||
</a>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
<a href="#" class="bottom-care">
|
||||
Виж всички
|
||||
</a>
|
||||
</div>
|
||||
<div class="top50"></div>
|
||||
|
||||
<?php if (!empty($_GET['carousel'])): ?>
|
||||
<script>
|
||||
class ZCI {
|
||||
constructor(selector) {
|
||||
this.cards = document.querySelectorAll('.zci')
|
||||
this.count = this.cards.length
|
||||
this.active = Math.floor(this.cards.length / 2)
|
||||
this.setActive(this.cards[this.active], 0)
|
||||
this.setEvent()
|
||||
document.querySelectorAll('.zci img').forEach(img => {
|
||||
img.addEventListener('load', () => {
|
||||
img.parentNode.classList.add('loaded')
|
||||
})
|
||||
})
|
||||
}
|
||||
|
||||
setEvent(e, c) {
|
||||
this.cards.forEach(c => {
|
||||
c.addEventListener('click', () => {
|
||||
if (!c.classList.contains('active')) {
|
||||
event.preventDefault();
|
||||
let currentActive = document.querySelector('.zci.active'),
|
||||
s1 = currentActive.getAttribute('style'),
|
||||
s2 = c.getAttribute('style');
|
||||
//c2 = c.innerHTML
|
||||
currentActive.setAttribute('style', s2);
|
||||
c.setAttribute('style', s1)
|
||||
currentActive.classList.remove('active')
|
||||
c.classList.add('active')
|
||||
//c.innerHTML = currentActive.innerHTML;
|
||||
//currentActive.innerHTML = c2;
|
||||
//c.mouseleave()
|
||||
}
|
||||
})
|
||||
})
|
||||
}
|
||||
|
||||
setActive(elem, move) {
|
||||
elem.classList.add('active')
|
||||
elem.setAttribute('style', `z-index: ${this.count}; transform: scale(1) translateX(${move})`)
|
||||
}
|
||||
|
||||
beforeActive(elem, i, l) {
|
||||
let
|
||||
step = i + 1,
|
||||
move = (step) * (100 / l),
|
||||
zIndex = l - step,
|
||||
scale = 1 - step * 0.1
|
||||
console.log(move)
|
||||
elem.setAttribute('style', `z-index: ${zIndex}; transform: scale(${scale}) translateX(${move * -1}%)`)
|
||||
}
|
||||
|
||||
afterActive(elem, i, l) {
|
||||
let
|
||||
step = i + 1,
|
||||
move = (step) * (100 / l),
|
||||
zIndex = l - step,
|
||||
scale = 1 - step * 0.1
|
||||
console.log(move)
|
||||
elem.setAttribute('style', `z-index: ${zIndex}; transform: scale(${scale}) translateX(${move}%)`)
|
||||
}
|
||||
|
||||
load() {
|
||||
let [ba, aa] = [
|
||||
document.querySelectorAll(`.zci:not(.active ~ *, .active)`),
|
||||
document.querySelectorAll(`.zci.active ~ *`)
|
||||
];
|
||||
[].concat(ba).reverse()[0].forEach((e, i) => {
|
||||
this.beforeActive(e, i, ba.length)
|
||||
})
|
||||
aa.forEach((e, i) => {
|
||||
this.afterActive(e, i, aa.length)
|
||||
})
|
||||
//console.log(aa)
|
||||
}
|
||||
}
|
||||
|
||||
const zci = new ZCI();
|
||||
zci.load()
|
||||
</script>
|
||||
<?php else: ?>
|
||||
<script>
|
||||
function load() {
|
||||
const cards = document.querySelectorAll('.zci');
|
||||
const active = Math.ceil(cards.length / 2)
|
||||
cards.forEach((e, i) => {
|
||||
e.querySelector('img').addEventListener('load', () => {
|
||||
e.classList.add('loaded')
|
||||
})
|
||||
e.addEventListener('mouseenter', function () {
|
||||
if (!e.classList.contains('active')) {
|
||||
let active = document.querySelector('.zci.active');
|
||||
active.classList.remove('active')
|
||||
e.classList.add('active')
|
||||
}
|
||||
})
|
||||
})
|
||||
document.documentElement.style.setProperty('--items-count', cards.length);
|
||||
}
|
||||
|
||||
load()
|
||||
</script>
|
||||
<?php endif; ?>
|
||||
@@ -0,0 +1,148 @@
|
||||
<?php
|
||||
|
||||
use app\models\Navigation;
|
||||
use app\models\Ts;
|
||||
use app\services\ViewReg;
|
||||
|
||||
/**
|
||||
* @var \app\models\Articles[] $articles
|
||||
*/
|
||||
|
||||
?>
|
||||
|
||||
|
||||
<?php if(!empty($articles)): ?>
|
||||
<link href="/_public/assets/css/zoom-carousel.css" rel="stylesheet">
|
||||
|
||||
<div class="top-care text-uppercase top50"><a href="<?= Navigation::getLinkById(1) ?>"><?= Ts::get(1) ?></a></div>
|
||||
<div class="zc wn mobile-hide">
|
||||
<img src="<?= $articles[0]->article->image() ?>" class="zci-hidden">
|
||||
<div class="zc-container">
|
||||
<?php foreach ($articles as $i => $article): ?>
|
||||
<?php if($article->article): ?>
|
||||
<a href="<?= ViewReg::generateDetailPageUrl($article) ?>"
|
||||
class="zci <?= $i == floor(sizeof($articles) / 2) ? 'active' : '' ?>">
|
||||
<img src="<?= $article->article->image('16:11') ?>">
|
||||
<div class="zci-filter"></div>
|
||||
<div class="title"><?= $article->article->title() ?></div>
|
||||
</a>
|
||||
<?php endif; ?>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
<a href="<?= Navigation::getLinkById(1) ?>" class="bottom-care link">
|
||||
<?= Ts::get(2) ?>
|
||||
</a>
|
||||
</div>
|
||||
<div class="zc-slider mobil-slider mobile-show">
|
||||
<div class="splide__track">
|
||||
<div class="splide__list">
|
||||
<?php foreach ($articles as $i => $position): ?>
|
||||
<div class="splide__slide">
|
||||
<a href="<?= ViewReg::generateDetailPageUrl($article) ?>">
|
||||
<img src="<?= $position->article->image('16:11') ?>">
|
||||
<div class="zci-filter"></div>
|
||||
<div class="title"><?= $position->article->title() ?></div>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="top50"></div>
|
||||
<script>
|
||||
class ZCI {
|
||||
constructor(selector) {
|
||||
this.cards = document.querySelectorAll('.wn .zci')
|
||||
this.count = this.cards.length
|
||||
this.active = Math.floor(this.cards.length / 2)
|
||||
this.setActive(this.cards[this.active], 0)
|
||||
this.setEvent()
|
||||
document.querySelectorAll('.wn .zci img').forEach(img => {
|
||||
//img.addEventListener('load', () => {
|
||||
img.parentNode.classList.add('loaded')
|
||||
//})
|
||||
})
|
||||
}
|
||||
|
||||
setEvent(e, c) {
|
||||
this.cards.forEach(c => {
|
||||
c.addEventListener('click', () => {
|
||||
if (!c.classList.contains('active')) {
|
||||
event.preventDefault();
|
||||
let currentActive = document.querySelector('.wn .zci.active'),
|
||||
s1 = currentActive.getAttribute('style'),
|
||||
s2 = c.getAttribute('style');
|
||||
//c2 = c.innerHTML
|
||||
currentActive.setAttribute('style', s2);
|
||||
c.setAttribute('style', s1)
|
||||
currentActive.classList.remove('active')
|
||||
c.classList.add('active')
|
||||
//c.innerHTML = currentActive.innerHTML;
|
||||
//currentActive.innerHTML = c2;
|
||||
//c.mouseleave()
|
||||
}
|
||||
})
|
||||
})
|
||||
}
|
||||
|
||||
setActive(elem, move) {
|
||||
elem.classList.add('active')
|
||||
elem.setAttribute('style', `z-index: ${this.count}; transform: scale(1) translateX(${move})`)
|
||||
}
|
||||
|
||||
beforeActive(elem, i, l) {
|
||||
let
|
||||
step = i + 1,
|
||||
move = (step) * (100 / l),
|
||||
zIndex = l - step,
|
||||
scale = 1 - step * 0.1
|
||||
console.log(move)
|
||||
elem.setAttribute('style', `z-index: ${zIndex}; transform: scale(${scale}) translateX(${move * -1}%)`)
|
||||
}
|
||||
|
||||
afterActive(elem, i, l) {
|
||||
let
|
||||
step = i + 1,
|
||||
move = (step) * (100 / l),
|
||||
zIndex = l - step,
|
||||
scale = 1 - step * 0.1
|
||||
console.log(move)
|
||||
elem.setAttribute('style', `z-index: ${zIndex}; transform: scale(${scale}) translateX(${move}%)`)
|
||||
}
|
||||
|
||||
load() {
|
||||
let [ba, aa] = [
|
||||
document.querySelectorAll(`.wn .zci:not(.active ~ *, .active)`),
|
||||
document.querySelectorAll(`.wn .zci.active ~ *`)
|
||||
];
|
||||
[].concat(ba).reverse()[0].forEach((e, i) => {
|
||||
this.beforeActive(e, i, ba.length)
|
||||
})
|
||||
aa.forEach((e, i) => {
|
||||
this.afterActive(e, i, aa.length)
|
||||
})
|
||||
//console.log(aa)
|
||||
}
|
||||
}
|
||||
|
||||
const zci = new ZCI();
|
||||
zci.load()
|
||||
|
||||
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
const zcSlider = new Splide('.zc-slider', {
|
||||
type: 'loop',
|
||||
lazyLoad: 'nearby',
|
||||
arrows: false,
|
||||
autoplay: true,
|
||||
perPage: 1,
|
||||
gap: 10,
|
||||
pagination: false,
|
||||
arrow: true
|
||||
});
|
||||
zcSlider.mount();
|
||||
})
|
||||
</script>
|
||||
<?php endif; ?>
|
||||
@@ -0,0 +1,69 @@
|
||||
<?php
|
||||
|
||||
use app\models\Navigation;
|
||||
use app\models\Positions;
|
||||
use app\models\Ts;
|
||||
|
||||
/**
|
||||
* @var Positions[] $positions
|
||||
* @var $this \yii\web\View;
|
||||
*/
|
||||
?>
|
||||
<?php if (!empty($positions)): ?>
|
||||
<div class="content-out mobile-hide">
|
||||
<div class="top50"></div>
|
||||
<div class="cw4 relative">
|
||||
<div class="top-care small-title font-bold text-uppercase top10"><?= Ts::get(3) ?></div>
|
||||
</div>
|
||||
<div class="splide-akcenti">
|
||||
<div class="splide__track">
|
||||
<div class="splide__list">
|
||||
<?= $this->render('_inner_page_article', ['articles' => $positions]) ?>
|
||||
</div>
|
||||
</div>
|
||||
<div class="splide__arrows">
|
||||
<button class="splide__arrow splide__arrow--prev"><i class="la la-chevron-left"></i></button>
|
||||
<button class="splide__arrow splide__arrow--next"><i class="la la-chevron-right"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content-out mobile-show">
|
||||
<div class="top50"></div>
|
||||
<div class="cw12 relative">
|
||||
<div class="top-care small-title font-bold text-uppercase top10 left-10"><?= Ts::get(3) ?></div>
|
||||
</div>
|
||||
<div class="splide-akcenti-mobile">
|
||||
<div class="splide__track">
|
||||
<div class="splide__list">
|
||||
<?= $this->render('_inner_page_article_mobile', ['articles' => $positions]) ?>
|
||||
</div>
|
||||
</div>
|
||||
<div class="splide__arrows">
|
||||
<button class="splide__arrow splide__arrow--prev"><i class="la la-chevron-left"></i></button>
|
||||
<button class="splide__arrow splide__arrow--next"><i class="la la-chevron-right"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<link href="/_public/plugins/splitejs/css/splide.min.css" rel="stylesheet">
|
||||
<script src="/_public/plugins/splitejs/js/splide.min.js"></script>
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
const splideAkcenti = new Splide('.splide-akcenti', {
|
||||
type: 'loop',
|
||||
lazyLoad: 'nearby',
|
||||
autoplay: true,
|
||||
pagination: false
|
||||
});
|
||||
splideAkcenti.mount();
|
||||
|
||||
const splideAkcentiMobile = new Splide('.splide-akcenti-mobile', {
|
||||
type: 'loop',
|
||||
lazyLoad: 'nearby',
|
||||
autoplay: true,
|
||||
pagination: false
|
||||
});
|
||||
splideAkcentiMobile.mount();
|
||||
})
|
||||
</script>
|
||||
<?php endif ?>
|
||||
@@ -0,0 +1,70 @@
|
||||
<?php
|
||||
|
||||
use app\models\register\Collections;
|
||||
use app\models\Ts;
|
||||
|
||||
/**
|
||||
* @var Collections[] $positions
|
||||
* @var $this \yii\web\View;
|
||||
*/
|
||||
?>
|
||||
<?php if (!empty($positions)): ?>
|
||||
<div class="content-out mobile-hide">
|
||||
<div class="top50"></div>
|
||||
<div class="cw4 relative">
|
||||
<div class="top-care small-title font-bold text-uppercase top10"><?= Ts::get(15) ?></div>
|
||||
</div>
|
||||
<div class="splide splide-collection">
|
||||
<div class="splide__track">
|
||||
<div class="splide__list">
|
||||
<?= $this->render('_inner_page_collection', ['articles' => $positions]) ?>
|
||||
</div>
|
||||
</div>
|
||||
<div class="splide__arrows">
|
||||
<button class="splide__arrow splide__arrow--prev"><i class="la la-chevron-left"></i></button>
|
||||
<button class="splide__arrow splide__arrow--next"><i class="la la-chevron-right"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="content-out mobile-show">
|
||||
<div class="top50"></div>
|
||||
<div class="cw12 relative">
|
||||
<div class="top-care small-title font-bold text-uppercase top10 left-10"><?= Ts::get(15) ?></div>
|
||||
</div>
|
||||
<div class="splide splide-collection-mobile">
|
||||
<div class="splide__track">
|
||||
<div class="splide__list">
|
||||
<?= $this->render('_inner_page_collection_mobile', ['articles' => $positions]) ?>
|
||||
</div>
|
||||
</div>
|
||||
<div class="splide__arrows">
|
||||
<button class="splide__arrow splide__arrow--prev"><i class="la la-chevron-left"></i></button>
|
||||
<button class="splide__arrow splide__arrow--next"><i class="la la-chevron-right"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<link href="/_public/plugins/splitejs/css/splide.min.css" rel="stylesheet">
|
||||
<script src="/_public/plugins/splitejs/js/splide.min.js"></script>
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
const splideCollection = new Splide('.splide-collection', {
|
||||
type: 'loop',
|
||||
lazyLoad: 'nearby',
|
||||
autoplay: true,
|
||||
pagination: false
|
||||
});
|
||||
splideCollection.mount();
|
||||
|
||||
const splideCollectionMobile = new Splide('.splide-collection-mobile', {
|
||||
type: 'loop',
|
||||
lazyLoad: 'nearby',
|
||||
autoplay: true,
|
||||
pagination: false
|
||||
});
|
||||
splideCollectionMobile.mount();
|
||||
|
||||
})
|
||||
</script>
|
||||
<?php endif ?>
|
||||
@@ -0,0 +1,66 @@
|
||||
<?php
|
||||
|
||||
use app\models\register\Collections;
|
||||
use app\models\Ts;
|
||||
|
||||
/**
|
||||
* @var \app\models\Expositions[] $positions
|
||||
* @var $this \yii\web\View;
|
||||
*/
|
||||
?>
|
||||
<?php if (!empty($positions)): ?>
|
||||
<div class="content-out mobile-hide">
|
||||
<div class="top50"></div>
|
||||
<div class="cw4 relative">
|
||||
<div class="top-care small-title font-bold text-uppercase top10"><?= Ts::get(45) ?></div>
|
||||
</div>
|
||||
<div class="splide-expositions">
|
||||
<div class="splide__track">
|
||||
<div class="splide__list">
|
||||
<?= $this->render('_inner_page_collection', ['articles' => $positions]) ?>
|
||||
</div>
|
||||
</div>
|
||||
<div class="splide__arrows">
|
||||
<button class="splide__arrow splide__arrow--prev"><i class="la la-chevron-left"></i></button>
|
||||
<button class="splide__arrow splide__arrow--next"><i class="la la-chevron-right"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="content-out mobile-show">
|
||||
<div class="top25"></div>
|
||||
<div class="cw12 relative">
|
||||
<div class="top-care small-title font-bold text-uppercase top10 left-10"><?= Ts::get(45) ?></div>
|
||||
</div>
|
||||
<div class="splide-expositions-mobile" style="width: calc(100% - 10px)">
|
||||
<div class="splide__track">
|
||||
<div class="splide__list">
|
||||
<?= $this->render('_inner_page_collection_mobile', ['articles' => $positions]) ?>
|
||||
</div>
|
||||
</div>
|
||||
<div class="splide__arrows">
|
||||
<button class="splide__arrow splide__arrow--prev"><i class="la la-chevron-left"></i></button>
|
||||
<button class="splide__arrow splide__arrow--next"><i class="la la-chevron-right"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
const splideExpositions = new Splide('.splide-expositions', {
|
||||
type: 'loop',
|
||||
lazyLoad: 'nearby',
|
||||
autoplay: true,
|
||||
pagination: false
|
||||
});
|
||||
splideExpositions.mount();
|
||||
const splideExpositionsMobile = new Splide('.splide-expositions-mobile', {
|
||||
type: 'loop',
|
||||
lazyLoad: 'nearby',
|
||||
autoplay: true,
|
||||
pagination: false
|
||||
});
|
||||
splideExpositionsMobile.mount();
|
||||
})
|
||||
</script>
|
||||
<?php endif ?>
|
||||
@@ -0,0 +1,60 @@
|
||||
<?php
|
||||
|
||||
use app\models\Navigation;
|
||||
use app\models\Positions;
|
||||
use app\models\Ts;
|
||||
|
||||
/**
|
||||
* @var Positions[] $positions
|
||||
* @var $this \yii\web\View;
|
||||
*/
|
||||
?>
|
||||
<?php if(!empty($positions)): ?>
|
||||
<div class="content-out">
|
||||
<div class="title" style="font-size: 20px"><?= Ts::get(43) ?></div>
|
||||
<div class="splide more-articles splide-more-articles mobile-hide">
|
||||
<div class="splide__track">
|
||||
<div class="splide__list">
|
||||
<?= $this->render('_inner_page_article', ['articles' => $positions]) ?>
|
||||
</div>
|
||||
</div>
|
||||
<div class="splide__arrows">
|
||||
<button class="splide__arrow splide__arrow--prev"><i class="la la-chevron-left"></i></button>
|
||||
<button class="splide__arrow splide__arrow--next"><i class="la la-chevron-right"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="splide more-articles splide-more-articles-mobile mobile-show">
|
||||
<div class="splide__track">
|
||||
<div class="splide__list">
|
||||
<?= $this->render('_inner_page_article_mobile', ['articles' => $positions]) ?>
|
||||
</div>
|
||||
</div>
|
||||
<div class="splide__arrows">
|
||||
<button class="splide__arrow splide__arrow--prev"><i class="la la-chevron-left"></i></button>
|
||||
<button class="splide__arrow splide__arrow--next"><i class="la la-chevron-right"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<link href="/_public/plugins/splitejs/css/splide.min.css" rel="stylesheet">
|
||||
<script src="/_public/plugins/splitejs/js/splide.min.js"></script>
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
const splide = new Splide('.splide-more-articles', {
|
||||
type: 'loop',
|
||||
lazyLoad: 'nearby',
|
||||
autoplay: true,
|
||||
pagination: false
|
||||
});
|
||||
splide.mount();
|
||||
|
||||
const splideMobile = new Splide('.splide-more-articles-mobile', {
|
||||
type: 'loop',
|
||||
lazyLoad: 'nearby',
|
||||
autoplay: true,
|
||||
pagination: false
|
||||
});
|
||||
splideMobile.mount();
|
||||
})
|
||||
</script>
|
||||
<?php endif ?>
|
||||
@@ -0,0 +1,53 @@
|
||||
<?php
|
||||
|
||||
|
||||
/* @var $this \yii\web\View */
|
||||
/* @var \app\models\RegisterObjects $article */
|
||||
|
||||
?>
|
||||
<style>
|
||||
.splide__slide img {
|
||||
}
|
||||
|
||||
.is-next img, .is-prev img {
|
||||
opacity: 0.5;
|
||||
}
|
||||
</style>
|
||||
|
||||
<div class="splide">
|
||||
<div class="splide__track">
|
||||
<div class="splide__list">
|
||||
<?php if($article->getMainImgFile()): ?>
|
||||
<div class="splide__slide article-model">
|
||||
<img src="<?= $article->getMainImgFile() ?>" class="content-inner">
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
<?php foreach ($article->images() as $image): ?>
|
||||
<div class="splide__slide article-model">
|
||||
<img src="<?= $image ?>" class="content-inner">
|
||||
</div>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
</div>
|
||||
<?php if (sizeof($article->images()) > 1): ?>
|
||||
<div class="splide__arrows">
|
||||
<button class="splide__arrow splide__arrow--prev"><i class="la la-chevron-left"></i></button>
|
||||
<button class="splide__arrow splide__arrow--next"><i class="la la-chevron-right"></i></button>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
|
||||
<link href="/_public/plugins/splitejs/css/splide.min.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',
|
||||
autoplay: true,
|
||||
pagination: false,
|
||||
perPage: 1,
|
||||
arrows: false
|
||||
});
|
||||
splide.mount();
|
||||
})
|
||||
</script>
|
||||
@@ -0,0 +1,41 @@
|
||||
<?php
|
||||
|
||||
use app\models\Navigation;
|
||||
use app\models\Positions;
|
||||
use app\models\Ts;
|
||||
|
||||
/**
|
||||
* @var \app\models\Articles[] $positions
|
||||
* @var $this \yii\web\View;
|
||||
* @var $partner_id;
|
||||
*/
|
||||
?>
|
||||
<?php if(!empty($positions)): ?>
|
||||
<div class="content-out">
|
||||
<div class="title" style="font-size: 20px"><?= Ts::get(43) ?></div>
|
||||
<div class="splide more-articles">
|
||||
<div class="splide__track">
|
||||
<div class="splide__list">
|
||||
<?= $this->render('_inner_partner_page_article', ['articles' => $positions, 'partner_id' => $partner_id]) ?>
|
||||
</div>
|
||||
</div>
|
||||
<div class="splide__arrows">
|
||||
<button class="splide__arrow splide__arrow--prev"><i class="la la-chevron-left"></i></button>
|
||||
<button class="splide__arrow splide__arrow--next"><i class="la la-chevron-right"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
const splide = new Splide('.more-articles', {
|
||||
type: 'loop',
|
||||
lazyLoad: 'nearby',
|
||||
autoplay: true,
|
||||
pagination: false
|
||||
});
|
||||
splide.mount();
|
||||
})
|
||||
</script>
|
||||
<?php endif ?>
|
||||
@@ -0,0 +1,111 @@
|
||||
<?php
|
||||
|
||||
use app\models\Navigation;
|
||||
use app\models\Positions;
|
||||
use app\models\Ts;
|
||||
use app\services\ViewReg;
|
||||
|
||||
/**
|
||||
* @var Positions[] $positions
|
||||
*/
|
||||
?>
|
||||
|
||||
|
||||
<div class="top-care lines-2 top50"><?= Ts::get(20) ?></div>
|
||||
<?php if(!empty($positions)): ?>
|
||||
<div class="zc vw">
|
||||
<img src="<?= $positions[0]->article->image() ?>" class="zci-hidden">
|
||||
<div class="zc-container">
|
||||
<?php foreach ($positions as $i => $position): ?>
|
||||
<a href="<?= ViewReg::generateDetailPageUrl($position->articleModel) ?>"
|
||||
class="zci <?= $i == floor(sizeof($positions) / 2) ? 'active' : '' ?>">
|
||||
<img src="<?= $position->article->image('16:11') ?>">
|
||||
<div class="zci-filter"></div>
|
||||
<div class="title"><?= $position->article->title() ?></div>
|
||||
</a>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
<a href="<?= ViewReg::goToPage(4) ?>" class="bottom-care link">
|
||||
<?= Ts::get(2) ?>
|
||||
</a>
|
||||
</div>
|
||||
<div class="top50"></div>
|
||||
<script>
|
||||
class ZCI_VW {
|
||||
constructor(selector) {
|
||||
this.cards = document.querySelectorAll('.vw .zci')
|
||||
this.count = this.cards.length
|
||||
this.active = Math.floor(this.cards.length / 2)
|
||||
this.setActive(this.cards[this.active], 0)
|
||||
this.setEvent()
|
||||
document.querySelectorAll('.vw .zci img').forEach(img => {
|
||||
//img.addEventListener('load', () => {
|
||||
img.parentNode.classList.add('loaded')
|
||||
//})
|
||||
})
|
||||
}
|
||||
|
||||
setEvent(e, c) {
|
||||
this.cards.forEach(c => {
|
||||
c.addEventListener('click', () => {
|
||||
if (!c.classList.contains('active')) {
|
||||
event.preventDefault();
|
||||
let currentActive = document.querySelector('.vw .zci.active'),
|
||||
s1 = currentActive.getAttribute('style'),
|
||||
s2 = c.getAttribute('style');
|
||||
//c2 = c.innerHTML
|
||||
currentActive.setAttribute('style', s2);
|
||||
c.setAttribute('style', s1)
|
||||
currentActive.classList.remove('active')
|
||||
c.classList.add('active')
|
||||
//c.innerHTML = currentActive.innerHTML;
|
||||
//currentActive.innerHTML = c2;
|
||||
//c.mouseleave()
|
||||
}
|
||||
})
|
||||
})
|
||||
}
|
||||
|
||||
setActive(elem, move) {
|
||||
elem.classList.add('active')
|
||||
elem.setAttribute('style', `z-index: ${this.count}; transform: scale(1) translateX(${move})`)
|
||||
}
|
||||
|
||||
beforeActive(elem, i, l) {
|
||||
let
|
||||
step = i + 1,
|
||||
move = (step) * (100 / l),
|
||||
zIndex = l - step,
|
||||
scale = 1 - step * 0.1
|
||||
console.log(move)
|
||||
elem.setAttribute('style', `z-index: ${zIndex}; transform: scale(${scale}) translateX(${move * -1}%)`)
|
||||
}
|
||||
|
||||
afterActive(elem, i, l) {
|
||||
let
|
||||
step = i + 1,
|
||||
move = (step) * (100 / l),
|
||||
zIndex = l - step,
|
||||
scale = 1 - step * 0.1
|
||||
console.log(move)
|
||||
elem.setAttribute('style', `z-index: ${zIndex}; transform: scale(${scale}) translateX(${move}%)`)
|
||||
}
|
||||
|
||||
load() {
|
||||
let [ba, aa] = [
|
||||
document.querySelectorAll(`.vw .zci:not(.active ~ *, .active)`),
|
||||
document.querySelectorAll(`.vw .zci.active ~ *`)
|
||||
];
|
||||
[].concat(ba).reverse()[0].forEach((e, i) => {
|
||||
this.beforeActive(e, i, ba.length)
|
||||
})
|
||||
aa.forEach((e, i) => {
|
||||
this.afterActive(e, i, aa.length)
|
||||
})
|
||||
//console.log(aa)
|
||||
}
|
||||
}
|
||||
const zci2 = new ZCI_VW();
|
||||
zci2.load()
|
||||
</script>
|
||||
<?php endif; ?>
|
||||
@@ -0,0 +1,31 @@
|
||||
<?php
|
||||
|
||||
|
||||
/* @var $this \yii\web\View */
|
||||
|
||||
use app\models\Ts;
|
||||
|
||||
?>
|
||||
<link rel="stylesheet" href="/_public/assets/css/user.css">
|
||||
<script src='/_public/assets/js/user.js'></script>
|
||||
|
||||
<div class="panel-title top30"><?= Ts::get(226) ?></div>
|
||||
<div class="panel-box top25 bottom30 contact-box">
|
||||
<label><?= Ts::get(227) ?></label>
|
||||
<input name="koo" placeholder="<?= Ts::get(228) ?>">
|
||||
<label class="top10"><?= Ts::get(229) ?></label>
|
||||
<input name="wwr" placeholder="<?= Ts::get(230) ?>">
|
||||
<label class="title"><?= Ts::get(231)?></label>
|
||||
<p><?= Ts::get(232)?>:</p>
|
||||
<p>* <?= Ts::get(233)?></p>
|
||||
<label class="required"><?= Ts::get(155)?></label>
|
||||
<input name="full_name" placeholder="<?= Ts::get(235) ?>">
|
||||
<label class="top10 required"><?= Ts::get(234)?></label>
|
||||
<input name="email" placeholder="<?= Ts::get(236) ?>">
|
||||
<div class="submit-panel top25"><?= Ts::get(237)?></div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
const successMessage = '<?= Ts::get(238)?>';
|
||||
(new UserContact().set())
|
||||
</script>
|
||||
@@ -0,0 +1,78 @@
|
||||
<?php
|
||||
|
||||
use app\models\Navigation;
|
||||
use app\models\Ts;
|
||||
|
||||
/**
|
||||
* @var Navigation[] $footer_navigation
|
||||
* @var Navigation[] $footer_2_navigation
|
||||
* @var Navigation[] $footer_3_navigation
|
||||
* @var $this \yii\web\View;
|
||||
*/
|
||||
|
||||
|
||||
?>
|
||||
<footer>
|
||||
<div class="content flex">
|
||||
<div class="fc cw1">
|
||||
<img src="/_public/images/dev/vso-2.png">
|
||||
</div>
|
||||
<div class="fc cw3">
|
||||
<div class="fct title top10"><?= Ts::get(22) ?></div>
|
||||
<div class="top10">
|
||||
<?php foreach ($footer_navigation as $button): ?>
|
||||
<div class="fc-link"><a <?= $button->url ? 'target="_blank"' : '' ?>
|
||||
href="<?= $button->parsed->relation ?>"><?= $button->parsed->name ?></a></div>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
</div>
|
||||
<div class="fc cw3">
|
||||
<div class="flex sn fct">
|
||||
<?= $this->render('sn') ?>
|
||||
</div>
|
||||
<div class="top20 ">
|
||||
<?php foreach ($footer_2_navigation as $button): ?>
|
||||
<div class="fc-link"><a <?= $button->url ? 'target="_blank"' : '' ?>
|
||||
href="<?= $button->parsed->relation ?>"><?= $button->parsed->name ?></a></div>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
</div>
|
||||
<div class="fc cw3">
|
||||
<div class="fct"></div>
|
||||
<div class="top20">
|
||||
<?php foreach ($footer_3_navigation as $button): ?>
|
||||
<div class="fc-link"><a <?= $button->url ? 'target="_blank"' : '' ?>
|
||||
href="<?= $button->parsed->relation ?>"><?= $button->parsed->name ?></a></div>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
</div>
|
||||
<div class="fc cw3">
|
||||
<div class="fct top20"></div>
|
||||
<div class="fc-title"><?= Ts::get(23) ?></div>
|
||||
<?= $this->render('mobile-app-buttons'); ?>
|
||||
<div class="top20 flex">
|
||||
<img style="width: 120px; margin: 0 auto; display: block;" src="/_public/images/dev/vso-1.png">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<?php $ap = \app\models\AboutProject::findOne(1); $lg = Yii::$app->language ?>
|
||||
<div class="content top25 footer-logos">
|
||||
<?php if (Yii::$app->language == 'bg'):
|
||||
$images = $ap->getSrcOfMultipleImages('about_project_logos', '3:1');
|
||||
?>
|
||||
<?php foreach ($images as $image): ?>
|
||||
<img src="<?= $image ?>">
|
||||
<?php endforeach; ?>
|
||||
<?php else: ?>
|
||||
<?php $images = $ap->getSrcOfMultipleImages('about_project_logos_en', '3:1'); ?>
|
||||
<?php foreach ($images as $image): ?>
|
||||
<img src="<?= $image ?>">
|
||||
<?php endforeach; ?>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
<div class="content ct top25">
|
||||
<div style="width: 100%; max-width: 900px; margin: 0 auto; font-size: 14px; padding-bottom: 25px">
|
||||
<?= $ap->{'text_'.$lg} ?>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,170 @@
|
||||
<?php
|
||||
|
||||
use app\services\UrlReg;
|
||||
use app\models\Ts;
|
||||
|
||||
/**
|
||||
* @var \app\models\Navigation[] $main_navigation
|
||||
* @var \app\models\Navigation[] $hidden_navigation
|
||||
*/
|
||||
$urlReg = UrlReg::generate();
|
||||
$webPage = \Yii::$app->request->get('webPage');
|
||||
$center = '';
|
||||
$partnerHeader = false;
|
||||
|
||||
$guide_link = Yii::$app->language == 'en' ?
|
||||
'/file-system/public/Ръководство_на_потребителя_Публичен_портал_EN.pdf/' :
|
||||
'/file-system/public/Ръководство_на_потребителя_Публичен_портал.pdf/';
|
||||
|
||||
$page = \app\models\Pages::findOne(18);
|
||||
|
||||
if ($webPage == 'partnjor' || $webPage == 'partner' || Yii::$app->controller->id == 'partner') {
|
||||
$partnerHeader = true;
|
||||
}
|
||||
?>
|
||||
|
||||
<?php if (!$partnerHeader): ?>
|
||||
<header>
|
||||
<div class="hidden-nav-button la la-navicon"></div>
|
||||
<div class="content flex">
|
||||
<nav>
|
||||
<?php foreach ($main_navigation as $button): ?>
|
||||
<a class="text-uppercase middle-margin hover-text first-no-margin"
|
||||
<?= $button->url ? 'target="_blank"' : '' ?>
|
||||
href="<?= $button->parsed->relation ?>"><?= $button->parsed->name ?></a>
|
||||
<?php endforeach; ?>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<nav class="header-right-nav mobile-hide">
|
||||
<a class="text-uppercase middle-margin hover-text"
|
||||
href="<?= $urlReg->uri ?>"><?= $urlReg->locale ?><i
|
||||
class="icon-shadow lg lg-<?= $urlReg->locale ?>"></i></a>
|
||||
<a href="<?= $page->getUrl() ?>"><i class="la la-question-circle-o"></i></a>
|
||||
<div class="hover-text drop-btn h-user-btn">
|
||||
<i class="la la-user"></i>
|
||||
<div class="user-menu">
|
||||
<?php if (empty($_SESSION['register_user'])): ?>
|
||||
<a href="<?= Yii::$app->goToAction('user/cart') ?>" class="flex flex-left"><i
|
||||
class="la la-shopping-cart"></i><?= Ts::get(87) ?></a>
|
||||
<?php endif; ?>
|
||||
<?php if (!\app\services\Auth::getUser()): ?>
|
||||
<?php if (empty($_SESSION['register_user'])): ?>
|
||||
<a class="flex flex-left" href="<?= Yii::$app->goToAction('user/login') ?>"><i
|
||||
class="la la-sign-in"></i><?= Ts::get(53) ?></a>
|
||||
<a class="flex flex-left" href="<?= Yii::$app->goToAction('user/sign-up') ?>"><i
|
||||
class="la la-user-plus"></i><?= Ts::get(54) ?></a>
|
||||
<?php else: ?>
|
||||
<a class="flex flex-left" href="<?= Yii::$app->goToAction('user/logout-all') ?>"><i
|
||||
class="la la-sign-out"></i><?= Ts::get(73) ?></a>
|
||||
<?php endif; ?>
|
||||
<?php else: ?>
|
||||
<a class="flex flex-left" href="<?= Yii::$app->goToAction('user') ?>">
|
||||
<i class="la la-user-cog"></i><?= Ts::get(74) ?></a>
|
||||
<a class="flex flex-left" href="<?= Yii::$app->goToAction('user/logout-all') ?>"><i
|
||||
class="la la-sign-out"></i><?= Ts::get(73) ?></a>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
</div>
|
||||
<a onclick="modal.modalSearchBox(this)" data-lang="<?= Yii::$app->language ?>"
|
||||
data-title="<?= Ts::get(181) ?>" class="hover-text"><i class="la la-search pointer"></i></a>
|
||||
</nav>
|
||||
</header>
|
||||
<div class="mobile-logo">
|
||||
<a href="<?= Yii::$app->goHome() ?>">
|
||||
<?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>
|
||||
<?php else: ?>
|
||||
<header class="partner-header" style="border-bottom: 0">
|
||||
<div class="hidden-nav-button la la-navicon"></div>
|
||||
<div class="content flex">
|
||||
<a class="header-partner-page-logo" href="<?= Yii::$app->goHome() ?>">
|
||||
<?php if (Yii::$app->language == 'en'): ?>
|
||||
<img src="/_public/images/logo_en/N-logo-02.png" style="height: 40px; margin-top: 10px">
|
||||
<?php else: ?>
|
||||
<img src="/_public/images/logo-b.png" style="height: 40px; margin-top: 10px">
|
||||
<?php endif; ?>
|
||||
</a>
|
||||
<nav class="flex-center full-width">
|
||||
<a href="<?= Yii::$app->partnerGoto(Yii::$app->request->get('partnerSlug')) ?>"
|
||||
class="text-uppercase middle-margin hover-text"><?= Ts::get(49) //Home ?></a>
|
||||
<?php foreach ($main_navigation as $button): ?>
|
||||
<a class="text-uppercase middle-margin hover-text"
|
||||
<?= $button->url ? 'target="_blank"' : '' ?>
|
||||
href="<?= $button->parsed->relation ?>"><?= $button->parsed->name ?></a>
|
||||
<?php endforeach; ?>
|
||||
</nav>
|
||||
<nav style="margin-left: auto">
|
||||
<a class="text-uppercase middle-margin hover-text last-no-margin"
|
||||
href="<?= $urlReg->uri ?>"><?= $urlReg->locale ?>
|
||||
<i class="icon-shadow lg lg-<?= $urlReg->locale ?>"></i>
|
||||
</a>
|
||||
<a onclick="modal.modalSearchBox(this)" data-lang="<?= Yii::$app->language ?>"
|
||||
data-title="<?= Ts::get(181) ?>" class="hover-text"><i
|
||||
class="la la-search"></i></a>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
<div class="mobile-logo">
|
||||
<a href="<?= Yii::$app->goHome() ?>">
|
||||
<?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>
|
||||
<?php endif; ?>
|
||||
<div class="hidden-nav">
|
||||
<div class="main-mobile-nav" style="display: none">
|
||||
<div class="flex flex-right">
|
||||
<a href="<?= $guide_link ?>"><i class="la la-question-circle-o"
|
||||
style="font-size: 30px; margin-top: 0; margin-right: 10px"></i></a>
|
||||
<div onclick="modal.modalSearchBox(this)" data-lang="<?= Yii::$app->language ?>"
|
||||
data-title="<?= Ts::get(181) ?>" class="search pointer right-15"
|
||||
style="margin-top: -2px">
|
||||
<i class="la la-search"></i>
|
||||
</div>
|
||||
<div class="mobile-language-switch">
|
||||
<a class="text-uppercase middle-margin hover-text last-no-margin"
|
||||
href="<?= $urlReg->uri ?>"><?= $urlReg->locale ?>
|
||||
<i class="icon-shadow lg lg-<?= $urlReg->locale ?>"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<?php if (!\app\services\Auth::getUser()): ?>
|
||||
<a class="text-uppercase hover-text first-no-margin"
|
||||
href="<?= Yii::$app->goToAction('user/login') ?>"><?= Ts::get(53) ?> <i class="la la-chevron-right"></i></a>
|
||||
<a class="text-uppercase hover-text first-no-margin"
|
||||
href="<?= Yii::$app->goToAction('user/sign-up') ?>"><?= Ts::get(54) ?> <i
|
||||
class="la la-chevron-right"></i></a>
|
||||
<?php else: ?>
|
||||
<a class="text-uppercase hover-text first-no-margin"
|
||||
href="<?= Yii::$app->goToAction('user') ?>"><?= Ts::get(74) ?> <i
|
||||
class="la la-chevron-right"></i></a>
|
||||
<a class="text-uppercase hover-text first-no-margin"
|
||||
href="<?= Yii::$app->goToAction('user/logout-all') ?>"><?= Ts::get(73) ?> <i
|
||||
class="la la-chevron-right"></i></a>
|
||||
<?php endif; ?>
|
||||
|
||||
<div class="mobile-nav-divider"></div>
|
||||
|
||||
<?php foreach ($main_navigation as $button): ?>
|
||||
<a class="text-uppercase hover-text first-no-margin"
|
||||
<?= $button->url ? 'target="_blank"' : '' ?>
|
||||
href="<?= $button->parsed->relation ?>"><?= $button->parsed->name ?> <i class="la la-chevron-right"></i></a>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
<?php foreach ($hidden_navigation as $button): ?>
|
||||
|
||||
<a class="text-uppercase hover-text first-no-margin"
|
||||
<?= $button->url ? 'target="_blank"' : '' ?>
|
||||
href="<?= $button->parsed->relation ?>"><?= $button->parsed->name ?> <i class="la la-chevron-right"></i></a>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
@@ -0,0 +1,16 @@
|
||||
<?php
|
||||
|
||||
use app\models\parsed\Page;
|
||||
|
||||
/**
|
||||
* @var $title
|
||||
* @var string $bottom_care
|
||||
*/
|
||||
?>
|
||||
<div class="content">
|
||||
<div class="page-header">
|
||||
<a href="<?= Yii::$app->goHome() ?>" class="header-logo top-care">
|
||||
<img src="/_public/images/logo.png">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,31 @@
|
||||
<?php
|
||||
|
||||
use app\models\parsed\Page;
|
||||
|
||||
/**
|
||||
* @var Page $model
|
||||
* @var string $bottom_care
|
||||
*/
|
||||
?>
|
||||
<style>
|
||||
header {
|
||||
border-bottom: 0;
|
||||
}
|
||||
</style>
|
||||
<div class="content">
|
||||
<div class="page-header">
|
||||
<a href="<?= Yii::$app->goHome() ?>" class="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" style="margin-top: 15px">
|
||||
<?php endif; ?>
|
||||
</a>
|
||||
<?php if ($model && $model->headerImage('21:5')): ?>
|
||||
<img class="header-img" src="<?= $model->headerImage('21:5') ?>" ">
|
||||
<?php endif; ?>
|
||||
<?php if($bottom_care): ?>
|
||||
<div class="bottom-care text-uppercase"><?= $bottom_care ?></div>
|
||||
<?php endif ?>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1 @@
|
||||
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,
|
||||
@@ -0,0 +1,21 @@
|
||||
<?php
|
||||
$mobileApps = [
|
||||
['Google Play', 'google-play', '/bg/app-download/nasledstvo.apk/'],
|
||||
['Apple Store', 'apple-store', '/bg/app-download/nasledstvo.apk/'],
|
||||
];
|
||||
?>
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="flex" style="justify-content: center">
|
||||
<?php foreach ($mobileApps as $mobileApp): ?>
|
||||
<a href="<?= $mobileApp[2] ?>" class="mobile-button">
|
||||
<img class="logo" src="/_public/images/mobile/<?= $mobileApp[1] ?>.png">
|
||||
<div class="mb-content">
|
||||
<div class="small-top"><?= \app\models\Ts::get(24) ?></div>
|
||||
<div class="name"><?= $mobileApp[0] ?></div>
|
||||
</div>
|
||||
</a>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
@@ -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>
|
||||
@@ -0,0 +1,12 @@
|
||||
<?php
|
||||
$sns = [
|
||||
['facebook', 'https://www.facebook.com/nasledstvo.bg'],
|
||||
['instagram', 'https://www.instagram.com/nasledstvo_bg'],
|
||||
['youtube', 'https://www.youtube.com/channel/UC2sJGH_3HNJR8TYUuzoyizA']
|
||||
//['twitter', '#'],
|
||||
//['linkedin', '#'],
|
||||
];
|
||||
?>
|
||||
<?php foreach ($sns as $sn): ?>
|
||||
<a href="<?= $sn[1] ?>" target="_blank" class="sn"><img src="/_public/images/sn/<?= $sn[0] ?>.png"></a>
|
||||
<?php endforeach; ?>
|
||||
Reference in New Issue
Block a user