added image and carousel(90%) blocks

Author: lijkbezorger

composer.json

@@ -13,7 +13,8 @@
         "mihaildev/yii2-elfinder": "*",
         "nullref/yii2-useful": "dev-master",
         "nullref/yii2-core": "dev-master",
-        "nullref/yii2-admin": "dev-master"
+        "nullref/yii2-admin": "dev-master",
+        "bower-asset/owl.carousel": "2.*"
     },
     "autoload": {
         "psr-4": {

src/blocks/carousel/Block.php

@@ -0,0 +1,28 @@
+<?php
+
+namespace nullref\cms\blocks\carousel;
+
+use nullref\cms\components\Block as BaseBlock;
+/**
+ * Class Block
+ */
+class Block extends BaseBlock
+{
+    public $content;
+    public $tag = 'div';
+    public $tagClass = 'container';
+    public $carouselName = 'cms-slider carousel-slider';
+
+    public function getName()
+    {
+        return 'Carousel Block';
+    }
+
+    public function rules()
+    {
+        return [
+            [['content','tag','tagClass', 'carouselName'],'required'],
+        ];
+    }
+
+}

src/blocks/carousel/Widget.php

@@ -0,0 +1,40 @@
+<?php
+/**
+ *
+ */
+
+namespace nullref\cms\blocks\carousel;
+
+use nullref\cms\blocks\text\Widget as BaseWidget;
+use yii\helpers\Html;
+use sersid\owlcarousel\Asset;
+
+
+class Widget extends BaseWidget
+{
+    public $carouselName;
+    public function run()
+    {
+        Asset::register($this->view);
+        $this->view->registerJs(<<<JS
+            jQuery(function(){
+                var selector = "."+"$this->carouselName";
+                jQuery(selector).owlCarousel({
+                    loop:true,
+                    center: true,
+                    margin:0,
+                    nav:true,
+                    items: 1
+                });
+            });
+JS
+       );
+
+        return
+            Html::beginTag($this->tag, ['class' => $this->tagClass]) .
+                Html::beginTag('div', ['class' => $this->carouselName]) .
+                    $this->content.
+                Html::endTag('div') .
+            Html::endTag($this->tag);
+    }
+}

src/blocks/carousel/_form.php

@@ -0,0 +1,50 @@
+<?php
+
+use mihaildev\ckeditor\CKEditor;
+use \yii\web\View;
+
+/**
+ * @var $form \yii\widgets\ActiveForm
+ * @var $block \nullref\cms\blocks\html\Block
+ * @var $this \yii\web\View
+ */
+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(), [
+    'id' => 'editor',
+    'editorOptions' => [
+        'preset' => 'full',
+        'inline' => false,
+        'extraPlugins' => 'codemirror',
+        'codemirror' => [
+            'autoCloseBrackets' => true,
+            'autoCloseTags' => true,
+            'autoFormatOnStart' => true,
+            'autoFormatOnUncomment' => true,
+            'continueComments' => true,
+            'enableCodeFolding' => true,
+            'enableCodeFormatting' => true,
+            'enableSearchTools' => true,
+            'highlightMatches' => true,
+            'indentWithTabs' => false,
+            'lineNumbers' => true,
+            'lineWrapping' => true,
+            'mode' => 'htmlmixed',
+            'matchBrackets' => true,
+            'matchTags' => true,
+            'showAutoCompleteButton' => true,
+            'showCommentButton' => true,
+            'showFormatButton' => true,
+            'showSearchButton' => true,
+            'showTrailingSpace' => true,
+            'showUncommentButton' => true,
+            'styleActiveLine' => true,
+            'theme' => 'default',
+            'useBeautify' => true,
+        ],
+    ],
+]);
+echo $form->field($block, 'tag')->textInput();
+echo $form->field($block, 'tagClass')->textInput();
+echo $form->field($block, 'carouselName')->textInput();

src/blocks/image/Block.php

@@ -0,0 +1,27 @@
+<?php
+
+namespace nullref\cms\blocks\image;
+
+use nullref\cms\components\Block as BaseBlock;
+/**
+ * Class Block
+ */
+class Block extends BaseBlock
+{
+    public $image;
+    public $alt = '';
+    public $width = 100;
+    public $height = 100;
+
+    public function getName()
+    {
+        return 'Image Block';
+    }
+
+    public function rules()
+    {
+        return [
+            [['image','alt', 'width','height'],'required'],
+        ];
+    }
+}

src/blocks/image/Widget.php

@@ -0,0 +1,30 @@
+<?php
+/**
+ *
+ */
+
+namespace nullref\cms\blocks\image;
+
+use nullref\cms\components\Widget as BaseWidget;
+use yii\helpers\Html;
+
+
+class Widget extends BaseWidget
+{
+    public $image;
+    public $alt = '';
+    public $width = 100;
+    public $height = 100;
+
+    public function run()
+    {
+        return
+            Html::beginTag('img', [
+                'src' => $this->image,
+                'alt' => $this->alt,
+                'width' => $this->width,
+                'height' => $this->height,
+            ]) .
+            Html::endTag('img');
+    }
+}

src/blocks/image/_form.php

@@ -0,0 +1,21 @@
+<?php
+
+use mihaildev\elfinder\InputFile;
+
+/**
+ * @var $form \yii\widgets\ActiveForm
+ * @var $block \nullref\cms\blocks\text\Block
+ */
+
+echo $form->field($block, 'image')->widget(InputFile::className(), [
+    'language'      => 'ru',
+    'controller'    => 'elfinder-backend', // âñòàâëÿåì íàçâàíèå êîíòðîëëåðà, ïî óìîë÷àíèþ ðàâåí elfinder
+    'filter'        => 'image',    // ôèëüòð ôàéëîâ, ìîæíî çàäàòü ìàññèâ ôèëüòðîâ https://github.com/Studio-42/elFinder/wiki/Client-configuration-options#wiki-onlyMimes
+    'template'      => '<div class="input-group">{input}<span class="input-group-btn">{button}</span></div>',
+    'options'       => ['class' => 'form-control'],
+    'buttonOptions' => ['class' => 'btn btn-default'],
+    'multiple'      => false       // âîçìîæíîñòü âûáîðà íåñêîëüêèõ ôàéëîâ
+]);
+echo $form->field($block, 'alt')->textInput();
+echo $form->field($block, 'width')->textInput();
+echo $form->field($block, 'height')->textInput();

src/components/BlockManager.php

@@ -29,6 +29,8 @@ public function getList()
         return array_merge($this->blocks,[
             'text' => 'nullref\cms\blocks\text',
             'html' => 'nullref\cms\blocks\html',
+            'image' => 'nullref\cms\blocks\image',
+            'carousel' => 'nullref\cms\blocks\carousel',
         ]);
     }