251 lines
		
	
	
		
			11 KiB
		
	
	
	
		
			PHP
		
	
	
	
	
	
			
		
		
	
	
			251 lines
		
	
	
		
			11 KiB
		
	
	
	
		
			PHP
		
	
	
	
	
	
| <?php
 | |
| 
 | |
| /**
 | |
|  * @version     CVS: 1.0.0
 | |
|  * @package     com_highlights
 | |
|  * @subpackage  mod_highlights
 | |
|  * @author      Eddy Prosperi <eddy.prosperi@protocollicreativi.it>
 | |
|  * @copyright   2024 Eddy Prosperi
 | |
|  * @license     GNU General Public License versione 2 o successiva; vedi LICENSE.txt
 | |
|  */
 | |
| defined('_JEXEC') or die;
 | |
| 
 | |
| use Pcrt\Module\Highlights\Site\Helper\HighlightsHelper;
 | |
| use Joomla\CMS\Helper\ModuleHelper;
 | |
| use Joomla\CMS\Language\Text;
 | |
| use Joomla\CMS\Factory;
 | |
| 
 | |
| $elements = HighlightsHelper::getList($params);
 | |
| 
 | |
| $tableField = explode(':', $params->get('field'));
 | |
| $table_name = !empty($tableField[0]) ? $tableField[0] : '';
 | |
| $field_name = !empty($tableField[1]) ? $tableField[1] : '';
 | |
| 
 | |
| //Come accedere alle variabili generali:
 | |
| $opacita = $params->get('opacita', []);
 | |
| $sfondo = $params->get('sfondo', []);
 | |
| 
 | |
| defined('_JEXEC') or die;
 | |
| 
 | |
| $wa = Factory::getApplication()->getDocument()->getWebAssetManager();
 | |
| 
 | |
| $wa->useStyle('swiper.css.styles', ['position' => 'before']);
 | |
| $wa->useScript('swiper.js.scripts');
 | |
| 
 | |
| 
 | |
| $wa->addInlineScript('
 | |
| window.addEventListener("DOMContentLoaded", function(){
 | |
| 
 | |
| var swiper = new Swiper(".sliderfull'. $module->id . '", {
 | |
|       slidesPerView: "auto",
 | |
|       spaceBetween: 0,
 | |
|       loop: true,
 | |
|       pagination: {
 | |
|         el: ".swiper-pagination",
 | |
| 		clickable: true,
 | |
|       },
 | |
|       });
 | |
| });
 | |
| 
 | |
| ', [], ['type' => 'text/javascript']);
 | |
| 
 | |
| 
 | |
| ?>
 | |
| 
 | |
| <?php if (!empty($elements)) : ?>
 | |
| 	<div class="<?= $params->get('moduleclass_sfx') ?>">
 | |
| 		<div class="position-relative">
 | |
| 			<div class="swiper sliderfull sliderfull<?= $module->id ?>">
 | |
| 				<div class="swiper-wrapper">
 | |
| 					<?php foreach ($elements as $index => $element) : ?>
 | |
| 						<div class="swiper-slide">
 | |
| 							<?php // Layout 50% testo e 50% foto ?>
 | |
| 							<?php if ($element->classe == 'larghezza50') : ?>
 | |
| 									<div class="swiper-content <?= $element->classe; ?>"
 | |
| 										<?php if ($element->colore_sfondo == '00000') : ?>
 | |
| 										>
 | |
| 										<?php else: ?>
 | |
| 										<?= 'style="background:transparent; color:'.$element->colore_testo,'; position:relative;">';?>
 | |
| 										<div style="z-index:-1; width:100%; height:100%; position:absolute; top:0; left:0; background:<?= $element->colore_sfondo; ?>;"></div>
 | |
| 										<?php endif; ?>	
 | |
| 										<div class="wrap-slide">
 | |
| 											<div class="container-lg px-0">
 | |
| 												<div class="caption-slide" 
 | |
| 													<?php if ($element->colore_sfondo == '00000') : ?>
 | |
| 														style="<?php if ($element->colore_testo != '00000') : ?>color:<?= $element->colore_testo; ?>;<?php endif; ?>">
 | |
| 													<?php else: ?>
 | |
| 														<?php if ($element->colore_testo == '00000') : ?>
 | |
| 															<?= 'style="background:transparent; position:relative;">' ;?>
 | |
| 														<div style="z-index:-1; width:100%; height:100%; position:absolute; top:0; left:0; background:<?= $element->colore_sfondo; ?>;"></div>
 | |
| 														<?php else: ?>
 | |
| 															<?= 'style="background:transparent; color:'.$element->colore_testo,'; position:relative;">';?>
 | |
| 															<div style="z-index:-1; width:100%; height:100%; position:absolute; top:0; left:0; background:<?= $element->colore_sfondo; ?>;"></div>
 | |
| 														<?php endif; ?>
 | |
| 													<?php endif; ?>
 | |
| 													<?php if (!empty($element->immagine_secondaria)) : ?>
 | |
| 														<?php if (!empty($element->link_pdf)) : ?>
 | |
| 															<a href="<?= $element->link_pdf; ?>" title="Apri il pdf" target="_blank">
 | |
| 																<img src="<?= $element->immagine_secondaria; ?>" alt="locandina" class="img-caption" />
 | |
| 															</a>
 | |
| 														<?php else: ?>
 | |
| 															<img src="<?= $element->immagine_secondaria; ?>" alt="locandina" class="img-caption" />
 | |
| 														<?php endif; ?>
 | |
| 													<?php endif; ?>
 | |
| 													<?php if (!empty($element->titolo)) : ?>
 | |
| 														<p class="title-slider">
 | |
| 															<?= $element->titolo; ?>
 | |
| 														</p>
 | |
| 													<?php endif; ?>
 | |
| 													<?php if (!empty($element->sottotitolo)) : ?>
 | |
| 														<p class="text-slider">
 | |
| 															<?= $element->sottotitolo; ?>
 | |
| 														</p>
 | |
| 													<?php endif; ?>
 | |
| 													<?php if (!empty($element->descrizione)) : ?>
 | |
| 														<div class="text-slider">
 | |
| 															<?= $element->descrizione; ?>
 | |
| 														</div>
 | |
| 													<?php endif; ?>
 | |
| 													<?php if (!empty($element->link_pulsante)) : ?>
 | |
| 														<a href="<?= $element->link_pulsante; ?>" 
 | |
| 															class="btn btn-slide" 
 | |
| 															title="<?= $element->testo_pulsante; ?>"
 | |
| 															<?php if (($element->colore_testo_bottone != '00000') || ($element->colore_sfondo_bottone != '00000')) : ?>
 | |
| 																style="<?php echo ($element->colore_testo_bottone != '00000' ? 'color:' . $element->colore_testo_bottone . '; ' : '') . ($element->colore_sfondo_bottone != '00000' ? 'background:' . $element->colore_sfondo_bottone . ';' : ''); ?>"
 | |
| 															<?php endif; ?>
 | |
| 														>
 | |
| 															<?= $element->testo_pulsante; ?>
 | |
| 														</a>
 | |
| 													<?php endif; ?>
 | |
| 												</div>
 | |
| 											</div>
 | |
| 										</div>
 | |
| 										<div class="row m-0 row50slide">
 | |
| 											<div class="col-12 col-lg-6 order-lg-1 order-2"></div>
 | |
| 											<div class="col-12 col-lg-6 order-lg-2 order-1 p-0">
 | |
| 												<?php if (!empty($element->immagine_main)) : ?>
 | |
| 													<div class="image-container" style="background-image: url(<?= $element->immagine_main; ?>)"></div>
 | |
| 												<?php endif; ?>
 | |
| 											</div>
 | |
| 										</div>
 | |
| 									</div>								
 | |
| 								<?php // Layout 100% foto ?>
 | |
| 								<?php elseif ($element->classe == 'larghezza100') : ?>										
 | |
| 									<?php if ($element->colore_sfondo != '00000') : ?>
 | |
| 										<style>
 | |
| 											.swiper-content.larghezza100.custom100slide::after{
 | |
| 												background: <?= $element->colore_sfondo; ?>;
 | |
| 												<?= !empty($element->opacita) ? 'opacity: ' . $element->opacita . ';' : ''; ?>
 | |
| 											}
 | |
| 											@media (max-width: 991px) {
 | |
| 												.swiper-content.larghezza100 .wrap-slide .caption-slide{
 | |
| 													background: <?= $element->colore_sfondo; ?>;
 | |
| 												}
 | |
| 											}
 | |
| 										</style>
 | |
| 									<?php endif; ?>
 | |
| 									<div class="swiper-content <?= $element->classe; ?> <?= $element->colore_sfondo != '00000' ? 'custom100slide' : ''; ?>">
 | |
| 										<?php if (!empty($element->immagine_main)) : ?>
 | |
| 											<div class="image-container" style="background-image: url(<?= $element->immagine_main; ?>)"></div>
 | |
| 										<?php endif; ?>
 | |
| 										<div class="wrap-slide">
 | |
| 											<div class="container-lg px-0">
 | |
| 												<div class="caption-slide" <?= $element->colore_testo != '00000' ? 'style="color: ' . $element->colore_testo . ';"' : ''; ?>>
 | |
| 
 | |
| 													<?php if (!empty($element->immagine_secondaria)) : ?>
 | |
| 														<?php if (!empty($element->link_pdf)) : ?>
 | |
| 														<a href="<?= $element->link_pdf; ?>" title="Apri il pdf" target="_blank">
 | |
| 															<img src="<?= $element->immagine_secondaria; ?>" alt="locandina" class="img-caption" />
 | |
| 														</a>
 | |
| 													<?php else: ?>
 | |
| 														<img src="<?= $element->immagine_secondaria; ?>" alt="locandina" class="img-caption" />
 | |
| 													<?php endif; ?>
 | |
| 													<?php endif; ?>
 | |
| 													<?php if (!empty($element->titolo)) : ?>
 | |
| 														<p class="title-slider">
 | |
| 															<?= $element->titolo; ?>
 | |
| 														</p>
 | |
| 													<?php endif; ?>
 | |
| 													<?php if (!empty($element->sottotitolo)) : ?>
 | |
| 														<p class="text-slider">
 | |
| 															<?= $element->sottotitolo; ?>
 | |
| 														</p>
 | |
| 													<?php endif; ?>
 | |
| 													<?php if (!empty($element->link_pulsante)) : ?>
 | |
| 														<a href="<?= $element->link_pulsante; ?>" 
 | |
| 															class="btn btn-slide" 
 | |
| 															title="<?= $element->testo_pulsante; ?>"
 | |
| 															<?php if (($element->colore_testo_bottone != '00000') || ($element->colore_sfondo_bottone != '00000')) : ?>
 | |
| 																style="<?php echo ($element->colore_testo_bottone != '00000' ? 'color:' . $element->colore_testo_bottone . '; ' : '') . ($element->colore_sfondo_bottone != '00000' ? 'background:' . $element->colore_sfondo_bottone . ';' : ''); ?>"
 | |
| 															<?php endif; ?>
 | |
| 														>
 | |
| 															<?= $element->testo_pulsante; ?>
 | |
| 														</a>
 | |
| 													<?php endif; ?>
 | |
| 												</div>
 | |
| 											</div>
 | |
| 										</div>
 | |
| 									</div>
 | |
| 								<?php else: ?>
 | |
| 								<?php // Layout 100% foto testo boxed ?>
 | |
| 								<div class="swiper-content <?= $element->classe; ?>">
 | |
| 									<div class="image-container" <?= !empty($element->immagine_main) ? 'style="background-image: url(' . $element->immagine_main . ')"' : ''; ?>>
 | |
| 										<div class="wrap-slide">
 | |
| 											<div class="container-lg px-0">
 | |
| 												<div class="caption-slide" 
 | |
| 													<?php if ($element->colore_sfondo == '00000') : ?>
 | |
| 														style="<?php if ($element->colore_testo != '00000') : ?>color:<?= $element->colore_testo; ?>;<?php endif; ?>">
 | |
| 													<?php else: ?>
 | |
| 														<?php if ($element->colore_testo == '00000') : ?>
 | |
| 															<?= 'style="background:transparent; position:relative;">' ;?>
 | |
| 														<div style="z-index:-1; width:100%; height:100%; position:absolute; top:0; left:0; background:<?= $element->colore_sfondo; ?>; <?php if (!empty($element->opacita)) : ?>opacity:<?= $element->opacita; ?>;<?php endif; ?>"></div>
 | |
| 														<?php else: ?>
 | |
| 															<?= 'style="background:transparent; color:'.$element->colore_testo,'; position:relative;">';?>
 | |
| 															<div style="z-index:-1; width:100%; height:100%; position:absolute; top:0; left:0; background:<?= $element->colore_sfondo; ?>; <?php if (!empty($element->opacita)) : ?>opacity:<?= $element->opacita; ?>;<?php endif; ?>"></div>
 | |
| 														<?php endif; ?>
 | |
| 													<?php endif; ?>
 | |
| 													<?php if (!empty($element->immagine_secondaria)) : ?>
 | |
| 														<?php if (!empty($element->link_pdf)) : ?>
 | |
| 														<a href="<?= $element->link_pdf; ?>" title="Apri il pdf" target="_blank">
 | |
| 															<img src="<?= $element->immagine_secondaria; ?>" alt="locandina" class="img-caption" />
 | |
| 														</a>
 | |
| 														<?php else: ?>
 | |
| 															<img src="<?= $element->immagine_secondaria; ?>" alt="locandina" class="img-caption" />
 | |
| 														<?php endif; ?>
 | |
| 													<?php endif; ?>
 | |
| 													<?php if (!empty($element->titolo)) : ?>
 | |
| 														<p class="title-slider">
 | |
| 															<?= $element->titolo; ?>
 | |
| 														</p>
 | |
| 													<?php endif; ?>
 | |
| 													
 | |
| 													<?php if (!empty($element->sottotitolo)) : ?>
 | |
| 														<p class="text-slider">
 | |
| 															<?= $element->sottotitolo; ?>
 | |
| 														</p>
 | |
| 													<?php endif; ?>
 | |
| 													<?php if (!empty($element->link_pulsante)) : ?>
 | |
| 														<a href="<?= $element->link_pulsante; ?>" 
 | |
| 															class="btn btn-slide" 
 | |
| 															title="<?= $element->testo_pulsante; ?>"
 | |
| 															<?php if (($element->colore_testo_bottone != '00000') || ($element->colore_sfondo_bottone != '00000')) : ?>
 | |
| 																style="<?php echo ($element->colore_testo_bottone != '00000' ? 'color:' . $element->colore_testo_bottone . '; ' : '') . ($element->colore_sfondo_bottone != '00000' ? 'background:' . $element->colore_sfondo_bottone . ';' : ''); ?>"
 | |
| 															<?php endif; ?>
 | |
| 														>
 | |
| 															<?= $element->testo_pulsante; ?>
 | |
| 														</a>
 | |
| 													<?php endif; ?>
 | |
| 												</div>
 | |
| 											</div>
 | |
| 										</div>
 | |
| 									</div>
 | |
| 								</div>
 | |
| 							<?php endif; ?>
 | |
| 						</div>
 | |
| 					<?php endforeach; ?>
 | |
| 				</div>
 | |
| 				<div class="swiper-pagination"></div>
 | |
| 			</div>
 | |
| 		</div>
 | |
| 	</div>
 | |
| <?php endif; ?>
 |