yii2-btn-copy-html-block

NOTE: Widget should always be the block that we cloned.

Installation

The preferred way to install this extension is through composer.

Either run

php composer.phar require --prefer-dist mackrais/yii2-btn-copy-html-block "dev-master"

or

 composer require --prefer-dist mackrais/yii2-btn-copy-html-block "dev-master"

or add

"mackrais/yii2-btn-copy-html-block": "dev-master"

to the require section of your composer.json file.

Usage

   <div class="mr-color-input pull-left">
           <?= $form->field($model, 'colors[]')->textInput(['type'=>'color','class'=>'product-color-input '])->label(false) ?>
           <?= mackrais\copyblock\Widget::widget([
               'caption'=>'', // any text button
               'options'=>[
                 'class'=>'my-class', // Options yii\helpers\Html::a()
                 'classRemoveBtn' => 'my-class' // for example glyphicon glyphicon-trash
                ], // any text button
               'beforeInsertBlock'=>'beforeClone(event, $this, $cloneBlock)', // 
               'afterInsertBlock'=>'afterClone(event, $this, $cloneBlock, $tmpBlock)', // 
               'beforeDeleteBlock'=>'beforeDelete(event, $this, $block)', // 
               'afterDeleteBlock'=>'afterDelete(event, $this, $block)', // 
               'selectorCloneBlock'=>'.mr-color-input', // selector clone block
           ]) ?>
       </div>
       <div class="clearfix"></div>

Usage js events

    function beforeClone(event, $this, $cloneBlock) {
          console.log('Block ',$cloneBlock,' will be cloned!');
    }
    
    function afterClone(event, $this, $cloneBlock, $tmpBlock) {
          console.log('Block ',$tmpBlock,' was cloned!');
    }
    
    function beforeDelete(event, $this, $block) {
          console.log('Block ',$block, ' will be deleted!');
    }
    
    function afterDelete(event, $this, $block) {
          console.log('Block ',$block,' was deleted!');
    }

Result

License

yii2-btn-copy-html-block is released under the BSD 3-Clause License. See the bundled LICENSE.md for details.