| Current Path : /home/helpink/www/modules/mod_article_grid/tmpl/ |
| Current File : /home/helpink/www/modules/mod_article_grid/tmpl/style2.php |
<?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\Language\Text;
use Joomla\CMS\HTML\HTMLHelper;
use Joomla\CMS\Helper\TagsHelper;
use Joomla\CMS\Layout\FileLayout;
use Joomla\Component\Tags\Site\Helpers\TagsHelperRoute;
$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 uk-filter="target: .js-filter; duration: 1000" animation="delayed-fade">
<?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_GRID_ALL'); ?></a></li>
<!-- <li uk-filter-control="filter: .politik"><a href="#">Politik</a></li>
<li uk-filter-control="filter: .technik"><a href="#">Technik</a></li> -->
<?php foreach($tagsList['index'] as $tag => $tagClass):?>
<li uk-filter-control="filter: .<?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="<?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>
</div>
<style>
.uk-lightbox-iframe {
width: 800px;
height: 60%;
}
.none .p-3 {padding:0!important;padding-top:1rem!important}
</style>