fix stile fino a comunicazioni
This commit is contained in:
@ -11,11 +11,12 @@
|
||||
defined('_JEXEC') or die;
|
||||
|
||||
use Pcrt\Module\Highlights\Site\Helper\HighlightsHelper;
|
||||
use Joomla\CMS\Language\Text;
|
||||
use Joomla\CMS\Uri\Uri;
|
||||
|
||||
$elements = HighlightsHelper::getList($params);
|
||||
|
||||
|
||||
|
||||
$baseImagePath = Uri::root(false) . "media/templates/site/joomla-italia-theme/images/";
|
||||
//Come accedere alle variabili generali:
|
||||
$opacita = $params->get('opacita', []);
|
||||
$sfondo = $params->get('sfondo', []);
|
||||
@ -25,34 +26,74 @@ $sfondo = $params->get('sfondo', []);
|
||||
<?php if (!empty($elements)) : ?>
|
||||
<div class="container-jit bg-rosso didattica">
|
||||
<div class="container">
|
||||
<div class="row m-0">
|
||||
<!-- Macro a sinistra -->
|
||||
<div class="col-lg-4 col-12 macro ps-3 pe-0">
|
||||
<div class="nav nav-tabs nav-tabs-vertical nav-tabs-vertical-background" id="nav-vertical-tab-bg" role="tablist" aria-orientation="vertical">
|
||||
<?php foreach ($elements as $index => $element) : ?>
|
||||
<a title="<?php echo $element->titolo; ?>" class="nav-link <?php echo $index === 0 ? 'active' : ''; ?>" id="nav-vertical-tab-<?php echo $index; ?>-tab" data-bs-toggle="tab" href="#nav-vertical-tab-<?php echo $index; ?>" role="tab" aria-controls="nav-vertical-tab-<?php echo $index; ?>" aria-selected="<?php echo $index === 0 ? 'true' : 'false'; ?>">
|
||||
<?php echo $element->titolo; ?>
|
||||
</a>
|
||||
<?php endforeach; ?>
|
||||
<div class="d-none d-lg-block">
|
||||
<div class="row m-0">
|
||||
<div class="col-lg-4 col-12 macro ps-0 ps-lg-5 pe-0">
|
||||
<div class="nav nav-tabs nav-tabs-vertical nav-tabs-vertical-background my-5 py-5" id="nav-vertical-tab-bg" role="tablist" aria-orientation="vertical">
|
||||
<?php foreach ($elements as $index => $element) : ?>
|
||||
<a title="<?= $element->titolo; ?>" class="nav-link <?= $index === 0 ? 'active' : ''; ?>" id="nav-vertical-tab-<?= $index; ?>-tab" data-bs-toggle="tab" href="#nav-vertical-tab-<?= $index; ?>" role="tab" aria-controls="nav-vertical-tab-<?= $index; ?>" aria-selected="<?= $index === 0 ? 'true' : 'false'; ?>">
|
||||
<?= $element->titolo; ?>
|
||||
</a>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Contenuto a destra -->
|
||||
<div class="col-lg-8 col-12 py-4">
|
||||
<div class="tab-content" id="nav-vertical-tab-bgContent">
|
||||
<?php foreach ($elements as $index => $element) : ?>
|
||||
<div class="tab-pane p-3 fade <?php echo $index === 0 ? 'active show' : ''; ?>" id="nav-vertical-tab-<?php echo $index; ?>" role="tabpanel" aria-labelledby="nav-vertical-tab-<?php echo $index; ?>-tab">
|
||||
<div><?php echo $element->titolo; ?></div>
|
||||
<div><?php echo $element->sottotitolo; ?></div>
|
||||
<div><?php echo $element->descrizione; ?></div>
|
||||
<div class="col-lg-8 col-12 py-4 rossofasce">
|
||||
<div class="tab-content my-5 py-1" id="nav-vertical-tab-bgContent">
|
||||
<?php foreach ($elements as $index => $element) : ?>
|
||||
<div class="tab-pane p-3 fade <?= $index === 0 ? 'active show' : ''; ?>" id="nav-vertical-tab-<?= $index; ?>" role="tabpanel" aria-labelledby="nav-vertical-tab-<?= $index; ?>-tab">
|
||||
<?php if (!empty($element->titolo)) : ?>
|
||||
<p class="h2"><?= $element->titolo; ?></p>
|
||||
<?php endif; ?>
|
||||
<?php if (!empty($element->sottotitolo)) : ?>
|
||||
<p class="h5"><?= $element->sottotitolo; ?></p>
|
||||
<?php endif; ?>
|
||||
<?php if (!empty($element->descrizione)) : ?>
|
||||
<?= $element->descrizione; ?>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
<?php if (!empty($params['url_bottone'])): ?>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12 offset-lg-6 col-lg-4">
|
||||
<a href="<?= $params['url_bottone'];?>" title="<?= Text::_('OFFERTADIDATTICA'); ?>" class="text-uppercase btn-sm btn btn-outline-white">
|
||||
<?= Text::_('OFFERTADIDATTICA'); ?>
|
||||
<svg class="icon icon-sm d-inline-block">
|
||||
<use xlink:href="<?= $baseImagePath ?>sprites.svg#it-arrow-right"></use>
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php endforeach; ?>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
<?php if (!empty($params['url_bottone'])): ?>
|
||||
<a href="<?= $params['url_bottone'];?>" title="Tutta l'offerta didattica">Tutta l'offerta didattica</a>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
</div>
|
||||
<div class="accordion d-lg-none py-5" id="didatticaaccordion">
|
||||
<?php foreach ($elements as $index => $element) : ?>
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="heading<?= $index; ?>">
|
||||
<button class="px-0 h3 accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapse<?= $index; ?>" aria-expanded="<?= $index === 0 ? 'true' : 'false'; ?>" aria-controls="collapse<?= $index; ?>">
|
||||
<?= $element->titolo; ?>
|
||||
<svg class="icon icon-sm d-inline-block">
|
||||
<use xlink:href="<?= $baseImagePath ?>sprites.svg#it-collapse"></use>
|
||||
</svg>
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapse<?= $index; ?>" class="accordion-collapse collapse <?= $index === 0 ? 'show' : ''; ?>" data-bs-parent="#didatticaaccordion" role="region" aria-labelledby="heading<?= $index; ?>">
|
||||
<div class="accordion-body px-0">
|
||||
<?php if (!empty($element->sottotitolo)) : ?>
|
||||
<p class="h5"><?= $element->sottotitolo; ?></p>
|
||||
<?php endif; ?>
|
||||
<?php if (!empty($element->descrizione)) : ?>
|
||||
<?= $element->descrizione; ?>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<?php endif; ?>
|
||||
Reference in New Issue
Block a user