added Dropdown, Nav & NavBar

Author: Christoph Erdmann

src/widgets/Button.php

@@ -18,6 +18,9 @@ class Button extends BaseWidget
     public $encodeLabel = true;
     public $icon;
 
+    /**
+     * initialize the widget
+     */
     public function init()
     {
         parent::init();

src/widgets/Chip.php

@@ -0,0 +1,28 @@
+<?php
+
+namespace macgyer\yii2materializecss\widgets;
+
+use macgyer\yii2materializecss\lib\BaseWidget;
+
+/**
+ * Class Chip
+ * @package macgyer\yii2materializecss\widgets
+ */
+class Chip extends BaseWidget
+{
+    public $options;
+
+    public $imageOptions;
+
+    public $iconOptions;
+
+    public function init()
+    {
+        parent::init();
+    }
+
+    public function run()
+    {
+
+    }
+}

src/widgets/Dropdown.php

@@ -0,0 +1,143 @@
+<?php
+
+namespace macgyer\yii2materializecss\widgets;
+
+use macgyer\yii2materializecss\assets\MaterializePluginAsset;
+use macgyer\yii2materializecss\lib\BaseWidget;
+use macgyer\yii2materializecss\lib\Html;
+use yii\base\InvalidConfigException;
+use yii\helpers\ArrayHelper;
+
+/**
+ * Dropdown renders a Bootstrap dropdown menu component.
+ *
+ * For example,
+ *
+ * ```php
+ * <div class="dropdown">
+ *     <a href="#" data-toggle="dropdown" class="dropdown-toggle">Label <b class="caret"></b></a>
+ *     <?php
+ *         echo Dropdown::widget([
+ *             'items' => [
+ *                 ['label' => 'DropdownA', 'url' => '/'],
+ *                 ['label' => 'DropdownB', 'url' => '#'],
+ *             ],
+ *         ]);
+ *     ?>
+ * </div>
+ * ```
+ * @see http://getbootstrap.com/javascript/#dropdowns
+ * @author Antonio Ramirez <amigo.cobos@gmail.com>
+ * @since 2.0
+ */
+class Dropdown extends BaseWidget
+{
+    /**
+     * @var array list of menu items in the dropdown. Each array element can be either an HTML string,
+     * or an array representing a single menu with the following structure:
+     *
+     * - label: string, required, the label of the item link
+     * - url: string|array, optional, the url of the item link. This will be processed by [[Url::to()]].
+     *   If not set, the item will be treated as a menu header when the item has no sub-menu.
+     * - visible: boolean, optional, whether this menu item is visible. Defaults to true.
+     * - linkOptions: array, optional, the HTML attributes of the item link.
+     * - options: array, optional, the HTML attributes of the item.
+     * - items: array, optional, the submenu items. The structure is the same as this property.
+     *   Note that Bootstrap doesn't support dropdown submenu. You have to add your own CSS styles to support it.
+     * - submenuOptions: array, optional, the HTML attributes for sub-menu container tag. If specified it will be
+     *   merged with [[submenuOptions]].
+     *
+     * To insert divider use `<li role="presentation" class="divider"></li>`.
+     */
+    public $items = [];
+    /**
+     * @var boolean whether the labels for header items should be HTML-encoded.
+     */
+    public $encodeLabels = true;
+    /**
+     * @var array|null the HTML attributes for sub-menu container tags.
+     * If not set - [[options]] value will be used for it.
+     * @since 2.0.5
+     */
+    public $submenuOptions;
+
+    public $toggleTarget;
+
+    /**
+     * Initializes the widget.
+     * If you override this method, make sure you call the parent implementation first.
+     */
+    public function init()
+    {
+        if ($this->submenuOptions === null) {
+            // copying of [[options]] kept for BC
+            // @todo separate [[submenuOptions]] from [[options]] completely before 2.1 release
+            $this->submenuOptions = $this->options;
+            unset($this->submenuOptions['id']);
+        }
+        parent::init();
+        Html::addCssClass($this->options, ['widget' => 'dropdown-content']);
+
+        $this->options['id'] = $this->toggleTarget;
+    }
+
+    /**
+     * Renders the widget.
+     */
+    public function run()
+    {
+        MaterializePluginAsset::register($this->getView());
+        $this->registerClientEvents();
+        return $this->renderItems($this->items, $this->options);
+    }
+
+    /**
+     * Renders menu items.
+     * @param array $items the menu items to be rendered
+     * @param array $options the container HTML attributes
+     * @return string the rendering result.
+     * @throws InvalidConfigException if the label option is not specified in one of the items.
+     */
+    protected function renderItems($items, $options = [])
+    {
+        $lines = [];
+        foreach ($items as $item) {
+            if (isset($item['visible']) && !$item['visible']) {
+                continue;
+            }
+            if (is_string($item)) {
+                $lines[] = $item;
+                continue;
+            }
+            if (!array_key_exists('label', $item)) {
+                throw new InvalidConfigException("The 'label' option is required.");
+            }
+            $encodeLabel = isset($item['encode']) ? $item['encode'] : $this->encodeLabels;
+            $label = $encodeLabel ? Html::encode($item['label']) : $item['label'];
+            $itemOptions = ArrayHelper::getValue($item, 'options', []);
+            $linkOptions = ArrayHelper::getValue($item, 'linkOptions', []);
+            $linkOptions['tabindex'] = '-1';
+            $url = array_key_exists('url', $item) ? $item['url'] : null;
+            if (empty($item['items'])) {
+                if ($url === null) {
+                    $content = $label;
+                    Html::addCssClass($itemOptions, ['widget' => 'dropdown-header']);
+                } else {
+                    $content = Html::a($label, $url, $linkOptions);
+                }
+            } else {
+                $submenuOptions = $this->submenuOptions;
+                if (isset($item['submenuOptions'])) {
+                    $submenuOptions = array_merge($submenuOptions, $item['submenuOptions']);
+                }
+                $content = Html::a($label, $url === null ? '#' : $url, $linkOptions)
+                    . $this->renderItems($item['items'], $submenuOptions);
+                Html::addCssClass($itemOptions, ['widget' => 'dropdown-submenu']);
+            }
+
+            $lines[] = Html::tag('li', $content, $itemOptions);
+        }
+
+        return Html::tag('ul', implode("\n", $lines), $options);
+    }
+}