Merge pull request #2 from lucianolima00/html-props-group

Add HTML options to btn-group div

Author: thtmorais

CHANGELOG.md

@@ -1,5 +1,7 @@
 #CHANGELOG(Registro de alterações)
 
+###[0.0.4] - Add HTML options to btn-group div ([@lucianolima00](https://gitlab.com/lucianolima00))
+
 ###[0.0.3] - Fix wrong key for ArrayHelper to subordinate class ([@lucianolima00](https://gitlab.com/lucianolima00))
 
 ###[0.0.2] - Support to PHP 7.0 and above ([@thtmorais](https://gitlab.com/thtmorais))

README.md

@@ -52,6 +52,10 @@ Once the extension is installed, simply use it in your code by  :
             'href' => 'http://www.yiiframework.com/extensions/',
             'text' => 'Yii Extensions'
         ]
+    ],
+    'options' => [
+        'id' => 'group-dropdown',
+        'class' => 'p-1'
     ]
 ]) ?>
 ```

src/Dropdown.php

@@ -25,6 +25,11 @@ class Dropdown extends Widget
      */
     public $subordinate = [];
 
+    /**
+     * @var array
+     */
+    public $options = [];
+
     /**
      * {@inheritDoc}
      */

src/views/dropdown.php

@@ -6,14 +6,16 @@
 /* @var $dropdown \thtmorais\dropdown\Dropdown */
 
 $dropdown = $this->context;
+$dropdownOptionsId = ArrayHelper::getValue($dropdown->options,"id", "dropdown-group");
+$dropdownOptionsClass = ArrayHelper::getValue($dropdown->options,"class");
 
 $dropdownMainId = ArrayHelper::getValue($dropdown->main,"id","main");
 $dropdownMainHref = ArrayHelper::getValue($dropdown->main,"href","#");
 $dropdownMainClass = ArrayHelper::getValue($dropdown->main,"class","btn btn-success");
 $dropdownMainText = ArrayHelper::getValue($dropdown->main,"text","main");
 ?>
 
-    <div class="btn-group">
+    <div id="<?= $dropdownOptionsId ?>" class="<?= $dropdownOptionsClass ? ("btn-group " . $dropdownOptionsClass) : "btn-group" ?>">
         <a id="<?= $dropdownMainId ?>" href="<?= $dropdownMainHref ?>" class="<?= $dropdownMainClass ?>"><?= $dropdownMainText ?></a>
         <button class="<?= $dropdown->dropdownToggleClass ?> dropdown-toggle" data-toggle="dropdown">
             <span class="caret"></span>