carousel block finished

Author: lijkbezorger

src/blocks/carousel/Block.php

@@ -12,6 +12,13 @@ class Block extends BaseBlock
     public $sliderWrapperName = 'cms-slider-wrapper';
     public $defaultSliderName = 'cms-slider';
     public $carouselId = 'carousel-slider';
+    public $sliderConfig = '{
+        loop:true,
+        center: true,
+        margin: 0,
+        nav:true,
+        items: 1
+}';
 
     public function getName()
     {
@@ -21,7 +28,7 @@ public function getName()
     public function rules()
     {
         return [
-            [['content','sliderWrapperName', 'defaultSliderName', 'carouselId'],'required'],
+            [['content', 'sliderWrapperName', 'defaultSliderName', 'carouselId', 'sliderConfig'], 'required'],
         ];
     }
 

src/blocks/carousel/Widget.php

@@ -15,20 +15,15 @@ class Widget extends BaseWidget
     public $sliderWrapperName;
     public $defaultSliderName;
     public $carouselId;
+    public $sliderConfig;
 
     public function run()
     {
         OwlCarousel2::register($this->view);
         $this->view->registerJs(<<<JS
             jQuery(function(){
                 var selector = "#"+"$this->carouselId";
-                jQuery(selector).owlCarousel({
-                    loop:true,
-                    center: true,
-                    margin:0,
-                    nav:true,
-                    items: 1
-                });
+                jQuery(selector).owlCarousel($this->sliderConfig);
             });
 JS
         );

src/blocks/carousel/_form.php

@@ -11,7 +11,9 @@
 list(, $footnotesUrl) = Yii::$app->assetManager->publish('@nullref/cms/assets/ckeditor-plugins/codemirror');
 $this->registerJs("CKEDITOR.plugins.addExternal( 'codemirror', '" . $footnotesUrl . "/','plugin.js');", View::POS_END);
 
-echo $form->field($block, 'content')->widget(CKEditor::className(), [
+?>
+
+<?= $form->field($block, 'content')->widget(CKEditor::className(), [
     'id' => 'editor',
     'editorOptions' => [
         'preset' => 'full',
@@ -44,7 +46,21 @@
             'useBeautify' => true,
         ],
     ],
-]);
-echo $form->field($block, 'sliderWrapperName')->textInput();
-echo $form->field($block, 'defaultSliderName')->textInput();
-echo $form->field($block, 'carouselId')->textInput();
+]); ?>
+
+<div class="row">
+    <div class="col-md-6">
+        <?= $form->field($block, 'sliderConfig')->widget(
+            'trntv\aceeditor\AceEditor',
+            [
+                'mode' => 'json', // programing language mode. Default "html"
+                'theme' => 'github' // editor theme. Default "github"
+            ]
+        ); ?>
+    </div>
+    <div class="col-md-6">
+        <?= $form->field($block, 'sliderWrapperName')->textInput(); ?>
+        <?= $form->field($block, 'defaultSliderName')->textInput(); ?>
+        <?= $form->field($block, 'carouselId')->textInput(); ?>
+    </div>
+</div>