ZwiiCMS-Team/ZwiiCMS
ZwiiCMS-Team/ZwiiCMS
10
9
Fork 3
Code Releases 153 Activity

13.3.05 Bugs module Sliders

Browse Source
This commit is contained in:
Fred Tempez 2024-08-19 10:11:29 +02:00
parent 1b9c65189d
commit 83b4103788
5 changed files with 202 additions and 226 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
CHANGES.md
View File

@ -4,6 +4,7 @@
** Corrections : ** ** Corrections : **
- Corrige la génération des miniatures au format avif et webp. - Corrige la génération des miniatures au format avif et webp.
- Corrige le filtre FLOAT du helper qui supprimait la virgule flottante. - Corrige le filtre FLOAT du helper qui supprimait la virgule flottante.
- Corrige des bugs dans le module Slider qui passe en version 6.6
** Modifications: ** ** Modifications: **
- Mise à jour du module News 5.9, taille d'un bouton. - Mise à jour du module News 5.9, taille d'un bouton.

4
module/slider/changes.md
View File

@ -1,3 +1,7 @@
# Version 6.6
- Corrige un tri inversé
- Erreur dans la feuille de styme de la vue index
- Bug de calcul de la largeur maximale du slide dans la vue index
# Version 6.5 # Version 6.5
- Contrôle de la variable de session liée au contenu. Evite des erreurs lorsque plusieurs onglets sont ouverts. - Contrôle de la variable de session liée au contenu. Evite des erreurs lorsque plusieurs onglets sont ouverts.
# Version 6.4 # Version 6.4

25
module/slider/slider.php
View File

@ -27,7 +27,7 @@ class slider extends common
'index' => self::GROUP_VISITOR 'index' => self::GROUP_VISITOR
]; ];
const VERSION = '6.4'; const VERSION = '6.6';
const REALNAME = 'Carrousel'; const REALNAME = 'Carrousel';
const DELETE = true; const DELETE = true;
const UPDATE = '0.0'; const UPDATE = '0.0';
@ -76,7 +76,7 @@ class slider extends common
1920 => '1920 pixels', 1920 => '1920 pixels',
0 => 'Largeur de l\'écran' 0 => 'Largeur de l\'écran'
]; ];
public static $selectedMaxwidth = 0; public static $selectedMaxwidth = 640;
// Transition // Transition
public static $speed = [ public static $speed = [
@ -125,8 +125,8 @@ class slider extends common
//Choix du tri //Choix du tri
public static $sort = [ public static $sort = [
'asc' => 'Alphabétique naturel', 'dsc' => 'Alphabétique naturel',
'dsc' => 'Alphabétique naturel inverse', 'asc' => 'Alphabétique naturel inverse',
'rand' => 'Aléatoire', 'rand' => 'Aléatoire',
'none' => 'Par défaut, sans tri', 'none' => 'Par défaut, sans tri',
]; ];
@ -236,22 +236,8 @@ class slider extends common
]; ];
} }
} }
// Tri des images pour affichage de la liste dans la page d'édition
switch ($this->getData(['module', $this->getUrl(0), 'theme', 'sort'])) {
case 'dsc':
ksort(self::$pictures, SORT_NATURAL | SORT_FLAG_CASE);
break;
case 'asc':
krsort(self::$pictures, SORT_NATURAL | SORT_FLAG_CASE);
break;
case 'rand':
case 'none':
default:
break;
}
} }
// Valeurs en sortie // Valeurs en sortie
$this->addOutput([ $this->addOutput([
'title' => 'Configuration du module', 'title' => 'Configuration du module',
@ -353,7 +339,7 @@ class slider extends common
// Sélection largeur de l'écran // Sélection largeur de l'écran
self::$selectedMaxwidth = array_key_exists($this->getData(['module', $this->getUrl(0), 'theme', 'maxWidth']), self::$screenWidth) self::$selectedMaxwidth = array_key_exists($this->getData(['module', $this->getUrl(0), 'theme', 'maxWidth']), self::$screenWidth)
? $this->getData(['module', $this->getUrl(0), 'theme', 'maxWidth']) ? $this->getData(['module', $this->getUrl(0), 'theme', 'maxWidth'])
: 0; : 640;
// Valeurs en sortie // Valeurs en sortie
$this->addOutput([ $this->addOutput([
@ -448,7 +434,6 @@ class slider extends common
private function init() private function init()
{ {
if (is_null($this->getData(['module', $this->getUrl(0), 'theme']))) { if (is_null($this->getData(['module', $this->getUrl(0), 'theme']))) {
$this->setData([ $this->setData([
'module', 'module',
$this->getUrl(0), $this->getUrl(0),

345
module/slider/view/index/index.css
View File

@ -15,222 +15,221 @@
/*! http://responsiveslides.com v1.55 by @arielsalminen */ /*! http://responsiveslides.com v1.55 by @arielsalminen */
.rslides { .rslides {
position: relative; position: relative;
list-style: none; list-style: none;
overflow: hidden; overflow: hidden;
width: 100%; width: 100%;
padding: 0; padding: 0;
margin: 0 auto; margin: 0 auto;
} }
.rslides li { .rslides li {
-webkit-backface-visibility: hidden; -webkit-backface-visibility: hidden;
position: absolute; position: absolute;
display: none; display: none;
width: 100%; width: 100%;
left: 0; left: 0;
top: 0; top: 0;
} }
.rslides li:first-child { .rslides li:first-child {
position: relative; position: relative;
display: block; display: block;
float: left; float: left;
} }
.rslides img { .rslides img {
display: block; display: block;
height: auto; height: auto;
float: left; float: left;
width: 100%; width: 100%;
border: 0; border: 0;
} }
#wrapper { #wrapper {
margin: 0 auto; margin: 0 auto;
width: 100%; width: 100%;
margin-bottom: 50px; margin-bottom: 50px;
} }
h1 { h1 {
font: 600 28px/36px sans-serif; font: 600 28px/36px sans-serif;
margin: 50px 0; margin: 50px 0;
} }
h3 { h3 {
font: 600 18px/24px sans-serif; font: 600 18px/24px sans-serif;
color: #999; color: #999;
margin: 0 0 20px; margin: 0 0 20px;
} }
a { a {
color: #222; color: #222;
} }
.rslides { .rslides {
margin: 0 auto; margin: 0 auto;
} }
.rslides_container { .rslides_container {
margin-bottom: 50px; margin-bottom: 50px;
position: relative; position: relative;
float: left; float: left;
width: 100%; width: 100%;
} }
.centered-btns_nav { .centered-btns_nav {
z-index: 3; z-index: 3;
position: absolute; position: absolute;
-webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
top: 50%; top: 50%;
left: 0; left: 0;
opacity: 0.7; opacity: 0.7;
text-indent: -9999px; text-indent: -9999px;
overflow: hidden; overflow: hidden;
text-decoration: none; text-decoration: none;
height: 61px; height: 61px;
width: 38px; width: 38px;
background: transparent url("module/slider/view/index/black.gif") no-repeat left top; background: transparent url("module/slider/view/index/black.gif") no-repeat left top;
margin-top: -45px; margin-top: -45px;
} }
.centered-btns_nav:active { .centered-btns_nav:active {
opacity: 1.0; opacity: 1.0;
} }
.centered-btns_nav.next { .centered-btns_nav.next {
left: auto; left: auto;
background-position: right top; background-position: right top;
right: 0; right: 0;
} }
.transparent-btns_nav { .transparent-btns_nav {
z-index: 3; z-index: 3;
position: absolute; position: absolute;
-webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
top: 0; top: 0;
left: 0; left: 0;
display: block; display: block;
background: #fff; /* Fix for IE6-9 */ background: #fff;
opacity: 0; /* Fix for IE6-9 */
filter: alpha(opacity=1); opacity: 0;
width: 48%; filter: alpha(opacity=1);
text-indent: -9999px; width: 48%;
overflow: hidden; text-indent: -9999px;
height: 91%; overflow: hidden;
} height: 91%;
}
.transparent-btns_nav.next { .transparent-btns_nav.next {
left: auto; left: auto;
right: 0; right: 0;
} }
.large-btns_nav { .large-btns_nav {
z-index: 3; z-index: 3;
position: absolute; position: absolute;
-webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
opacity: 0.6; opacity: 0.6;
text-indent: -9999px; text-indent: -9999px;
overflow: hidden; overflow: hidden;
top: 0; top: 0;
bottom: 0; bottom: 0;
left: 0; left: 0;
background: #000 url("module/slider/view/index/black.gif") no-repeat left 50%; background: #000 url("module/slider/view/index/black.gif") no-repeat left 50%;
width: 38px; width: 38px;
} }
.large-btns_nav:active { .large-btns_nav:active {
opacity: 1.0; opacity: 1.0;
} }
.large-btns_nav.next { .large-btns_nav.next {
left: auto; left: auto;
background-position: right 50%; background-position: right 50%;
right: 0; right: 0;
} }
/** /**
Boutons blancs Boutons blancs
*/ */
.white-btns_nav { .white-btns_nav {
z-index: 3; z-index: 3;
position: absolute; position: absolute;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
opacity: 0.6; opacity: 0.6;
text-indent: -9999px; text-indent: -9999px;
overflow: hidden; overflow: hidden;
top: 0; top: 0;
bottom: 0; bottom: 0;
left: 0; left: 0;
background: transparent url("module/slider/view/index/white.gif") no-repeat left 50%; background: transparent url("module/slider/view/index/white.gif") no-repeat left 50%;
width: 38px; width: 38px;
} }
.white-btns_nav:active { .white-btns_nav:active {
opacity: 1.0; opacity: 1.0;
} }
.white-btns_nav.next { .white-btns_nav.next {
left: auto; left: auto;
background-position: right 50%; background-position: right 50%;
right: 0; right: 0;
} }
/** /**
Boutons blancs Boutons blancs
*/ */
.centered-btns_nav:focus, .centered-btns_nav:focus,
.transparent-btns_nav:focus, .transparent-btns_nav:focus,
.large-btns_nav:focus, .large-btns_nav:focus,
.white-btns_nav:focus { .white-btns_nav:focus {
outline: none; outline: none;
} }
.centered-btns_tabs, .centered-btns_tabs,
.transparent-btns_tabs, .transparent-btns_tabs,
.large-btns_tabs, .large-btns_tabs,
.white-btns_tabs { .white-btns_tabs {
margin-top: 10px; margin-top: 10px;
text-align: center; text-align: center;
} }
.centered-btns_tabs li, .centered-btns_tabs li,
.transparent-btns_tabs li, .transparent-btns_tabs li,
.large-btns_tabs li, .large-btns_tabs li,
.white-btns_tabs li { .white-btns_tabs li {
display: inline; display: inline;
float: none; float: none;
_float: left; float: left;
*float: left; margin-right: 5px;
margin-right: 5px; }
}
.centered-btns_tabs a, .centered-btns_tabs a,
.transparent-btns_tabs a, .transparent-btns_tabs a,
.large-btns_tabs a, .large-btns_tabs a,
.white-btns_tabs a { .white-btns_tabs a {
text-indent: -9999px; text-indent: -9999px;
overflow: hidden; overflow: hidden;
-webkit-border-radius: 15px; -webkit-border-radius: 15px;
-moz-border-radius: 15px; -moz-border-radius: 15px;
border-radius: 15px; border-radius: 15px;
background: #ccc; background: #ccc;
background: rgba(0, 0, 0, .2); background: rgba(0, 0, 0, .2);
display: inline-block; display: inline-block;
_display: block; display: block;
*display: block;
-webkit-box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, .3); -webkit-box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, .3);
-moz-box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, .3); -moz-box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, .3);
box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, .3); box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, .3);
width: 9px; width: 9px;
height: 9px; height: 9px;
} }
.centered-btns_here a, .centered-btns_here a,
.transparent-btns_here a, .transparent-btns_here a,
.large-btns_here a, .large-btns_here a,
.white-btns_here a { .white-btns_here a {
background: #222; background: #222;
background: rgba(0,0,0, .8); background: rgba(0, 0, 0, .8);
} }

13
module/slider/view/index/index.js.php
View File

@ -39,19 +39,6 @@ $(document).ready(function () {
var screenwidth = "<?php echo intval(trim($this->getData(['theme', 'site', 'width']), 'px')); ?>"; var screenwidth = "<?php echo intval(trim($this->getData(['theme', 'site', 'width']), 'px')); ?>";
var sort = "<?php echo $this->getData(['module', $this->getUrl(0),'theme', 'sort']); ?>"; var sort = "<?php echo $this->getData(['module', $this->getUrl(0),'theme', 'sort']); ?>";
// Réduction de la taille maximale selon la largeur de la section // Réduction de la taille maximale selon la largeur de la section
// Limiter à la largeur de l'écran
if (
screenwidth !== '100%' &&
maxwidth > screenwidth
) {
mawwidth = screenwidth - 40;
}
// Largeur 100%
maxwidth = $("#site").width();
console.log(maxwidth);
$("#wrapper").css('width', "100%"); $("#wrapper").css('width', "100%");
$(function () { $(function () {
$("#sliders").responsiveSlides({ $("#sliders").responsiveSlides({