init

Author: Chepurnoy

IonSlider.php

@@ -0,0 +1,86 @@
+<?php
+
+namespace yii2mod\slider;
+
+use yii\base\InvalidConfigException;
+use yii\helpers\Html;
+use yii\helpers\Json;
+use yii\widgets\InputWidget;
+
+/**
+ * Class IonSlider
+ * @package yii2mod\slider
+ */
+class IonSlider extends InputWidget
+{
+    /**
+     * @var array the HTML attributes for the input tag.
+     * @see \yii\helpers\Html::renderTagAttributes() for details on how attributes are being rendered.
+     */
+    public $options = [];
+
+    /**
+     * @var array plugin options
+     */
+    public $pluginOptions = [];
+
+    /**
+     * Slider type - single, double
+     * @var string
+     */
+    public $type = 'single';
+
+    /**
+     * Initializes the object.
+     * This method is invoked at the end of the constructor after the object is initialized with the
+     * given configuration.
+     */
+    public function init()
+    {
+        parent::init();
+    }
+
+    /**
+     * Render range slider
+     * @return string|void
+     */
+    public function run()
+    {
+        if ($this->hasModel()) {
+            echo Html::activeTextInput($this->model, $this->attribute, $this->options);
+        }
+        $this->registerAssets();
+    }
+
+    /**
+     * Register client assets
+     */
+    protected function registerAssets()
+    {
+        $view = $this->getView();
+        IonSliderAsset::register($view);
+        $js = '$("#' . $this->getInputId() . '").ionRangeSlider(' . $this->getPluginOptions() . ');';
+        $view->registerJs($js, $view::POS_END);
+    }
+
+    /**
+     * Return plugin options in json format
+     * @return string
+     */
+    public function getPluginOptions()
+    {
+        $this->pluginOptions['type'] = $this->type;
+
+        return Json::encode($this->pluginOptions);
+    }
+
+    /**
+     * Return select id
+     * @return mixed
+     * @throws InvalidConfigException
+     */
+    public function getInputId()
+    {
+        return $this->options['id'];
+    }
+}

IonSliderAsset.php

@@ -0,0 +1,41 @@
+<?php
+
+namespace yii2mod\slider;
+
+use yii\web\AssetBundle;
+
+/**
+ * Class IonSliderAsset
+ * @package yii2mod\slider
+ */
+class IonSliderAsset extends AssetBundle
+{
+
+    /**
+     * @var string
+     */
+    public $sourcePath = '@bower/ion.rangeSlider';
+
+    /**
+     * @var array
+     */
+    public $css = [
+        'css/normalize.css',
+        'css/ion.rangeSlider.css',
+        'css/ion.rangeSlider.skinHTML5.css'
+    ];
+
+    /**
+     * @var array
+     */
+    public $js = [
+        'js/ion.rangeSlider.js',
+    ];
+
+    /**
+     * @var array
+     */
+    public $depends = [
+        'app\assets\AppAsset',
+    ];
+}

README.md

@@ -0,0 +1,46 @@
+Ion Range Slider Widget for Yii 2
+=========
+- Widget based on Ion.RangeSlider extension http://ionden.com/a/plugins/ion.rangeSlider/en.html
+
+Installation 
+------------
+
+The preferred way to install this extension is through [composer](http://getcomposer.org/download/).
+
+Either run
+
+```
+php composer.phar require --prefer-dist yii2mod/yii2-ion-slider "*"
+```
+
+or add
+
+```json
+"yii2mod/yii2-ion-slider": "*"
+```
+
+to the require section of your composer.json.
+
+Usage
+------------
+Once the extension is installed, simply add widget to your page as follows:
+
+1) Usage with ActiveForm and model
+```php
+echo $form->field($model, "option")->widget(IonSlider::className(), [
+                        'pluginOptions' => [
+                            'min' => 0,
+                            'max' => 1,
+                            'step' => 1,
+                            'onChange' => new \yii\web\JsExpression('
+                                function(data) {
+                                    console.log(data);
+                                }
+                            '),
+                        ],
+                    ]); 
+```
+
+Slider Options 
+----------------
+You can find them on the [options page](http://ionden.com/a/plugins/ion.rangeSlider/en.html)

composer.json

@@ -0,0 +1,21 @@
+{
+    "name": "yii2mod/yii2-ion-slider",
+    "description": "Ion Slider widget based on Ion.RangeSlider extension {@link http://ionden.com/a/plugins/ion.rangeSlider/en.html)",
+    "type": "yii2-extension",
+    "keywords": ["yii2", "module"],
+    "license": "Apache-2.0",
+    "authors": [
+        {
+            "name": "Igor Chepurnoy",
+            "email": "igorzfort@gmail.com"
+        }
+    ],
+    "require": {
+        "yii2mod/yii2-user": "*"
+    },
+    "autoload": {
+        "psr-4": {
+            "yii2mod\\slider\\": ""
+        }
+    }
+}