Your IP : 216.73.216.229
<?php
/**
* @package Grid 10 element for YOOtheme Pro
* @author Flart Studio https://www.flart.studio
* @copyright Copyright (C) Flart Studio
* @license GNU General Public License version 3, or later
*/
// No direct access to this file
defined('_JEXEC') or die();
// Resets
if ($props['panel_link']) {
$props['title_link'] = '';
$props['image_link'] = '';
}
$el = $this->el('div', [
'class' => [
'fs-grid',
],
'uk-filter' => $tags ? [
'target: .js-filter;',
'animation: {filter_animation};',
] : false,
]);
// Grid
$grid = $this->el('div', [
'class' => [
'uk-grid',
'js-filter' => $tags,
'uk-child-width-[{@!grid_default: auto}]{grid_default}',
'uk-child-width-[{@!grid_small: auto}]{grid_small}@s',
'uk-child-width-[{@!grid_medium: auto}]{grid_medium}@m',
'uk-child-width-[{@!grid_large: auto}]{grid_large}@l',
'uk-child-width-[{@!grid_xlarge: auto}]{grid_xlarge}@xl',
'uk-flex-center {@grid_column_align} {@!grid_masonry}',
'uk-flex-middle {@grid_row_align} {@!grid_masonry}',
$props['grid_column_gap'] == $props['grid_row_gap'] ? 'uk-grid-{grid_column_gap}' : '[uk-grid-column-{grid_column_gap}] [uk-grid-row-{grid_row_gap}]',
'uk-grid-divider {@grid_divider} {@!grid_column_gap:collapse} {@!grid_row_gap:collapse}' => count($children) > 1,
'uk-grid-match {@!grid_masonry}',
'fs-load-more-container',
],
'uk-grid' => $this->expr([
'masonry: {grid_masonry};',
'parallax: {grid_parallax};',
'parallax-justify: true; {@grid_parallax_justify}',
'parallax-start: {grid_parallax_start};' => $props['grid_parallax'] || $props['grid_parallax_justify'],
'parallax-end: {grid_parallax_end};' => $props['grid_parallax'] || $props['grid_parallax_justify'],
], $props) ?: count($children) > 1,
'uk-grid-checked' => $props['panel_style'] === 'tile-checked'
? 'uk-tile-default,uk-tile-muted'
: false,
'uk-lightbox' => [
'toggle: div.fs-load-more-item:not([style*="display: none"]) a[data-type];' => $props['lightbox'],
],
]);
// Filter
$filter_grid = $this->el('div', [
'class' => [
'uk-grid',
'uk-child-width-expand',
$props['filter_grid_column_gap'] == $props['filter_grid_row_gap'] ? 'uk-grid-{filter_grid_column_gap}' : '[uk-grid-column-{filter_grid_column_gap}] [uk-grid-row-{filter_grid_row_gap}]',
],
'uk-grid' => count($children) > 1,
]);
$filter_cell = $this->el('div', [
'class' => [
'uk-width-{filter_grid_width}@{filter_grid_breakpoint}',
'uk-flex-last@{filter_grid_breakpoint} {@filter_position: right}',
],
]);
?>
<?php if ($tags) : ?>
<?= $el($props, $attrs) ?>
<?php if ($filter_horizontal = in_array($props['filter_position'], ['left', 'right'])) : ?>
<?= $filter_grid($props) ?>
<?= $filter_cell($props) ?>
<?php endif ?>
<?= $this->render("{$__dir}/template-nav", compact('props')) ?>
<?php if ($filter_horizontal) : ?>
<?= $filter_grid->end() ?>
<div>
<?php endif ?>
<?= $grid($props) ?>
<?php foreach ($children as $i => $child) : ?>
<?php $i += 1; ?>
<?= $this->el('div', ['class' => "el-item-{$i}-container fs-load-more-item", 'data-tag' => $child->tags], $builder->render($child, ['element' => $props])) ?>
<?php endforeach ?>
<?= $grid->end() ?>
<?php if ($filter_horizontal) : ?>
</div>
<?= $filter_grid->end() ?>
<?php endif ?>
<?= $el->end() ?>
<?php else : ?>
<?= $el($props, $attrs) ?>
<?= $grid($props) ?>
<?php foreach ($children as $i => $child) : ?>
<?php $i += 1; ?>
<?= $this->el('div', ['class' => "el-item-{$i}-container fs-load-more-item"], $builder->render($child, ['element' => $props])) ?>
<?php endforeach ?>
<?= $grid->end() ?>
<?= $el->end() ?>
<?php endif ?>