primo commit
55
modules/mod_jem_teaser/tmpl/alpha.css
Normal file
@ -0,0 +1,55 @@
|
||||
.jem-teaser-calendar {
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
box-shadow: 3px 4px 4px -3px rgba(0, 0, 0, 0.3), -3px 4px 4px -3px rgba(0, 0, 0, 0.3);
|
||||
border-radius: 0 0 5px 5px;
|
||||
}
|
||||
|
||||
.jem-teaser-calendar .color-bar {
|
||||
position: absolute;
|
||||
top: 5px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 24px;
|
||||
border-radius: 5px 5px 0 0;
|
||||
}
|
||||
|
||||
.jem-teaser-calendar .lower-background {
|
||||
position: absolute;
|
||||
top: 29px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background: linear-gradient(to top, #ddd 0%, #fff 50%);
|
||||
}
|
||||
|
||||
.jem-teaser-calendar .background-image {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background-image: url('img/cal.png');
|
||||
background-repeat: no-repeat;
|
||||
background-position: top;
|
||||
background-size: contain;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
#jemmoduleteaser [class|="calendar"] .monthteaser.monthcolor-dark {
|
||||
color: black;
|
||||
text-shadow: -1px -1px 0 rgba(255,255,255,0.2),
|
||||
1px -1px 0 rgba(255,255,255,0.2),
|
||||
-1px 1px 0 rgba(255,255,255,0.2),
|
||||
1px 1px 0 rgba(255,255,255,0.2);
|
||||
}
|
||||
|
||||
#jemmoduleteaser [class|="calendar"] .monthteaser.monthcolor-light {
|
||||
color: #FFF;
|
||||
text-shadow: -1px -1px 0 rgba(0,0,0,0.2),
|
||||
1px -1px 0 rgba(0,0,0,0.2),
|
||||
-1px 1px 0 rgba(0,0,0,0.2),
|
||||
1px 1px 0 rgba(0,0,0,0.2);
|
||||
}
|
||||
113
modules/mod_jem_teaser/tmpl/alternative/default.php
Normal file
@ -0,0 +1,113 @@
|
||||
<?php
|
||||
/**
|
||||
* @version 2.3.6
|
||||
* @package JEM
|
||||
* @subpackage JEM Teaser Module
|
||||
* @copyright (C) 2013-2020 joomlaeventmanager.net
|
||||
* @copyright (C) 2005-2009 Christoph Lukes
|
||||
* @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
|
||||
*/
|
||||
defined('_JEXEC') or die;
|
||||
|
||||
if ($params->get('use_modal', 0)) {
|
||||
JHtml::_('behavior.modal', 'a.flyermodal');
|
||||
$modal = 'flyermodal';
|
||||
} else {
|
||||
$modal = 'notmodal';
|
||||
}
|
||||
?>
|
||||
|
||||
<div class="jemmoduleteaser<?php echo $params->get('moduleclass_sfx')?>" id="jemmoduleteaser">
|
||||
<?php ?>
|
||||
<div class="eventset" summary="mod_jem_teaser">
|
||||
<?php if (count($list)) : ?>
|
||||
<?php foreach ($list as $item) : ?>
|
||||
|
||||
<h2 class="event-title">
|
||||
<?php if ($item->eventlink) : ?>
|
||||
<a href="<?php echo $item->eventlink; ?>" title="<?php echo $item->fulltitle; ?>"><?php echo $item->title; ?></a>
|
||||
<?php else : ?>
|
||||
<?php echo $item->title; ?>
|
||||
<?php endif; ?>
|
||||
</h2>
|
||||
|
||||
<table>
|
||||
<tr>
|
||||
<td class="event-calendar">
|
||||
<div class="calendar<?php echo '-'.$item->colorclass; ?>"
|
||||
title="<?php echo strip_tags($item->dateinfo); ?>"
|
||||
<?php if (!empty($item->color)) : ?>
|
||||
style="background-color: <?php echo $item->color; ?>"
|
||||
<?php endif; ?>
|
||||
>
|
||||
<div class="monthteaser">
|
||||
<?php echo $item->month; ?>
|
||||
</div>
|
||||
<div class="dayteaser">
|
||||
<?php echo empty($item->dayname) ? '<br/>' : $item->dayname; ?>
|
||||
</div>
|
||||
<div class="daynumteaser">
|
||||
<?php echo empty($item->daynum) ? '?' : $item->daynum; ?>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td class="event-info">
|
||||
<div class="teaser-jem">
|
||||
<div>
|
||||
<?php if(!empty($item->eventimage)) : ?>
|
||||
<a href="<?php echo $item->eventimageorig; ?>" class="<?php echo $modal;?>" title="<?php echo $item->fulltitle; ?> ">
|
||||
<img class="float_right image-preview" src="<?php echo $item->eventimage; ?>" alt="<?php echo $item->title; ?>" /></a>
|
||||
<?php else : ?>
|
||||
<?php endif; ?>
|
||||
<?php if(!empty($item->venueimage)) : ?>
|
||||
<a href="<?php echo $item->venueimageorig; ?>" class="<?php echo $modal;?>" title="<?php echo $item->venue; ?> ">
|
||||
<img class="float_right image-preview" src="<?php echo $item->venueimage; ?>" alt="<?php echo $item->venue; ?>" /></a>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
<div>
|
||||
<?php echo $item->eventdescription; ?>
|
||||
<?php if (isset($item->link) && $item->readmore != 0 && $params->get('readmore')) :
|
||||
echo '<a class="readmore" href="'.$item->link.'">'.$item->linkText.'</a>';
|
||||
endif;
|
||||
?>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="event-datetime">
|
||||
<?php if ($item->date && $params->get('datemethod', 1) == 2) :?>
|
||||
<div class="date" title="<?php echo strip_tags($item->dateinfo); ?>">
|
||||
<small><?php echo $item->date; ?></small>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
<?php if ($item->time && $params->get('datemethod', 1) == 1) :?>
|
||||
<div class="time" title="<?php echo strip_tags($item->dateinfo); ?>">
|
||||
<small><?php echo $item->time; ?></small>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
</td>
|
||||
<td class="event-vencat">
|
||||
<?php if (!empty($item->venue)) : ?>
|
||||
<div class="venue-title">
|
||||
<?php if ($item->venuelink) : ?>
|
||||
<a href="<?php echo $item->venuelink; ?>" title="<?php echo $item->venue; ?>"><?php echo $item->venue; ?></a>
|
||||
<?php else : ?>
|
||||
<?php echo $item->venue; ?>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
<?php if (!empty($item->catname)) : ?>
|
||||
<div class="category">
|
||||
<?php echo $item->catname; ?>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<?php endforeach; ?>
|
||||
<?php else : ?>
|
||||
<?php echo JText::_('MOD_JEM_TEASER_NO_EVENTS'); ?>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
</div>
|
||||
119
modules/mod_jem_teaser/tmpl/alternative/mod_jem_teaser.css
Normal file
@ -0,0 +1,119 @@
|
||||
/**
|
||||
* @version 2.3.6
|
||||
* @package JEM
|
||||
* @subpackage JEM Teaser Module
|
||||
* @copyright (C) 2013-2020 joomlaeventmanager.net
|
||||
* @copyright (C) 2005-2009 Christoph Lukes
|
||||
* @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
|
||||
*/
|
||||
|
||||
div#jemmoduleteaser {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
div#jemmoduleteaser .teaser-jem a,
|
||||
div#jemmoduleteaser .venue-title a {
|
||||
background-color: transparent;
|
||||
/*color:#095197;*/
|
||||
}
|
||||
|
||||
#jemmoduleteaser td.event-calendar {
|
||||
width: 1%; /* keep it as small as possible */
|
||||
}
|
||||
|
||||
#jemmoduleteaser [class|="calendar"] {
|
||||
background-repeat: no-repeat;
|
||||
width: 82px;
|
||||
height: 82px; /* + padding = 87px */
|
||||
font-family: 'Lucida Grande',Geneva,Arial,Verdana,sans-serif;
|
||||
text-align: center;
|
||||
padding: 5px 1px 0 0;
|
||||
float:left;
|
||||
margin-right:10px;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
#jemmoduleteaser span.share {
|
||||
margin-left:95px;
|
||||
}
|
||||
|
||||
#jemmoduleteaser [class|="calendar"] .yearteaser {
|
||||
font-size: 6px;
|
||||
height:5px;
|
||||
color: #e1e1e1;
|
||||
}
|
||||
|
||||
#jemmoduleteaser [class|="calendar"] .monthteaser {
|
||||
font-size: 8px;
|
||||
color: white;
|
||||
text-transform:uppercase;
|
||||
font-weight:bold;
|
||||
text-shadow: #666 1px 1px 1px;
|
||||
height:20px;
|
||||
}
|
||||
|
||||
#jemmoduleteaser [class|="calendar"] .dayteaser {
|
||||
font-weight:bold;
|
||||
font-size: 12px;
|
||||
padding-top:3px;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
#jemmoduleteaser [class|="calendar"] .daynumteaser {
|
||||
font-size: 29px;
|
||||
font-weight:bold;
|
||||
color: #FF6400;
|
||||
text-shadow: #000 1px 1px 1px;
|
||||
}
|
||||
|
||||
div#jemmoduleteaser .eventset {
|
||||
width: 100%;
|
||||
margin-bottom: 10px;
|
||||
padding: 5px;
|
||||
border-bottom: 1px dotted silver;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
div#jemmoduleteaser .event-title {
|
||||
padding-left: 8px;
|
||||
font-size: medium;
|
||||
}
|
||||
|
||||
div#jemmoduleteaser .time {
|
||||
padding-left: 20px;
|
||||
background: url(../img/time.png) 0 center no-repeat;
|
||||
padding-top: 2px;
|
||||
}
|
||||
|
||||
div#jemmoduleteaser div.date {
|
||||
padding-left: 0px;
|
||||
padding-top: 2px;
|
||||
}
|
||||
|
||||
div#jemmoduleteaser .category {
|
||||
position: relative;
|
||||
padding-left: 20px;
|
||||
background: url(../img/category.png) 0 center no-repeat;
|
||||
font-size: smaller;
|
||||
}
|
||||
|
||||
div#jemmoduleteaser .venue-title {
|
||||
position: relative;
|
||||
padding-left: 20px;
|
||||
background: url(../img/venue.png) 0 center no-repeat;
|
||||
font-size: smaller;
|
||||
}
|
||||
|
||||
div#jemmoduleteaser .event-image-cell {
|
||||
}
|
||||
|
||||
div#jemmoduleteaser .venue-image-cell {
|
||||
}
|
||||
|
||||
div#jemmoduleteaser .image-preview {
|
||||
height: 35px;
|
||||
border: 1px solid #CCCCCC;
|
||||
padding: 3px;
|
||||
background-color: white;
|
||||
margin: 3px;
|
||||
}
|
||||
@ -0,0 +1,10 @@
|
||||
/**
|
||||
* @version 2.3.6
|
||||
* @package JEM
|
||||
* @subpackage JEM Teaser Module
|
||||
* @copyright (C) 2013-2020 joomlaeventmanager.net
|
||||
* @copyright (C) 2005-2009 Christoph Lukes
|
||||
* @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
|
||||
*/
|
||||
|
||||
/* This template uses images in any case, so keep this empty file to prevent legacy fallback. */
|
||||
@ -0,0 +1,10 @@
|
||||
/**
|
||||
* @version 2.3.6
|
||||
* @package JEM
|
||||
* @subpackage JEM Teaser Module
|
||||
* @copyright (C) 2013-2020 joomlaeventmanager.net
|
||||
* @copyright (C) 2005-2009 Christoph Lukes
|
||||
* @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
|
||||
*/
|
||||
|
||||
/* This template uses images in any case, so keep this empty file to prevent legacy fallback. */
|
||||
12
modules/mod_jem_teaser/tmpl/blue.css
Normal file
@ -0,0 +1,12 @@
|
||||
#jemmoduleteaser .calendar-blue {
|
||||
background-image: url(img/calendar_blue.png);
|
||||
background-size: 100%;
|
||||
}
|
||||
|
||||
#jemmoduleteaser .calendar-blue .monthteaser {
|
||||
color: #fff;
|
||||
text-shadow: -1px -1px 0 rgba(0,0,0,0.2),
|
||||
1px -1px 0 rgba(0,0,0,0.2),
|
||||
-1px 1px 0 rgba(0,0,0,0.2),
|
||||
1px 1px 0 rgba(0,0,0,0.2);
|
||||
}
|
||||
55
modules/mod_jem_teaser/tmpl/category.css
Normal file
@ -0,0 +1,55 @@
|
||||
.jem-teaser-calendar {
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
box-shadow: 3px 4px 4px -3px rgba(0, 0, 0, 0.3), -3px 4px 4px -3px rgba(0, 0, 0, 0.3);
|
||||
border-radius: 0 0 5px 5px;
|
||||
}
|
||||
|
||||
.jem-teaser-calendar .color-bar {
|
||||
position: absolute;
|
||||
top: 5px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 24px;
|
||||
border-radius: 5px 5px 0 0;
|
||||
}
|
||||
|
||||
.jem-teaser-calendar .lower-background {
|
||||
position: absolute;
|
||||
top: 29px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background: linear-gradient(to top, #ddd 0%, #fff 50%);
|
||||
}
|
||||
|
||||
.jem-teaser-calendar .background-image {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background-image: url('img/cal.png');
|
||||
background-repeat: no-repeat;
|
||||
background-position: top;
|
||||
background-size: contain;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
#jemmoduleteaser [class|="calendar"] .monthteaser.monthcolor-dark {
|
||||
color: black;
|
||||
text-shadow: -1px -1px 0 rgba(255,255,255,0.2),
|
||||
1px -1px 0 rgba(255,255,255,0.2),
|
||||
-1px 1px 0 rgba(255,255,255,0.2),
|
||||
1px 1px 0 rgba(255,255,255,0.2);
|
||||
}
|
||||
|
||||
#jemmoduleteaser [class|="calendar"] .monthteaser.monthcolor-light {
|
||||
color: #FFF;
|
||||
text-shadow: -1px -1px 0 rgba(0,0,0,0.2),
|
||||
1px -1px 0 rgba(0,0,0,0.2),
|
||||
-1px 1px 0 rgba(0,0,0,0.2),
|
||||
1px 1px 0 rgba(0,0,0,0.2);
|
||||
}
|
||||
148
modules/mod_jem_teaser/tmpl/default.php
Normal file
@ -0,0 +1,148 @@
|
||||
<?php
|
||||
/**
|
||||
* @package JEM
|
||||
* @subpackage JEM Teaser Module
|
||||
* @copyright (C) 2013-2024 joomlaeventmanager.net
|
||||
* @copyright (C) 2005-2009 Christoph Lukes
|
||||
* @license https://www.gnu.org/licenses/gpl-3.0 GNU/GPL
|
||||
*/
|
||||
|
||||
defined('_JEXEC') or die;
|
||||
|
||||
use Joomla\CMS\Language\Text;
|
||||
|
||||
$showcalendar = (int)$params->get('showcalendar', 1);
|
||||
|
||||
if ($params->get('use_modal', 0)) {
|
||||
echo JemOutput::lightbox();
|
||||
$modal = 'lightbox';
|
||||
} else {
|
||||
$modal = 'notmodal';
|
||||
}
|
||||
?>
|
||||
|
||||
<div class="jemmoduleteaser<?php echo $params->get('moduleclass_sfx')?>" id="jemmoduleteaser">
|
||||
<div class="eventset" >
|
||||
<?php if (count($list)) : ?>
|
||||
<?php foreach ($list as $item) : ?>
|
||||
<div class="event_id<?php echo $item->eventid; ?>" itemprop="event" itemscope itemtype="https://schema.org/Event">
|
||||
<h2 class="event-title" itemprop="name">
|
||||
<?php if ($item->eventlink) : ?>
|
||||
<a href="<?php echo $item->eventlink; ?>" title="<?php echo $item->fulltitle; ?>" itemprop="url"><?php echo $item->title; ?></a>
|
||||
<?php else : ?>
|
||||
<?php echo $item->title; ?>
|
||||
<?php endif; ?>
|
||||
</h2>
|
||||
|
||||
<table>
|
||||
<tr>
|
||||
<td class="event-calendar">
|
||||
<?php if ($showcalendar == 1) :?>
|
||||
<?php if ($item->colorclass === "category" || $item->colorclass === "alpha"): ?>
|
||||
<div class="calendar<?php echo '-' . $item->colorclass; ?> jem-teaser-calendar" title="<?php echo strip_tags($item->dateinfo); ?>">
|
||||
<div class="color-bar" style="background-color:<?php echo !empty($item->color) ? $item->color : 'rgb(128,128,128)'; ?>"></div>
|
||||
<div class="lower-background"></div>
|
||||
<div class="background-image"></div>
|
||||
<?php else: ?>
|
||||
<div class="calendar<?php echo '-' . $item->colorclass; ?> jem-teaser-calendar"
|
||||
title="<?php echo strip_tags($item->dateinfo); ?>">
|
||||
<?php endif; ?>
|
||||
|
||||
<div class="monthteaser<?php
|
||||
echo isset($item->color_is_dark)
|
||||
? ($item->color_is_dark === 1
|
||||
? ' monthcolor-light">'
|
||||
: ($item->color_is_dark === 0
|
||||
? ' monthcolor-dark">'
|
||||
: '">'))
|
||||
: '">';
|
||||
echo $item->startdate['month']; ?>
|
||||
</div>
|
||||
<div class="dayteaser">
|
||||
<?php echo $item->startdate['weekday']; ?>
|
||||
</div>
|
||||
<div class="daynumteaser">
|
||||
<?php echo $item->startdate['day']; ?>
|
||||
</div>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
</td>
|
||||
<td class="event-info">
|
||||
<div class="teaser-jem">
|
||||
<div>
|
||||
<?php if($item->showimageevent): ?>
|
||||
<?php if(strpos($item->eventimage,'/media/com_jem/images/blank.png') === false) : ?>
|
||||
<a href="<?php echo $item->eventimageorig; ?>" class="teaser-flyerimage" rel="<?php echo $modal;?>" data-lightbox="teaser-flyerimage-<?php echo $item->eventid ?>" title="<?php echo Text::_('COM_JEM_CLICK_TO_ENLARGE'); ?>" data-title="<?php echo Text::_('COM_JEM_EVENT') .': ' . $item->fulltitle; ?>">
|
||||
<img class="float_right image-preview" style="height:auto" src="<?php echo $item->eventimage; ?>" alt="<?php echo $item->title; ?>" itemprop="image" /></a>
|
||||
<?php endif; ?>
|
||||
<?php endif; ?>
|
||||
<?php if($item->showimagevenue): ?>
|
||||
<?php if(strpos($item->venueimage,'/media/com_jem/images/blank.png') === false) : ?>
|
||||
<?php if(!empty($item->venueimage)) : ?>
|
||||
<a href="<?php echo $item->venueimageorig; ?>" class="teaser-flyerimage" rel="<?php echo $modal;?>" data-lightbox="teaser-flyerimage-<?php echo $item->eventid ?>" title="<?php echo Text::_('COM_JEM_CLICK_TO_ENLARGE'); ?>" data-title="<?php echo Text::_('COM_JEM_VENUE') .': ' . $item->venue; ?>">
|
||||
<img class="float_right image-preview" style="height:auto" src="<?php echo $item->venueimage; ?>" alt="<?php echo $item->venue; ?>" /></a>
|
||||
<?php endif; ?>
|
||||
<?php endif; ?>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
<div>
|
||||
<?php if($item->showdescriptionevent): ?>
|
||||
<div class="jem-description-teaser" itemprop="description">
|
||||
<?php echo $item->eventdescription;
|
||||
if (isset($item->link) && $item->readmore != 0 && $params->get('readmore')) :
|
||||
echo '<a class="readmore" style="padding-left: 10px;" href="'.$item->link.'">'.$item->linkText.'</a>';
|
||||
endif; ?>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="event-datetime">
|
||||
<?php if ($item->date && $params->get('datemethod', 1) == 2) :?>
|
||||
<div class="date" title="<?php echo strip_tags($item->dateinfo); ?>">
|
||||
<small><?php echo $item->date; ?></small>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
<?php if ($item->time && $params->get('datemethod', 1) == 1) :?>
|
||||
<div class="time" title="<?php echo strip_tags($item->dateinfo); ?>">
|
||||
<small><?php echo $item->time; ?></small>
|
||||
</div>
|
||||
<?php endif;
|
||||
echo $item->dateschema; ?>
|
||||
<div itemprop="location" itemscope itemtype="https://schema.org/Place" style="display:none;">
|
||||
<meta itemprop="name" content="<?php echo $item->venue; ?>" />
|
||||
<div itemprop="address" itemscope itemtype="https://schema.org/PostalAddress" style="display:none;">
|
||||
<meta itemprop="streetAddress" content="<?php echo $item->street; ?>" />
|
||||
<meta itemprop="addressLocality" content="<?php echo $item->city; ?>" />
|
||||
<meta itemprop="addressRegion" content="<?php echo $item->state; ?>" />
|
||||
<meta itemprop="postalCode" content="<?php echo $item->postalCode; ?>" />
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td class="event-vencat">
|
||||
<?php if (!empty($item->venue)) : ?>
|
||||
<div class="venue-title">
|
||||
<?php if ($item->venuelink) : ?>
|
||||
<a href="<?php echo $item->venuelink; ?>" title="<?php echo $item->venue; ?>"><?php echo $item->venue; ?></a>
|
||||
<?php else : ?>
|
||||
<?php echo $item->venue; ?>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
<?php if (!empty($item->catname)) : ?>
|
||||
<div class="category">
|
||||
<?php echo $item->catname; ?>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
<?php endforeach; ?>
|
||||
<?php else : ?>
|
||||
<?php echo Text::_('MOD_JEM_TEASER_NO_EVENTS'); ?>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
</div>
|
||||
12
modules/mod_jem_teaser/tmpl/green.css
Normal file
@ -0,0 +1,12 @@
|
||||
#jemmoduleteaser .calendar-green {
|
||||
background-image: url(img/calendar_green.png);
|
||||
background-size: 100%;
|
||||
}
|
||||
|
||||
#jemmoduleteaser .calendar-green .monthteaser {
|
||||
color: #fff;
|
||||
text-shadow: -1px -1px 0 rgba(0,0,0,0.2),
|
||||
1px -1px 0 rgba(0,0,0,0.2),
|
||||
-1px 1px 0 rgba(0,0,0,0.2),
|
||||
1px 1px 0 rgba(0,0,0,0.2);
|
||||
}
|
||||
BIN
modules/mod_jem_teaser/tmpl/img/building.png
Normal file
|
After Width: | Height: | Size: 556 B |
BIN
modules/mod_jem_teaser/tmpl/img/cal.png
Normal file
|
After Width: | Height: | Size: 971 B |
BIN
modules/mod_jem_teaser/tmpl/img/calendar_alpha.png
Normal file
|
After Width: | Height: | Size: 11 KiB |
BIN
modules/mod_jem_teaser/tmpl/img/calendar_blue.png
Normal file
|
After Width: | Height: | Size: 13 KiB |
BIN
modules/mod_jem_teaser/tmpl/img/calendar_green.png
Normal file
|
After Width: | Height: | Size: 14 KiB |
BIN
modules/mod_jem_teaser/tmpl/img/calendar_orange.png
Normal file
|
After Width: | Height: | Size: 14 KiB |
BIN
modules/mod_jem_teaser/tmpl/img/calendar_red.png
Normal file
|
After Width: | Height: | Size: 14 KiB |
BIN
modules/mod_jem_teaser/tmpl/img/category.png
Normal file
|
After Width: | Height: | Size: 579 B |
BIN
modules/mod_jem_teaser/tmpl/img/date.png
Normal file
|
After Width: | Height: | Size: 626 B |
BIN
modules/mod_jem_teaser/tmpl/img/digg.png
Normal file
|
After Width: | Height: | Size: 447 B |
BIN
modules/mod_jem_teaser/tmpl/img/facebook.png
Normal file
|
After Width: | Height: | Size: 420 B |
BIN
modules/mod_jem_teaser/tmpl/img/flag_red.png
Normal file
|
After Width: | Height: | Size: 665 B |
1
modules/mod_jem_teaser/tmpl/img/index.html
Normal file
@ -0,0 +1 @@
|
||||
<!DOCTYPE html><title></title>
|
||||
BIN
modules/mod_jem_teaser/tmpl/img/time.png
Normal file
|
After Width: | Height: | Size: 793 B |
BIN
modules/mod_jem_teaser/tmpl/img/twitter.png
Normal file
|
After Width: | Height: | Size: 368 B |
BIN
modules/mod_jem_teaser/tmpl/img/venue.png
Normal file
|
After Width: | Height: | Size: 896 B |
1
modules/mod_jem_teaser/tmpl/index.html
Normal file
@ -0,0 +1 @@
|
||||
<!DOCTYPE html><title></title>
|
||||
124
modules/mod_jem_teaser/tmpl/mod_jem_teaser.css
Normal file
@ -0,0 +1,124 @@
|
||||
/*
|
||||
* @package JEM
|
||||
* @subpackage JEM Teaser Module
|
||||
* @copyright (C) 2013-2024 joomlaeventmanager.net
|
||||
* @copyright (C) 2005-2009 Christoph Lukes
|
||||
* @license https://www.gnu.org/licenses/gpl-3.0 GNU/GPL
|
||||
*/
|
||||
|
||||
div#jemmoduleteaser {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
div#jemmoduleteaser [class^="event_id"]:not(:last-of-type) {
|
||||
padding-bottom:0.5em;
|
||||
margin-bottom: 0.5em;
|
||||
border-bottom: 1px silver solid;
|
||||
}
|
||||
|
||||
div#jemmoduleteaser .teaser-jem a,
|
||||
div#jemmoduleteaser .venue-title a {
|
||||
background-color: transparent;
|
||||
/*color:#095197;*/
|
||||
}
|
||||
|
||||
#jemmoduleteaser td.event-calendar {
|
||||
width: 1%; /* keep it as small as possible */
|
||||
}
|
||||
|
||||
#jemmoduleteaser [class|="calendar"] {
|
||||
background-repeat: no-repeat;
|
||||
width: 81px;
|
||||
height: 85px;
|
||||
text-align: center;
|
||||
padding: 5px 1px 0 0;
|
||||
margin: 0 10px 10px 0;
|
||||
line-height: 24px;
|
||||
box-shadow: 3px 4px 4px -3px rgba(0, 0, 0, 0.3), -3px 4px 4px -3px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
#jemmoduleteaser [class|="calendar"] .yearteaser,
|
||||
#jemmoduleteaser [class|="calendar"] .monthteaser {
|
||||
font-size: 13px;
|
||||
height: 24px;
|
||||
}
|
||||
|
||||
#jemmoduleteaser [class|="calendar"] .monthteaser,
|
||||
#jemmoduleteaser [class|="calendar"] .dayteaser,
|
||||
#jemmoduleteaser [class|="calendar"] .daynumteaser {
|
||||
font-weight: bold;
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
display: block;
|
||||
padding: 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#jemmoduleteaser [class|="calendar"] .monthteaser {
|
||||
padding-top: 2px;
|
||||
}
|
||||
|
||||
#jemmoduleteaser [class|="calendar"] .dayteaser {
|
||||
font-size: 12px;
|
||||
min-height: 0.8rem;
|
||||
}
|
||||
|
||||
#jemmoduleteaser [class|="calendar"] .daynumteaser {
|
||||
font-size: 150%;
|
||||
}
|
||||
|
||||
#jemmoduleteaser span.share {
|
||||
margin-left:95px;
|
||||
}
|
||||
|
||||
#jemmoduleteaser [class|="calendar"] .yearteaser {
|
||||
font-size: 6px;
|
||||
height:5px;
|
||||
color: #e1e1e1;
|
||||
}
|
||||
|
||||
div#jemmoduleteaser .eventset {
|
||||
width: 100%;
|
||||
padding: 5px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
div#jemmoduleteaser .event-datetime {vertical-align: top;}
|
||||
|
||||
div#jemmoduleteaser .event-title {
|
||||
font-size: medium;
|
||||
}
|
||||
|
||||
div#jemmoduleteaser .time {
|
||||
padding-top: 2px;
|
||||
}
|
||||
|
||||
div#jemmoduleteaser div.date {
|
||||
padding-top: 2px;
|
||||
}
|
||||
|
||||
div#jemmoduleteaser .category {
|
||||
position: relative;
|
||||
font-size: smaller;
|
||||
padding-top: 4px;
|
||||
}
|
||||
|
||||
div#jemmoduleteaser .venue-title {
|
||||
position: relative;
|
||||
font-size: smaller;
|
||||
padding-top: 4px;
|
||||
}
|
||||
|
||||
div#jemmoduleteaser .event-image-cell {
|
||||
}
|
||||
|
||||
div#jemmoduleteaser .venue-image-cell {
|
||||
}
|
||||
|
||||
div#jemmoduleteaser .image-preview {
|
||||
height: 35px;
|
||||
border: 1px solid #CCCCCC;
|
||||
padding: 3px;
|
||||
background-color: white;
|
||||
margin: 3px;
|
||||
}
|
||||
31
modules/mod_jem_teaser/tmpl/mod_jem_teaser_iconfont.css
Normal file
@ -0,0 +1,31 @@
|
||||
/**
|
||||
* @package JEM
|
||||
* @subpackage JEM Teaser Module
|
||||
* @copyright (C) 2013-2024 joomlaeventmanager.net
|
||||
* @copyright (C) 2005-2009 Christoph Lukes
|
||||
* @license https://www.gnu.org/licenses/gpl-3.0 GNU/GPL
|
||||
*/
|
||||
|
||||
div#jemmoduleteaser .time:before,
|
||||
div#jemmoduleteaser div.date:before,
|
||||
div#jemmoduleteaser .category:before,
|
||||
div#jemmoduleteaser .venue-title:before {
|
||||
font-family:var(--fa-style-family,"Font Awesome 6 Free", "Font Awesome 5 Free");
|
||||
font-weight:var(--fa-style,900);
|
||||
}
|
||||
|
||||
div#jemmoduleteaser .time:before {
|
||||
content:"\f017";
|
||||
}
|
||||
|
||||
div#jemmoduleteaser div.date:before {
|
||||
content:"\f133";
|
||||
}
|
||||
|
||||
div#jemmoduleteaser .category:before {
|
||||
content:"\f02b";
|
||||
}
|
||||
|
||||
div#jemmoduleteaser .venue-title:before {
|
||||
content:"\f041";
|
||||
}
|
||||
26
modules/mod_jem_teaser/tmpl/mod_jem_teaser_iconimg.css
Normal file
@ -0,0 +1,26 @@
|
||||
/**
|
||||
* @package JEM
|
||||
* @subpackage JEM Teaser Module
|
||||
* @copyright (C) 2013-2024 joomlaeventmanager.net
|
||||
* @copyright (C) 2005-2009 Christoph Lukes
|
||||
* @license https://www.gnu.org/licenses/gpl-3.0 GNU/GPL
|
||||
*/
|
||||
|
||||
div#jemmoduleteaser .time {
|
||||
padding-left: 20px;
|
||||
background: url(img/time.png) 0 center no-repeat;
|
||||
}
|
||||
|
||||
div#jemmoduleteaser div.date {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
div#jemmoduleteaser .category {
|
||||
padding-left: 20px;
|
||||
background: url(img/category.png) 0 center no-repeat;
|
||||
}
|
||||
|
||||
div#jemmoduleteaser .venue-title {
|
||||
padding-left: 20px;
|
||||
background: url(img/building.png) 0 center no-repeat;
|
||||
}
|
||||
12
modules/mod_jem_teaser/tmpl/orange.css
Normal file
@ -0,0 +1,12 @@
|
||||
#jemmoduleteaser .calendar-orange {
|
||||
background-image: url(img/calendar_orange.png);
|
||||
background-size: 100%;
|
||||
}
|
||||
|
||||
#jemmoduleteaser .calendar-orange .monthteaser {
|
||||
color: #fff;
|
||||
text-shadow: -1px -1px 0 rgba(0,0,0,0.2),
|
||||
1px -1px 0 rgba(0,0,0,0.2),
|
||||
-1px 1px 0 rgba(0,0,0,0.2),
|
||||
1px 1px 0 rgba(0,0,0,0.2);
|
||||
}
|
||||
12
modules/mod_jem_teaser/tmpl/red.css
Normal file
@ -0,0 +1,12 @@
|
||||
#jemmoduleteaser .calendar-red {
|
||||
background-image: url(img/calendar_red.png);
|
||||
background-size: 100%;
|
||||
}
|
||||
|
||||
#jemmoduleteaser .calendar-red .monthteaser {
|
||||
color: #fff;
|
||||
text-shadow: -1px -1px 0 rgba(0,0,0,0.2),
|
||||
1px -1px 0 rgba(0,0,0,0.2),
|
||||
-1px 1px 0 rgba(0,0,0,0.2),
|
||||
1px 1px 0 rgba(0,0,0,0.2);
|
||||
}
|
||||
248
modules/mod_jem_teaser/tmpl/responsive/default.php
Normal file
@ -0,0 +1,248 @@
|
||||
<?php
|
||||
/**
|
||||
* @package JEM
|
||||
* @subpackage JEM Teaser Module
|
||||
* @copyright (C) 2013-2024 joomlaeventmanager.net
|
||||
* @copyright (C) 2005-2009 Christoph Lukes
|
||||
* @license https://www.gnu.org/licenses/gpl-3.0 GNU/GPL
|
||||
*/
|
||||
|
||||
defined('_JEXEC') or die;
|
||||
|
||||
use Joomla\CMS\Language\Text;
|
||||
use Joomla\CMS\Factory;
|
||||
use Joomla\CMS\Uri\Uri;
|
||||
|
||||
if ($params->get('use_modal', 0)) {
|
||||
echo JemOutput::lightbox();
|
||||
$modal = 'lightbox';
|
||||
} else {
|
||||
$modal = 'notmodal';
|
||||
}
|
||||
|
||||
$imagewidth = 'inherit';
|
||||
if ($jemsettings->imagewidth != 0) {
|
||||
$imagewidth = $jemsettings->imagewidth .'px';
|
||||
}
|
||||
$imagewidthstring = 'jem-imagewidth';
|
||||
if (JemHelper::jemStringContains($params->get('moduleclass_sfx'), $imagewidthstring)) {
|
||||
$pageclass_sfx = $params->get('moduleclass_sfx');
|
||||
$imagewidthpos = strpos($pageclass_sfx, $imagewidthstring);
|
||||
$spacepos = strpos($pageclass_sfx, ' ', $imagewidthpos);
|
||||
if ($spacepos === false) {
|
||||
$spacepos = strlen($pageclass_sfx);
|
||||
}
|
||||
$startpos = $imagewidthpos + strlen($imagewidthstring);
|
||||
$endpos = $spacepos - $startpos;
|
||||
$imagewidth = substr($pageclass_sfx, $startpos, $endpos);
|
||||
}
|
||||
$imageheight = 'auto';
|
||||
$imageheigthstring = 'jem-imageheight';
|
||||
if (JemHelper::jemStringContains($params->get('moduleclass_sfx'), $imageheigthstring)) {
|
||||
$pageclass_sfx = $params->get('moduleclass_sfx');
|
||||
$imageheightpos = strpos($pageclass_sfx, $imageheigthstring);
|
||||
$spacepos = strpos($pageclass_sfx, ' ', $imageheightpos);
|
||||
if ($spacepos === false) {
|
||||
$spacepos = strlen($pageclass_sfx);
|
||||
}
|
||||
$startpos = $imageheightpos + strlen($imageheigthstring);
|
||||
$endpos = $spacepos - $startpos;
|
||||
$imageheight = substr($pageclass_sfx, $startpos, $endpos);
|
||||
}
|
||||
|
||||
$document = Factory::getDocument();
|
||||
$css = '
|
||||
#jemmoduleteaser .jem-eventimg-teaser img {
|
||||
width: 100%;
|
||||
height: ' . $imageheight . ';
|
||||
}
|
||||
|
||||
@media not print {
|
||||
@media only all and (max-width: 47.938rem) {
|
||||
|
||||
#jemmoduleteaser .jem-eventimg-teaser img {
|
||||
width: ' . $imagewidth . ';
|
||||
height: ' . $imageheight . ';
|
||||
}
|
||||
}
|
||||
}';
|
||||
$document->addStyleDeclaration($css);
|
||||
?>
|
||||
|
||||
<div class="jemmoduleteaser<?php echo $params->get('moduleclass_sfx')?>" id="jemmoduleteaser">
|
||||
<div class="eventset">
|
||||
<?php if (count($list)) : ?>
|
||||
<?php
|
||||
$titletag = '<h2 class="event-title" itemprop="name">';
|
||||
$titleendtag = '</h2>';
|
||||
if ($module->showtitle) {
|
||||
$titletag = '<h3 class="event-title" itemprop="name">';
|
||||
$titleendtag = '</h3>';
|
||||
}
|
||||
?>
|
||||
<?php foreach ($list as $item) : ?>
|
||||
<div class="event_id<?php echo $item->eventid; ?>" itemprop="event" itemscope itemtype="https://schema.org/Event">
|
||||
<?php echo $titletag; ?>
|
||||
<?php if ($item->eventlink) : ?>
|
||||
<a href="<?php echo $item->eventlink; ?>" title="<?php echo $item->fulltitle; ?>" itemprop="url"><?php echo $item->title; ?></a>
|
||||
<?php else : ?>
|
||||
<?php echo $item->title; ?>
|
||||
<?php endif; ?>
|
||||
<?php echo $titleendtag; ?>
|
||||
|
||||
<div class="jem-row-teaser jem-teaser-event">
|
||||
<?php if ($item->colorclass === "category" || $item->colorclass === "alpha"): ?>
|
||||
<div class="calendar<?php echo '-' . $item->colorclass; ?> jem-teaser-calendar" title="<?php echo strip_tags($item->dateinfo); ?>">
|
||||
<div class="color-bar" style="background-color:<?php echo !empty($item->color) ? $item->color : 'rgb(128,128,128)'; ?>"></div>
|
||||
<div class="lower-background"></div>
|
||||
<div class="background-image"></div>
|
||||
<?php else : ?>
|
||||
<div class="calendar<?php echo '-' . $item->colorclass; ?> jem-teaser-calendar" title="<?php echo strip_tags($item->dateinfo); ?>"<?php if (!empty($item->color)): ?> style="background-color: <?php echo $item->color; ?>"<?php endif; ?>>
|
||||
<?php endif; ?>
|
||||
|
||||
<div class="monthteaser<?php
|
||||
echo isset($item->color_is_dark)
|
||||
? ($item->color_is_dark === 1
|
||||
? ' monthcolor-light">'
|
||||
: ($item->color_is_dark === 0
|
||||
? ' monthcolor-dark">'
|
||||
: '">'))
|
||||
: '">';
|
||||
echo $item->startdate['month']; ?>
|
||||
</div>
|
||||
<div class="dayteaser">
|
||||
<?php echo empty($item->dayname) ? '<br/>' : $item->dayname; ?>
|
||||
</div>
|
||||
<div class="daynumteaser">
|
||||
<?php echo empty($item->daynum) ? '?' : $item->daynum; ?>
|
||||
</div>
|
||||
</div>
|
||||
<div class="jem-event-details-teaser">
|
||||
<div class="jem-row-teaser jem-teaser-datecat">
|
||||
<?php if ($item->date && $params->get('datemethod', 1) == 2) :?>
|
||||
<div class="date" title="<?php echo Text::_('COM_JEM_TABLE_DATE').': '.strip_tags($item->dateinfo); ?>">
|
||||
<?php echo $item->date; ?>
|
||||
</div>
|
||||
<?php //endif; ?>
|
||||
<?php elseif ($item->date && $params->get('datemethod', 1) == 1) : ?>
|
||||
<div class="time" title="<?php echo Text::_('COM_JEM_TABLE_DATE').': '.strip_tags($item->dateinfo); ?>">
|
||||
<?php echo $item->dateinfo; ?>
|
||||
</div>
|
||||
<?php //endif; ?>
|
||||
<?php /* elseif ($item->time && $params->get('datemethod', 1) == 1) :?>
|
||||
<div class="time" title="<?php echo strip_tags($item->dateinfo); ?>">
|
||||
<i class="fa fa-clock-o" aria-hidden="true"></i>
|
||||
<?php echo $item->time; ?>
|
||||
</div>
|
||||
<?php */endif; ?>
|
||||
<?php if (!empty($item->venue)) : ?>
|
||||
<?php if (!JemHelper::jemStringContains($params->get('moduleclass_sfx'), 'jem-novenue')) : ?>
|
||||
<div class="venue-title" title="<?php echo Text::_('COM_JEM_TABLE_LOCATION').': '.strip_tags($item->venue); ?>">
|
||||
<?php if ($item->venuelink) : ?>
|
||||
<a href="<?php echo $item->venuelink; ?>"><?php echo $item->venue; ?></a>
|
||||
<?php else : ?>
|
||||
<?php echo $item->venue; ?>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
<?php endif; ?>
|
||||
<?php if (!JemHelper::jemStringContains($params->get('moduleclass_sfx'), 'jem-nocats')) : ?>
|
||||
<div class="category" title="<?php echo Text::_('COM_JEM_TABLE_CATEGORY').': '.strip_tags($item->catname); ?>">
|
||||
<?php echo $item->catname; ?>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
</div>
|
||||
<div class="jem-event-image-teaser">
|
||||
<div class="jem-row-image-teaser">
|
||||
<?php if($item->showimageevent): ?>
|
||||
<?php if(strpos($item->eventimage,'/media/com_jem/images/blank.png') === false) : ?>
|
||||
<?php if (!JemHelper::jemStringContains($params->get('moduleclass_sfx'), 'jem-noimageevent')) : ?>
|
||||
<?php if(!empty($item->eventimage)) : ?>
|
||||
<div class="jem-eventimg-teaser">
|
||||
<?php if ($params->get('use_modal')) : ?>
|
||||
<?php if ($item->eventimageorig) {
|
||||
$image = $item->eventimageorig;
|
||||
$document = Factory::getDocument();
|
||||
$document->addStyleSheet(Uri::base() .'media/com_jem/css/lightbox.min.css');
|
||||
$document->addScript(Uri::base() . 'media/com_jem/js/lightbox.min.js');
|
||||
echo '<script>lightbox.option({
|
||||
\'showImageNumberLabel\': false,
|
||||
})
|
||||
</script>';
|
||||
} else {
|
||||
$image = '';
|
||||
} ?>
|
||||
|
||||
<a href="<?php echo $image; ?>" class="teaser-flyerimage" data-lightbox="teaser-flyerimage-<?php echo $item->eventid; ?>" rel="<?php echo $modal;?>" title="<?php echo Text::_('COM_JEM_CLICK_TO_ENLARGE'); ?>" data-title="<?php echo Text::_('COM_JEM_EVENT') .': ' . $item->fulltitle; ?>">
|
||||
<?php endif; ?>
|
||||
<img class="float_right image-preview" src="<?php echo $item->eventimage; ?>" alt="<?php echo $item->title; ?>" itemprop="image" />
|
||||
<?php if ($params->get('use_modal')) : ?>
|
||||
</a>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
<?php endif; ?>
|
||||
<?php endif; ?>
|
||||
<?php endif; ?>
|
||||
|
||||
<?php if($item->showimagevenue): ?>
|
||||
<?php if(strpos($item->venueimage,'/media/com_jem/images/blank.png') === false) : ?>
|
||||
<?php if (!JemHelper::jemStringContains($params->get('moduleclass_sfx'), 'jem-noimagevenue')) : ?>
|
||||
<?php if(!empty($item->venueimage)) : ?>
|
||||
<div class="jem-eventimg-teaser">
|
||||
|
||||
<?php if ($params->get('use_modal')) : ?>
|
||||
<?php if ($item->venueimageorig) {
|
||||
$image = $item->venueimageorig;
|
||||
} ?>
|
||||
<a href="<?php echo $image; ?>" class="teaser-flyerimage" data-lightbox="teaser-flyerimage-<?php echo $item->eventid; ?>" rel="<?php echo $modal;?>" title="<?php echo Text::_('COM_JEM_CLICK_TO_ENLARGE'); ?>" data-title="<?php echo Text::_('COM_JEM_VENUE') .': ' . $item->venue; ?>">
|
||||
<?php endif; ?>
|
||||
<img class="float_right image-preview" src="<?php echo $item->venueimage; ?>" alt="<?php echo $item->venue; ?>" itemprop="image" />
|
||||
<?php if ($params->get('use_modal')) : ?>
|
||||
</a>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
<?php endif; ?>
|
||||
<?php endif; ?>
|
||||
<?php endif; ?>
|
||||
|
||||
<?php if($item->showdescriptionevent): ?>
|
||||
<div class="jem-description-teaser" itemprop="description">
|
||||
<?php
|
||||
echo $item->eventdescription;
|
||||
if (isset($item->link) && $item->readmore != 0 && $params->get('readmore')) : ?>
|
||||
<div class="jem-readmore">
|
||||
<a href="<?php echo $item->eventlink ?>" title="<?php echo Text::_('COM_JEM_EVENT_READ_MORE_TITLE'); ?>">
|
||||
<?php echo Text::_('COM_JEM_EVENT_READ_MORE_TITLE'); ?>
|
||||
</a>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
<?php endif;
|
||||
echo $item->dateschema; ?>
|
||||
<div itemprop="location" itemscope itemtype="https://schema.org/Place" style="display:none;">
|
||||
<meta itemprop="name" content="<?php echo $item->venue; ?>" />
|
||||
<div itemprop="address" itemscope itemtype="https://schema.org/PostalAddress" style="display:none;">
|
||||
<meta itemprop="streetAddress" content="<?php echo $item->street; ?>" />
|
||||
<meta itemprop="addressLocality" content="<?php echo $item->city; ?>" />
|
||||
<meta itemprop="addressRegion" content="<?php echo $item->state; ?>" />
|
||||
<meta itemprop="postalCode" content="<?php echo $item->postalCode; ?>" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php
|
||||
if ($item !== end($list)) :
|
||||
echo '<hr class="jem-hr">';
|
||||
endif;
|
||||
?>
|
||||
<?php endforeach; ?>
|
||||
<?php else : ?>
|
||||
<?php echo Text::_('MOD_JEM_TEASER_NO_EVENTS'); ?>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
</div>
|
||||
184
modules/mod_jem_teaser/tmpl/responsive/mod_jem_teaser.css
Normal file
@ -0,0 +1,184 @@
|
||||
/*
|
||||
* @package JEM
|
||||
* @subpackage JEM Teaser Module
|
||||
* @copyright (C) 2013-2024 joomlaeventmanager.net
|
||||
* @copyright (C) 2005-2009 Christoph Lukes
|
||||
* @license https://www.gnu.org/licenses/gpl-3.0 GNU/GPL
|
||||
*/
|
||||
|
||||
/* Hoftix for SqueezeBox Modal overlay destroying images on mobile phones */
|
||||
#sbox-overlay {
|
||||
width: 100% !important;
|
||||
}
|
||||
#sbox-window {
|
||||
height: auto !important;
|
||||
}
|
||||
#sbox-content {
|
||||
height: auto !important;
|
||||
width: auto !important;
|
||||
max-height: 100%;
|
||||
max-width: 100%;
|
||||
}
|
||||
body.body-overlayed {
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
#jemmoduleteaser .jem-row-teaser {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
|
||||
#jemmoduleteaser .jem-row-image-teaser {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
#jemmoduleteaser .jem-event-details-teaser {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
#jemmoduleteaser .jem-event-image-teaser {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
#jemmoduleteaser .jem-event-details-teaser .jem-row-teaser {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
#jemmoduleteaser .jem-event-details-teaser .jem-row-teaser > div {
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
#jemmoduleteaser .jem-event-details-teaser .jem-row-teaser > div:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
#jemmoduleteaser .jem-eventimg-teaser {
|
||||
float: right;
|
||||
margin-left: 5px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
#jemmoduleteaser .event-title,
|
||||
#jemmoduleteaser .jem-teaser-datecat {
|
||||
hyphens: auto;
|
||||
}
|
||||
|
||||
#jemmoduleteaser [class|="calendar"] {
|
||||
background-repeat: no-repeat;
|
||||
width: 81px;
|
||||
height: 85px;
|
||||
text-align: center;
|
||||
padding: 5px 1px 0 0;
|
||||
margin: 0 10px 10px 0;
|
||||
line-height: 24px;
|
||||
box-shadow: 3px 4px 4px -3px rgba(0, 0, 0, 0.3), -3px 4px 4px -3px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
#jemmoduleteaser [class|="calendar"] .yearteaser,
|
||||
#jemmoduleteaser [class|="calendar"] .monthteaser {
|
||||
font-size: 13px;
|
||||
height: 24px;
|
||||
}
|
||||
|
||||
#jemmoduleteaser [class|="calendar"] .monthteaser,
|
||||
#jemmoduleteaser [class|="calendar"] .dayteaser,
|
||||
#jemmoduleteaser [class|="calendar"] .daynumteaser {
|
||||
font-weight:bold;
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
display: block;
|
||||
padding: 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#jemmoduleteaser [class|="calendar"] .monthteaser {
|
||||
padding-top: 2px;
|
||||
}
|
||||
|
||||
#jemmoduleteaser .time, #jemmoduleteaser .date {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#jemmoduleteaser [class|="calendar"] .dayteaser {
|
||||
font-size: 12px;
|
||||
min-height: 0.8rem;
|
||||
}
|
||||
|
||||
#jemmoduleteaser [class|="calendar"] .daynumteaser {
|
||||
font-size: 150%;
|
||||
}
|
||||
|
||||
@media not print {
|
||||
@media only all and (max-width: 47.938rem) {
|
||||
.jem-teaser-event {
|
||||
display: block !important;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
#jemmoduleteaser [class|="calendar"] {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.jem-eventimg-teaser {
|
||||
display: block;
|
||||
float: none;
|
||||
margin-left: 0;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
#jemmoduleteaser img {
|
||||
display: block;
|
||||
float: none !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media print {
|
||||
#main a:link, #main a:visited {
|
||||
text-decoration: none;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
div#jem {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
div#jem h2 {
|
||||
border: none;
|
||||
}
|
||||
|
||||
div#jem .flyerimage {
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
a[href]:after {
|
||||
content: none !important;
|
||||
}
|
||||
|
||||
div#jem .buttons {
|
||||
display: none;
|
||||
}
|
||||
|
||||
abbr[title]:after {
|
||||
content: none;
|
||||
}
|
||||
|
||||
.ir a:after,
|
||||
a[href^="javascript:"]:after,
|
||||
a[href^="#"]:after {
|
||||
content: none;
|
||||
}
|
||||
|
||||
a:link:after, a:visited:after {
|
||||
content: none;
|
||||
}
|
||||
|
||||
div#jem .flyerimage {
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,9 @@
|
||||
/**
|
||||
* @package JEM
|
||||
* @subpackage JEM Teaser Module
|
||||
* @copyright (C) 2013-2024 joomlaeventmanager.net
|
||||
* @copyright (C) 2005-2009 Christoph Lukes
|
||||
* @license https://www.gnu.org/licenses/gpl-3.0 GNU/GPL
|
||||
*/
|
||||
|
||||
/* This template uses images in any case, so keep this empty file to prevent legacy fallback. */
|
||||
@ -0,0 +1,9 @@
|
||||
/**
|
||||
* @package JEM
|
||||
* @subpackage JEM Teaser Module
|
||||
* @copyright (C) 2013-2024 joomlaeventmanager.net
|
||||
* @copyright (C) 2005-2009 Christoph Lukes
|
||||
* @license https://www.gnu.org/licenses/gpl-3.0 GNU/GPL
|
||||
*/
|
||||
|
||||
/* This template uses images in any case, so keep this empty file to prevent legacy fallback. */
|
||||