Issue #3347459 by kevinfunk, introfini: Allow decimal settings for the number...

Issue #3347459 by kevinfunk, introfini: Allow decimal settings for the number of items  - preview next slide

src/Plugin/Field/FieldFormatter/TinySliderFieldFormatter.php

@@ -113,6 +113,7 @@ class TinySliderFieldFormatter extends EntityReferenceFormatterBase implements C
     // Items.
     $element['items'] = [
       '#type' => 'number',
+      '#step' => '.1',
       '#title' => $this->t('Items'),
       '#default_value' => !empty($this->getSetting('items')) ? $this->getSetting('items') : 3,
       '#description' => $this->t('Maximum amount of items displayed at a time with the widest browser width.'),
@@ -344,6 +345,7 @@ class TinySliderFieldFormatter extends EntityReferenceFormatterBase implements C
     // ItemsMobile.
     $element['itemsMobile'] = [
       '#type' => 'number',
+      '#step' => '.1',
       '#title' => $this->t('Mobile items'),
       '#default_value' => $this->getSetting('itemsMobile'),
       '#description' => $this->t('Maximum amount of items displayed at mobile.'),
@@ -360,6 +362,7 @@ class TinySliderFieldFormatter extends EntityReferenceFormatterBase implements C
     // itemsDesktop.
     $element['itemsDesktop'] = [
       '#type' => 'number',
+      '#step' => '.1',
       '#title' => $this->t('Desktop items'),
       '#default_value' => $this->getSetting('itemsDesktop'),
       '#description' => $this->t('Maximum amount of items displayed at desktop.'),

src/Plugin/views/style/TinySlider.php

@@ -55,6 +55,7 @@ class TinySlider extends StylePluginBase {
     // Items.
     $form['items'] = [
       '#type' => 'number',
+      '#step' => '.1',
       '#title' => $this->t('Items'),
       '#default_value' => $this->options['items'],
       '#description' => $this->t('Maximum amount of items displayed at a time with the widest browser width.'),
@@ -244,6 +245,7 @@ class TinySlider extends StylePluginBase {
     // ItemsMobile.
     $form['itemsMobile'] = [
       '#type' => 'number',
+      '#step' => '.1',
       '#title' => $this->t('Mobile items'),
       '#default_value' => $this->options['itemsMobile'],
       '#description' => $this->t('Maximum amount of items displayed at mobile.'),
@@ -258,6 +260,7 @@ class TinySlider extends StylePluginBase {
     // itemsDesktop.
     $form['itemsDesktop'] = [
       '#type' => 'number',
+      '#step' => '.1',
       '#title' => $this->t('Desktop items'),
       '#default_value' => $this->options['itemsDesktop'],
       '#description' => $this->t('Maximum amount of items displayed at desktop.'),

tiny_slider.module

@@ -130,7 +130,7 @@ function _tiny_slider_default_settings($key = NULL) {
  * Return formatted js array of settings.
  */
 function _tiny_slider_format_settings($settings) {
-  $settings['items'] = (int) $settings['items'];
+  $settings['items'] = (float) $settings['items'];
 
   $settings['gutter'] = (int) $settings['gutter'];
   $settings['nav'] = (bool) $settings['nav'];
@@ -156,13 +156,13 @@ function _tiny_slider_format_settings($settings) {
 
   if ($settings['itemsMobile']) {
     $dimensionMobile = (int) $settings['dimensionMobile'];
-    $itemsMobile['items'] = (int) $settings['itemsMobile'];
+    $itemsMobile['items'] = (float) $settings['itemsMobile'];
     $settings['responsive'][$dimensionMobile] = $itemsMobile;
   }
 
   if ($settings['itemsDesktop']) {
     $dimensionDesktop = (int) $settings['dimensionDesktop'];
-    $itemsDesktop['items'] = (int) $settings['itemsDesktop'];
+    $itemsDesktop['items'] = (float) $settings['itemsDesktop'];
     $settings['responsive'][$dimensionDesktop] = $itemsDesktop;
   }