Your IP : 216.73.216.84
<?php
/**
* @package Joomla.Site
* @subpackage mod_article_grid
*
* @copyright Copyright (C) 2005 - 2020 Open Source Matters, Inc. All rights reserved.
* @license GNU General Public License version 2 or later; see LICENSE.txt
*/
defined('_JEXEC') or die;
use Joomla\CMS\Factory;
use Joomla\CMS\Language\Text;
use Joomla\CMS\HTML\HTMLHelper;
use Joomla\CMS\Helper\TagsHelper;
use Joomla\CMS\Layout\FileLayout;
use Joomla\Component\Tags\Site\Helpers\TagsHelperRoute;
$wa = Factory::getApplication()->getDocument()->getWebAssetManager();
$wa->useScript('jquery');
$tags = new TagsHelper;
$taglayout = new FileLayout('joomla.content.tags');
$introtext_limit = $params->get('introtext_limit');
$item_style = $params->get('item_style');
$img_popup = $params->get('img_popup');
$strip_tags = $params->get('strip_tags');
?>
<div id="filter-dgrid-<?php echo $module->id; ?>">
<?php if ($params->get('show_tag_filter')) : ?>
<ul class="uk-subnav">
<li class="uk-active" uk-filter-control=""><a href="#"><?php echo Text::_('MOD_UK_DGRID_ALL'); ?></a></li>
<?php foreach($tagsList['index'] as $tag => $tagClass):?>
<li uk-filter-control="<?php echo $tagClass; ?>"><a href="#"><?php echo $tag; ?></a></li>
<?php endforeach; ?>
</ul>
<?php endif; ?>
<div class="js-filter <?php echo $grid_class, $classes; ?> <?php echo $moduleclass_sfx; ?>" uk-grid<?php echo $grid_params, $hm_param; ?> >
<?php foreach ($list as $item) : ?>
<?php
$itemTags = $tagsList['items'][$item->id];
$itemClass = ' ';
foreach ($itemTags as $tag) {
$itemClass .= $tagsList['index'][$tag] .' ';
}
?>
<div class="grid_wrap <?php echo $itemClass; ?> <?php echo $grid_center; ?>">
<div class="grid-hover <?php echo $item_style; ?>">
<?php if ($params->get('img_intro_full') !== 'none' && !empty($item->imageSrc)) : ?>
<?php if ($params->get('readmore_popup') == '1' ) : ?>
<div class="uk-inline-clip uk-transition-toggle" >
<a class="uk-inline" href="<?php echo $item->link; ?>" >
<img src="<?php echo $item->imageSrc; ?>" alt="<?php echo $item->imageAlt; ?>" >
<div class="uk-transition-fade uk-position-cover uk-overlay uk-overlay-primary uk-flex uk-flex-center uk-flex-middle">
<span class="uk-transition-fade">
<?php if ($params->get('item_title')) : ?>
<h3><?php echo $item->title; ?></h3>
<?php endif; ?>
<?php if ($params->get('show_introtext', 1)) : ?>
<?php if ($params->get('strip_tags') == '1' ) : ?>
<?php echo HTMLHelper::_('string.truncate', strip_tags($item->introtext), $introtext_limit); ?>
<br/>
<?php endif; ?>
<?php if ($params->get('strip_tags') == '2' ) : ?>
<?php echo HTMLHelper::_('string.truncate', $item->introtext, $introtext_limit); ?>
<br/>
<?php endif; ?>
<?php endif; ?>
</span>
</div>
</a>
</div>
<?php endif; ?>
<?php if ($params->get('readmore_popup') == '2' ) : ?>
<div class="uk-inline-clip uk-transition-toggle" uk-lightbox>
<a class="uk-inline" data-type="iframe" href="<?php echo $item->link; ?>?tmpl=component" >
<img src="<?php echo $item->imageSrc; ?>" alt="<?php echo $item->imageAlt; ?>" >
<div class="uk-transition-fade uk-position-cover uk-overlay uk-overlay-primary uk-flex uk-flex-center uk-flex-middle">
<span class="uk-transition-fade">
<?php if ($params->get('item_title')) : ?>
<h3><?php echo $item->title; ?></h3>
<?php endif; ?>
<?php if ($params->get('show_introtext', 1)) : ?>
<?php if ($params->get('strip_tags') == '1' ) : ?>
<?php echo HTMLHelper::_('string.truncate', strip_tags($item->introtext), $introtext_limit); ?>
<br/>
<?php endif; ?>
<?php if ($params->get('strip_tags') == '2' ) : ?>
<?php echo HTMLHelper::_('string.truncate', $item->introtext, $introtext_limit); ?>
<br/>
<?php endif; ?>
<?php endif; ?>
</span>
</div>
</a>
</div>
<?php endif; ?>
<?php endif; ?>
</div>
</div>
<?php endforeach; ?>
</div>
<?php if ((int)$showLoadMore) { ?>
<div class="block-loadMore" style="display:none;">
<a href="#" class="loadMore btn btn-sm btn-primary"><?php echo Text::_('MOD_UK_DGRID_LOADMORE'); ?></a>
</div>
<?php } ?>
</div>
<style>
.uk-lightbox-iframe {
width: 800px;
height: 60%;
}
.none .p-3 {padding:0!important;padding-top:1rem!important}
<?php if ((int)$showLoadMore) { ?>
.grid_wrap {display:none;}
.loadMore {
width: 200px;
display: block;
text-align: center;
margin: 20px auto;
padding: 10px;
}
.loadMore:hover {
}
.noContent {
pointer-events: none;
}
<?php } ?>
</style>
<script>
jQuery(document).ready(function(){
var total = <?php echo count($list); ?>;
var showLoadMore = <?php echo $showLoadMore; ?>;
var initCount = <?php echo $initCount; ?>;
var loadCount = <?php echo $loadCount; ?>;
var display = !showLoadMore ? total : total > initCount ? initCount : total;
if (showLoadMore && total > initCount) {
jQuery('#filter-dgrid-<?php echo $module->id; ?> .block-loadMore').show();
}
jQuery("#filter-dgrid-<?php echo $module->id; ?> .grid_wrap").slice(0, display).show();
<?php if ((int)$params->get('show_tag_filter')) { ?>
jQuery("#filter-dgrid-<?php echo $module->id; ?> .uk-subnav li").on("click", function(e){
e.preventDefault();
if (showLoadMore) {
jQuery('#filter-dgrid-<?php echo $module->id; ?> .block-loadMore .loadMore').text("<?php echo Text::_('MOD_UK_DGRID_LOADMORE'); ?>").removeClass("noContent");
jQuery('#filter-dgrid-<?php echo $module->id; ?> .block-loadMore').hide();
}
jQuery("#filter-dgrid-<?php echo $module->id; ?> .uk-subnav li").removeClass('uk-active');
jQuery(this).addClass('uk-active');
jQuery("#filter-dgrid-<?php echo $module->id; ?> .grid_wrap").hide();
var filterTag = jQuery(this).attr('uk-filter-control');
if (!filterTag) {
if (showLoadMore) {
jQuery("#filter-dgrid-<?php echo $module->id; ?> .grid_wrap").slice(0, initCount).fadeIn(1000);
displayLoadMore('grid_wrap');
} else {
jQuery("#filter-dgrid-<?php echo $module->id; ?> .grid_wrap").fadeIn(1000);
}
} else {
if (showLoadMore) {
jQuery("#filter-dgrid-<?php echo $module->id; ?> .grid_wrap."+filterTag).slice(0, initCount).fadeIn(1000);
displayLoadMore(filterTag);
} else {
jQuery("#filter-dgrid-<?php echo $module->id; ?> ."+filterTag).fadeIn(1000);
}
}
});
<?php } ?>
jQuery("#filter-dgrid-<?php echo $module->id; ?> .loadMore").on("click", function(e){
e.preventDefault();
var activeTag = jQuery("#filter-dgrid-<?php echo $module->id; ?> .uk-subnav .uk-active").attr('uk-filter-control');
if (!activeTag) {
jQuery("#filter-dgrid-<?php echo $module->id; ?> .grid_wrap:hidden").slice(0, loadCount).fadeIn(1000);
checkLoadMore('grid_wrap');
} else {
jQuery("#filter-dgrid-<?php echo $module->id; ?> .grid_wrap."+activeTag+":hidden").slice(0, loadCount).fadeIn(1000);
checkLoadMore(activeTag);
}
});
function displayLoadMore(filterTag)
{
var count = jQuery("#filter-dgrid-<?php echo $module->id; ?> ."+filterTag).length;
if (count > initCount) {
jQuery('#filter-dgrid-<?php echo $module->id; ?> .block-loadMore').show();
} else {
jQuery('#filter-dgrid-<?php echo $module->id; ?> .block-loadMore').hide();
}
}
function checkLoadMore(activeTag)
{
var count = jQuery("#filter-dgrid-<?php echo $module->id; ?> ."+activeTag+":hidden").length;
if (count == 0) {
jQuery('#filter-dgrid-<?php echo $module->id; ?> .block-loadMore .loadMore').text("<?php echo Text::_('MOD_UK_DGRID_NOCONTENT'); ?>").addClass("noContent");
}
}
})
</script>