Draggabilly.php

<?php

namespace devleaks\metafizzy;

use yii\base\InvalidConfigException;
use yii\helpers\Html;
use yii\helpers\Json;
use yii\base\Widget;

/**
 * Chosen Select Widget based on Chosen jQuery plugin {@link http://masonry.desandro.com)
 * @package devleaks\metafizzy
 *
 * @author Pierre M <devleaks.be@gmail.com>
 */
class Draggabilly extends Widget {
    /**
     * @var array the HTML attributes for the div tag.
     * @see \yii\helpers\Html::renderTagAttributes() for details on how attributes are being rendered.
     */
    public $options = [
        'itemSelector' => '.item'
    ];

    /**
     * @var array Plugin options
     */
    public $pluginOptions = [
    ];

    /**
     * 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()
    {
        //checks for the element id
        if (!isset($this->options['id'])) {
            $this->options['id'] = $this->getId();
        }
        parent::init();
    }

    /**
     * Render chosen select
     * @return string|void
     */
    public function run()
    {
        $this->registerAssets();
    }

    /**
     * Register client assets
     */
    protected function registerAssets()
    {
        $view = $this->getView();
        DraggabillyAsset::register($view);
        // $js = '$("' . $this->options['itemSelector'] .'", "#' . $this->options['id'] . '").draggabilly(' . $this->getPluginOptions() . ');';
        $js = <<<JAVASCRIPT
            var contId = "{$this->options['id']}";
            var container = $("#"+contId);
            // var selector = "{$this->options['itemSelector']}";
            var selector = container
            container.find(selector).each( function( i, itemElem ) {
                // make element draggable with Draggabilly
                var draggie = new Draggabilly( itemElem );
                // bind Draggabilly events to Packery
                container.packery( 'bindDraggabillyEvents', draggie );
            });
JAVASCRIPT;
        $view->registerJs($js, $view::POS_END);
    }

    /**
     * Return plugin options in json format
     * @return string
     */
    public function getPluginOptions()
    {
        return Json::encode($this->pluginOptions);
    }
}