Browse code

Add some more configurable options (slidesToShow,slidesToScroll,adaptiveHeight)

Benjamin Roth authored on19/06/2017 15:10:51
Showing4 changed files
... ...
@@ -23,7 +23,7 @@ $GLOBALS['TL_DCA']['tl_content']['config']['onsubmit_callback'][] = array('tl_co
23 23
  * Add palettes to tl_content
24 24
  */
25 25
 $GLOBALS['TL_DCA']['tl_content']['palettes']['__selector__'][] = 'eSM_addImage';
26
-$GLOBALS['TL_DCA']['tl_content']['palettes']['slickSliderStart'] = '{type_legend},type;{slickSlider_legend},eSM_slick_autoPlaySpeed,eSM_slick_speed,eSM_slick_initialSlide,eSM_slick_lazyLoad,eSM_slick_infinite,eSM_slick_arrows,eSM_slick_pagination,eSM_slick_pause,eSM_slick_fade;{template_legend:hide},customTpl;{protected_legend:hide},protected;{expert_legend:hide},guests,cssID,space;{invisible_legend:hide},invisible,start,stop';
26
+$GLOBALS['TL_DCA']['tl_content']['palettes']['slickSliderStart'] = '{type_legend},type;{slickSlider_legend},eSM_slick_autoPlaySpeed,eSM_slick_speed,eSM_slick_initialSlide,eSM_slick_lazyLoad,eSM_slick_slidesToShow,eSM_slick_slidesToScroll,eSM_slick_infinite,eSM_slick_arrows,eSM_slick_pagination,eSM_slick_pause,eSM_slick_fade,eSM_slick_adaptiveHeight;{template_legend:hide},customTpl;{protected_legend:hide},protected;{expert_legend:hide},guests,cssID,space;{invisible_legend:hide},invisible,start,stop';
27 27
 $GLOBALS['TL_DCA']['tl_content']['palettes']['slickSliderStop'] = '{type_legend},type;{template_legend:hide},customTpl;{protected_legend:hide},protected;{expert_legend:hide},guests;{invisible_legend:hide},invisible,start,stop';
28 28
 $GLOBALS['TL_DCA']['tl_content']['palettes']['slickSliderSlideStart'] = '{type_legend},type;{slickSlider_legend},eSM_addImage;{protected_legend:hide},protected;{expert_legend:hide},guests,cssID,space;{invisible_legend:hide},invisible,start,stop';
29 29
 $GLOBALS['TL_DCA']['tl_content']['palettes']['slickSliderSlideStop'] = '{type_legend},type;{protected_legend:hide},protected;{expert_legend:hide},guests;{invisible_legend:hide},invisible,start,stop';
... ...
@@ -64,6 +64,24 @@ $GLOBALS['TL_DCA']['tl_content']['fields']['eSM_slick_initialSlide'] = array
64 64
   'sql'                     => "int(10) unsigned NOT NULL default '0'"
65 65
 );
66 66
 
67
+$GLOBALS['TL_DCA']['tl_content']['fields']['eSM_slick_slidesToShow'] = array
68
+(
69
+  'label'                   => &$GLOBALS['TL_LANG']['tl_content']['eSM_slick_slidesToShow'],
70
+  'exclude'                 => true,
71
+  'inputType'               => 'text',
72
+  'eval'                    => array('rgxp'=>'natural','minval'=>1,'tl_class'=>'w50'),
73
+  'sql'                     => "int(10) unsigned NOT NULL default '1'"
74
+);
75
+
76
+$GLOBALS['TL_DCA']['tl_content']['fields']['eSM_slick_slidesToScroll'] = array
77
+(
78
+  'label'                   => &$GLOBALS['TL_LANG']['tl_content']['eSM_slick_slidesToScroll'],
79
+  'exclude'                 => true,
80
+  'inputType'               => 'text',
81
+  'eval'                    => array('rgxp'=>'natural','minval'=>1,'tl_class'=>'w50'),
82
+  'sql'                     => "int(10) unsigned NOT NULL default '1'"
83
+);
84
+
67 85
 $GLOBALS['TL_DCA']['tl_content']['fields']['eSM_slick_infinite'] = array
68 86
 (
69 87
   'label'                   => &$GLOBALS['TL_LANG']['tl_content']['eSM_slick_infinite'],
... ...
@@ -121,6 +139,15 @@ $GLOBALS['TL_DCA']['tl_content']['fields']['eSM_slick_fade'] = array
121 139
   'sql'                     => "char(1) NOT NULL default ''"
122 140
 );
123 141
 
142
+$GLOBALS['TL_DCA']['tl_content']['fields']['eSM_slick_adaptiveHeight'] = array
143
+(
144
+  'label'                   => &$GLOBALS['TL_LANG']['tl_content']['eSM_slick_adaptiveHeight'],
145
+  'exclude'                 => true,
146
+  'inputType'               => 'checkbox',
147
+  'eval'                    => array('tl_class'=>'w50 m12'),
148
+  'sql'                     => "char(1) NOT NULL default ''"
149
+);
150
+
124 151
 $GLOBALS['TL_DCA']['tl_content']['fields']['eSM_slick_text'] = array
125 152
 (
126 153
     'label'                   => &$GLOBALS['TL_LANG']['tl_content']['eSM_slick_text'],
... ...
@@ -41,6 +41,6 @@ class ContentSlickSliderStart extends \ContentElement
41 41
 		}
42 42
 
43 43
 		// Slider configuration
44
-		$this->Template->config = $this->eSM_slick_autoPlaySpeed . ',' . $this->eSM_slick_speed . ',' . $this->eSM_slick_initialSlide . ',' . $this->eSM_slick_lazyLoad . ',' . $this->eSM_slick_infinite . ',' . $this->eSM_slick_arrows . ',' . $this->eSM_slick_pagination . ',' . $this->eSM_slick_pause . ',' . $this->eSM_slick_fade;
44
+		$this->Template->config = $this->eSM_slick_autoPlaySpeed . ',' . $this->eSM_slick_speed . ',' . $this->eSM_slick_initialSlide . ',' . $this->eSM_slick_lazyLoad . ',' . $this->eSM_slick_infinite . ',' . $this->eSM_slick_arrows . ',' . $this->eSM_slick_pagination . ',' . $this->eSM_slick_pause . ',' . $this->eSM_slick_fade . ',' . $this->eSM_slick_slidesToShow . ',' . $this->eSM_slick_slidesToScroll . ',' . $this->eSM_slick_adaptiveHeight;
45 45
 	}
46 46
 }
... ...
@@ -12,26 +12,32 @@
12 12
 /**
13 13
  * Fields
14 14
  */
15
-$GLOBALS['TL_LANG']['tl_content']['eSM_slick_autoPlaySpeed'][0] = "Autoplay-Geschwindigkeit";
16
-$GLOBALS['TL_LANG']['tl_content']['eSM_slick_autoPlaySpeed'][1] = "Der Zeitraum in Millisekunden zwischen den Slides. 0 deaktiviert das Autoplay.";
17
-$GLOBALS['TL_LANG']['tl_content']['eSM_slick_speed'][0]         = "Slide-Geschwindigkeit";
18
-$GLOBALS['TL_LANG']['tl_content']['eSM_slick_speed'][1]         = "Die Übergangsgeschwindigkeit in Millisekunden.";
19
-$GLOBALS['TL_LANG']['tl_content']['eSM_slick_initialSlide'][0]  = "Start-Slide";
20
-$GLOBALS['TL_LANG']['tl_content']['eSM_slick_initialSlide'][1]  = "Das Element, welches als erstes angezeigt werden soll. Nummerierung beginnt mit 0.";
21
-$GLOBALS['TL_LANG']['tl_content']['eSM_slick_infinite'][0]      = "Kontinuierlich";
22
-$GLOBALS['TL_LANG']['tl_content']['eSM_slick_infinite'][1]      = "Der Slider läuft endlos durch und beginnt immer wieder von vorne nach dem letzten Slide.";
23
-$GLOBALS['TL_LANG']['tl_content']['eSM_slick_arrows'][0]        = "Navigation anzeigen";
24
-$GLOBALS['TL_LANG']['tl_content']['eSM_slick_arrows'][1]        = "Ermöglicht das blättern mit einer Vor- und Zurück-Navigation";
25
-$GLOBALS['TL_LANG']['tl_content']['eSM_slick_pagination'][0]    = "Pagination";
26
-$GLOBALS['TL_LANG']['tl_content']['eSM_slick_pagination'][1]    = "Zeigt eine Pagination über die Slides direkt angesprungen werden können.";
27
-$GLOBALS['TL_LANG']['tl_content']['eSM_slick_pause'][0]         = "Pause bei Hover";
28
-$GLOBALS['TL_LANG']['tl_content']['eSM_slick_pause'][1]         = "Pausiert den Slider wenn mit der Maus darübergehovered wird.";
29
-$GLOBALS['TL_LANG']['tl_content']['eSM_slick_lazyLoad'][0]      = "Lazy Loading Methode";
30
-$GLOBALS['TL_LANG']['tl_content']['eSM_slick_lazyLoad'][1]      = "Legt fest nach welchem Prinzip Lazy Loading umgesetzt werden soll.";
31
-$GLOBALS['TL_LANG']['tl_content']['eSM_slick_fade'][0]          = "Überblenden";
32
-$GLOBALS['TL_LANG']['tl_content']['eSM_slick_fade'][1]          = "Die Slides werden beim Wechsel überblendet anstatt geslidet.";
33
-$GLOBALS['TL_LANG']['tl_content']['eSM_slick_text'][0]          = "Text";
34
-$GLOBALS['TL_LANG']['tl_content']['eSM_slick_text'][1]          = "Ein Text der auf dem Hintergrundbild platziert wird.";
15
+$GLOBALS['TL_LANG']['tl_content']['eSM_slick_autoPlaySpeed'][0]  = "Autoplay-Geschwindigkeit";
16
+$GLOBALS['TL_LANG']['tl_content']['eSM_slick_autoPlaySpeed'][1]  = "Der Zeitraum in Millisekunden zwischen den Slides. 0 deaktiviert das Autoplay.";
17
+$GLOBALS['TL_LANG']['tl_content']['eSM_slick_speed'][0]          = "Slide-Geschwindigkeit";
18
+$GLOBALS['TL_LANG']['tl_content']['eSM_slick_speed'][1]          = "Die Übergangsgeschwindigkeit in Millisekunden.";
19
+$GLOBALS['TL_LANG']['tl_content']['eSM_slick_initialSlide'][0]   = "Start-Slide";
20
+$GLOBALS['TL_LANG']['tl_content']['eSM_slick_initialSlide'][1]   = "Das Element, welches als erstes angezeigt werden soll. Nummerierung beginnt mit 0.";
21
+$GLOBALS['TL_LANG']['tl_content']['eSM_slick_slidesToShow'][0]   = "Sichtbare Slides";
22
+$GLOBALS['TL_LANG']['tl_content']['eSM_slick_slidesToShow'][1]   = "Die Anzahl der auf einmal sichtbaren Slides.";
23
+$GLOBALS['TL_LANG']['tl_content']['eSM_slick_slidesToScroll'][0] = "Anzahl zu scrollender Slides";
24
+$GLOBALS['TL_LANG']['tl_content']['eSM_slick_slidesToScroll'][1] = "Die Anzahl an Slides, welche vor oder zurück gescrollt werden sollen.";
25
+$GLOBALS['TL_LANG']['tl_content']['eSM_slick_infinite'][0]       = "Kontinuierlich";
26
+$GLOBALS['TL_LANG']['tl_content']['eSM_slick_infinite'][1]       = "Der Slider läuft endlos durch und beginnt immer wieder von vorne nach dem letzten Slide.";
27
+$GLOBALS['TL_LANG']['tl_content']['eSM_slick_arrows'][0]         = "Navigation anzeigen";
28
+$GLOBALS['TL_LANG']['tl_content']['eSM_slick_arrows'][1]         = "Ermöglicht das blättern mit einer Vor- und Zurück-Navigation";
29
+$GLOBALS['TL_LANG']['tl_content']['eSM_slick_pagination'][0]     = "Pagination";
30
+$GLOBALS['TL_LANG']['tl_content']['eSM_slick_pagination'][1]     = "Zeigt eine Pagination über die Slides direkt angesprungen werden können.";
31
+$GLOBALS['TL_LANG']['tl_content']['eSM_slick_pause'][0]          = "Pause bei Hover";
32
+$GLOBALS['TL_LANG']['tl_content']['eSM_slick_pause'][1]          = "Pausiert den Slider wenn mit der Maus darübergehovered wird.";
33
+$GLOBALS['TL_LANG']['tl_content']['eSM_slick_lazyLoad'][0]       = "Lazy Loading Methode";
34
+$GLOBALS['TL_LANG']['tl_content']['eSM_slick_lazyLoad'][1]       = "Legt fest nach welchem Prinzip Lazy Loading umgesetzt werden soll.";
35
+$GLOBALS['TL_LANG']['tl_content']['eSM_slick_fade'][0]           = "Überblenden";
36
+$GLOBALS['TL_LANG']['tl_content']['eSM_slick_fade'][1]           = "Die Slides werden beim Wechsel überblendet anstatt geslidet.";
37
+$GLOBALS['TL_LANG']['tl_content']['eSM_slick_adaptiveHeight'][0] = "Adaptive Höhe";
38
+$GLOBALS['TL_LANG']['tl_content']['eSM_slick_adaptiveHeight'][1] = "Die Höhe des Sliders passt sich automatisch den sichtbaren Slides an.";
39
+$GLOBALS['TL_LANG']['tl_content']['eSM_slick_text'][0]           = "Text";
40
+$GLOBALS['TL_LANG']['tl_content']['eSM_slick_text'][1]           = "Ein Text der auf dem Hintergrundbild platziert wird.";
35 41
 /**
36 42
  * Legends
37 43
  */
... ...
@@ -25,7 +25,9 @@ $GLOBALS['TL_CSS'][] = '/system/modules/eSM_slick/assets/lib/slick/'.$GLOBALS['T
25 25
                 initialSlide: parseInt(c[2]),
26 26
                 lazyLoad: c[3],
27 27
                 cssEase: 'linear',
28
-                adaptiveHeight: true
28
+                slidesToShow: parseInt(c[9]),
29
+                slidesToScroll: parseInt(c[10]),
30
+                adaptiveHeight: (parseInt(c[11]) == 1 ? true : false)
29 31
             });
30 32
         });
31 33
     })(jQuery);