140 lines
4.4 KiB
PHP
140 lines
4.4 KiB
PHP
<?php
|
|
// This file is part of Moodle - http://moodle.org/
|
|
//
|
|
// Moodle is free software: you can redistribute it and/or modify
|
|
// it under the terms of the GNU General Public License as published by
|
|
// the Free Software Foundation, either version 3 of the License, or
|
|
// (at your option) any later version.
|
|
//
|
|
// Moodle is distributed in the hope that it will be useful,
|
|
// but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
// GNU General Public License for more details.
|
|
//
|
|
// You should have received a copy of the GNU General Public License
|
|
// along with Moodle. If not, see <http://www.gnu.org/licenses/>.
|
|
|
|
/**
|
|
* Slideshow layout
|
|
* @package theme_qualisaude
|
|
* @copyright 2015 onwards LMSACE Dev Team (http://www.lmsace.com)
|
|
* @author LMSACE Dev Team
|
|
* @license http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
|
|
*/
|
|
defined('MOODLE_INTERNAL') || die();
|
|
|
|
$numberofslides = theme_qualisaude_get_setting('numberofslides');
|
|
|
|
if ($numberofslides) { ?>
|
|
<div class="theme-slider">
|
|
<div id="home-page-carousel" class="carousel slide" data-ride="carousel">
|
|
<!-- Indicators -->
|
|
<ol class="carousel-indicators">
|
|
<?php for ($s = 0; $s < $numberofslides; $s++):
|
|
$clstxt = ($s == "0") ? ' class="active"' : '';
|
|
?>
|
|
<li data-target="#home-page-carousel" data-slide-to="<?php echo $s; ?>" <?php echo $clstxt; ?>></li>
|
|
<?php endfor; ?>
|
|
</ol>
|
|
|
|
<!-- Wrapper for slides -->
|
|
<div class="carousel-inner" role="listbox">
|
|
<?php for ($s1 = 1; $s1 <= $numberofslides; $s1++) :
|
|
$clstxt2 = ($s1 == "1") ? ' active' : '';
|
|
$slidecaption = theme_qualisaude_get_setting('slide' . $s1 . 'caption', true);
|
|
$slidedesc = theme_qualisaude_get_setting('slide' . $s1 . 'desc', 'format_html');
|
|
|
|
$slideimg = theme_qualisaude_render_slideimg($s1, 'slide' . $s1 . 'image');
|
|
?>
|
|
<div class="carousel-item <?php echo $clstxt2; ?>" style="background-image: url(<?php echo $slideimg; ?>);">
|
|
<!-- <img src="<?php echo $slideimg; ?>" alt="slide"> -->
|
|
<div class=" carousel-overlay-content container-fluid">
|
|
<div class="content-wrap">
|
|
<?php if (!empty($slidecaption)) { ?>
|
|
<h2><?php echo $slidecaption; ?></h2><br>
|
|
<?php } ?>
|
|
<?php echo $slidedesc; ?>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<?php endfor; ?>
|
|
</div>
|
|
|
|
<a class="left carousel-control carousel-control-prev" href="#home-page-carousel" data-slide="prev">
|
|
|
|
</a>
|
|
<a class="right carousel-control carousel-control-next" href="#home-page-carousel" data-slide="next">
|
|
|
|
</a>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<style>
|
|
|
|
.carousel-item-next.carousel-item-left,
|
|
.carousel-item-prev.carousel-item-right {
|
|
-webkit-transform: translateX(0);
|
|
transform: translateX(0);
|
|
}
|
|
|
|
@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
|
|
.carousel-item-next.carousel-item-left,
|
|
.carousel-item-prev.carousel-item-right {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
}
|
|
|
|
.carousel-item-next,
|
|
.active.carousel-item-right {
|
|
-webkit-transform: translateX(100%);
|
|
transform: translateX(100%);
|
|
}
|
|
|
|
@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
|
|
.carousel-item-next,
|
|
.active.carousel-item-right {
|
|
-webkit-transform: translate3d(100%, 0, 0);
|
|
transform: translate3d(100%, 0, 0);
|
|
}
|
|
}
|
|
|
|
.carousel-item-prev,
|
|
.active.carousel-item-left {
|
|
-webkit-transform: translateX(-100%);
|
|
transform: translateX(-100%);
|
|
}
|
|
|
|
@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
|
|
.carousel-item-prev,
|
|
.active.carousel-item-left {
|
|
-webkit-transform: translate3d(-100%, 0, 0);
|
|
transform: translate3d(-100%, 0, 0);
|
|
}
|
|
}
|
|
|
|
.carousel-fade .carousel-item {
|
|
opacity: 0;
|
|
transition-duration: .6s;
|
|
transition-property: opacity;
|
|
}
|
|
|
|
|
|
@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
|
|
.carousel-fade .carousel-item-next,
|
|
.carousel-fade .carousel-item-prev,
|
|
.carousel-fade .carousel-item.active,
|
|
.carousel-fade .active.carousel-item-left,
|
|
.carousel-fade .active.carousel-item-prev {
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
}
|
|
|
|
|
|
|
|
</style>
|
|
<!--E.O.Slider-->
|
|
<?php }
|