| Current Path : /home/helpink/www/modules/mod_article_dgrid/tmpl/ |
| Current File : /home/helpink/www/modules/mod_article_dgrid/tmpl/default.php |
<?php
/**
* @package Joomla.Site
* @subpackage mod_article_dgrid
*
* @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');
$readmoretext = $params->get('readmoretext');
$readmore_class = $params->get('readmore_class');
$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="<?php if ($params->get('animation')) : ?>grid-hover<?php endif; ?> <?php echo $item_style; ?>">
<?php if ($params->get('img_intro_full') !== 'none' && !empty($item->imageSrc)) : ?>
<figure>
<img src="<?php echo $item->imageSrc; ?>" alt="<?php echo $item->imageAlt; ?>" >
</figure>
<?php endif; ?>
<div class="p-3" >
<?php if ($params->get('item_title')) : ?>
<?php $item_heading = $params->get('item_heading', 'h4'); ?>
<<?php echo $item_heading; ?> class="newsflash-title<?php echo $params->get('moduleclass_sfx'); ?>">
<?php if ($item->link !== '' && $params->get('link_titles')) : ?>
<a href="<?php echo $item->link; ?>">
<?php echo $item->title; ?>
</a>
<?php else : ?>
<?php echo $item->title; ?>
<?php endif; ?>
</<?php echo $item_heading; ?>>
<?php endif; ?>
<?php if ($params->get('displayDate')) : ?>
<p class="uk-text-small uk-margin-remove"><?php echo HTMLHelper::_('date',$item->created, Text::_('DATE_FORMAT_LC1')); ?></p>
<?php endif; ?>
<?php if ($params->get('show_tags')) : ?>
<?php $tags->getItemTags('com_content.article', $item->id)?>
<p>Tags:
<?php foreach ($tags->itemTags as $tag) : ?>
<span class="badge badge-primary d-inline"><?php echo $tag->title;?></span>
<?php endforeach; ?>
</p>
<?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; ?>
<?php echo $item->afterDisplayContent; ?>
<?php if ($params->get('readmore') == '1' ) : ?>
<?php if ($params->get('readmore_popup') == '1' ) : ?>
<p class="<?php echo $readmore_class; ?>" ><?php echo '<a class="readmore" href="' . $item->link . '">' . $readmoretext . '</a>'; ?></p>
<?php endif; ?>
<?php if ($params->get('readmore_popup') == '2' ) : ?>
<p uk-lightbox class="<?php echo $readmore_class; ?>" ><?php echo '<a data-type="iframe" class="readmore" href="' . $item->link . '?tmpl=component">' . $readmoretext . '</a>'; ?></p>
<?php endif; ?>
<?php endif; ?>
</div>
</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;
transition: .3s;
text-decoration: none;
}
.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>