IMPR: Multi-slider

_config/config.yml

@@ -62,3 +62,7 @@ Dynamic\Elements\Image\Elements\ElementImage:
 
 DNADesign\ElementalVirtual\Model\ElementVirtual:
   controller_template: VirtualElementHolder
+
+Dynamic\FlexSlider\Model\SlideImage:
+  extensions:
+    - A2nt\ElementalBasics\Extensions\SlideImageEx

src/Elements/SliderElement.php

@@ -8,9 +8,11 @@
 
 namespace A2nt\ElementalBasics\Elements;
 
+use Colymba\BulkUpload\BulkUploader;
 use Dynamic\Elements\Flexslider\Elements\ElementSlideshow;
 use Dynamic\FlexSlider\Model\SlideImage;
 use Dynamic\FlexSlider\ORM\FlexSlider;
+use SilverStripe\Assets\Image;
 use SilverStripe\Core\Injector\Injector;
 use SilverStripe\Forms\CheckboxField;
 use SilverStripe\Forms\LiteralField;
@@ -33,6 +35,7 @@ class SliderElement extends ElementSlideshow
 
     private static $db = [
         'Interval' => 'Int',
+        'SlidesInRow' => 'Int',
     ];
 
     private static $extensions = [
@@ -79,13 +82,20 @@ class SliderElement extends ElementSlideshow
         ]);
 
         $fields->addFieldsToTab('Root.Settings', [
-            NumericField::create('Interval', 'Auto-play Interval'),
+            NumericField::create('Interval', 'Auto-play Interval (sec)'),
+            NumericField::create('SlidesInRow'),
         ]);
 
         $grid = $fields->dataFieldByName('Slides');
         if ($grid) {
             $config = $grid->getConfig();
 
+            /*$bulk = new BulkUploader('Image', Image::class, true);
+            $bulk
+                ->setUfSetup('setFolderName', 'Uploads/SlideImages');
+            $config->addComponent($bulk);*/
+
+
             $columns = new GridFieldEditableColumns();
             $columns->setDisplayFields([
                     'Hide'  => [

src/Extensions/SlideImageEx.php

@@ -0,0 +1,32 @@
+<?php
+/**
+ * Created by PhpStorm.
+ * User: tony
+ * Date: 6/23/18
+ * Time: 1:23 PM
+ */
+
+namespace A2nt\ElementalBasics\Extensions;
+
+use DNADesign\Elemental\Models\BaseElement;
+use SilverStripe\CMS\Model\SiteTree;
+use SilverStripe\Forms\TreeDropdownField;
+use SilverStripe\ORM\DataExtension;
+use SilverStripe\Forms\FieldList;
+use SilverStripe\Forms\LiteralField;
+use SilverStripe\ORM\ValidationResult;
+
+class SlideImageEx extends DataExtension
+{
+    /*public function onBulkUpload()
+    {
+        die('saadsadssdsda2222');
+    }
+
+    public function validate(ValidationResult $validationResult)
+    {
+        if (!$this->owner->Name) {
+            $this->owner->Name = rand();
+        }
+    }*/
+}

templates/A2nt/ElementalBasics/Elements/SliderElement.ss

@@ -9,7 +9,20 @@
 
 <% if $SlideShow %>
 <div class="element__content">
-    <div id="Carousel{$ID}" class="element__carousel carousel slide js-carousel"<% if $SlideShow.count > 1 %><% if $Interval %> data-bs-interval="$Interval"<% end_if %> data-bs-indicators="true" data-bs-arrows="true"<% end_if %>>
+    <div
+        id="Carousel{$ID}"
+        class="element__carousel carousel slide js-carousel
+        <% if $SlidesInRow > 1 %>
+            carousel-multislide
+        <% end_if %>"
+        <% if $SlidesInRow > 1 %>
+            data-length="{$SlidesInRow}"
+        <% end_if %>
+        <% if $SlideShow.count > 1 %>
+            <% if $Interval %> data-bs-interval="$Interval"<% end_if %>
+            data-bs-indicators="true" data-bs-arrows="true"
+        <% end_if %>
+    >
         <div class="carousel-inner">
             <% loop $SlideShow %>
                 <div class="carousel-item carousel-item-{$SlideType}<% if no $Controls %> carousel-item-nocontrols<% end_if %><% if $First %> active<% end_if %>">