Merge branch '3360826-add-mode-option' into '1.1.x'

feat: (Issue #3360826) Mode option - Carousel or Gallery

See merge request !16

src/Plugin/Field/FieldFormatter/TinySliderFieldFormatter.php

@@ -140,6 +140,18 @@ class TinySliderFieldFormatter extends EntityReferenceFormatterBase implements C
       '#description' => $this->t('Gutter from items.'),
     ];
 
+    // mode.
+    $element['mode'] = [
+      '#type' => 'select',
+      '#title' => $this->t('Mode'),
+      '#options' => [
+        'carousel' => $this->t('Carousel'),
+        'gallery' => $this->t('Gallery'),
+      ],
+      '#default_value' => $this->getSetting('mode'),
+      '#description' => $this->t('With carousel everything slides to the side, while gallery uses fade animations and changes all slides at once.'),
+    ];
+
     // Navigation.
     $element['nav'] = [
       '#type' => 'checkbox',
@@ -418,6 +430,7 @@ class TinySliderFieldFormatter extends EntityReferenceFormatterBase implements C
     $summary = [];
 
     $itemsdisplay = $this->getSetting('items') ? $this->getSetting('items') : 3;
+    $mode = $this->getSetting('mode') ? $this->getSetting('mode') : 'carousel';
     $nav = $this->getSetting('nav') ? 'TRUE' : 'FALSE';
     $navposition = $this->getSetting('navPosition') ? $this->getSetting('navPosition') : 'top';
     $navasthumbnails = $this->getSetting('navAsThumbnails') ? 'TRUE' : 'FALSE';
@@ -443,6 +456,7 @@ class TinySliderFieldFormatter extends EntityReferenceFormatterBase implements C
     $summary[] = $this->t('Link image to: ') . $this->getSetting('image_link') ?? $this->t('Nothing');
     $summary[] = $this->t('Amount of items displayed: ') . $itemsdisplay;
     $summary[] = $this->t('Gutter from items: ') . $this->getSetting('gutter') . 'px';
+    $summary[] = $this->t('Mode: ') . $mode;
     $summary[] = $this->t('Display nav: ') . $nav;
     $summary[] = $this->t('Nav position: ') . $navposition;
     $summary[] = $this->t('Nav as thumbnails: ') . $navasthumbnails;

src/Plugin/views/style/TinySlider.php

@@ -67,6 +67,17 @@ class TinySlider extends StylePluginBase {
       '#default_value' => $this->options['gutter'],
       '#description' => $this->t('Gutter from items.'),
     ];
+    // Mode.
+    $form['mode'] = [
+      '#type' => 'select',
+      '#title' => $this->t('Mode'),
+      '#options' => [
+        'carousel' => $this->t('Carousel'),
+        'gallery' => $this->t('Gallery'),
+      ],
+      '#default_value' => $this->options['mode'],
+      '#description' => $this->t('With carousel everything slides to the side, while gallery uses fade animations and changes all slides at once.'),
+    ];
     // Navigation.
     $form['nav'] = [
       '#type' => 'checkbox',

src/TinySliderGlobal.php

@@ -17,6 +17,7 @@ class TinySliderGlobal {
       'items' => 1,
       'slideBy' => 'page',
       'gutter' => '0',
+      'mode' => 'carousel',
       'nav' => TRUE,
       'navPosition' => 'top',
       'navAsThumbnails' => FALSE,
@@ -50,8 +51,8 @@ class TinySliderGlobal {
   public static function formatSettings($settings) {
     $settings['items'] = (int) $settings['items'];
     $settings['slideBy'] = (string) $settings['slideBy'];
-
     $settings['gutter'] = (int) $settings['gutter'];
+    $settings['mode'] = (string) $settings['mode'];
     $settings['nav'] = (bool) $settings['nav'];
     $settings['navPosition'] = (string) $settings['navPosition'];
     $settings['navAsThumbnails'] = (bool) $settings['navAsThumbnails'];