2021-02-10 05:04:59 +08:00
|
|
|
<?php
|
2021-08-07 05:38:53 +08:00
|
|
|
/**
|
|
|
|
* @link http://www.yiiframework.com/
|
|
|
|
* @copyright Copyright (c) 2008 Yii Software LLC
|
|
|
|
* @license http://www.yiiframework.com/license/
|
|
|
|
*/
|
2021-02-10 05:04:59 +08:00
|
|
|
|
|
|
|
declare(strict_types=1);
|
|
|
|
|
|
|
|
namespace yii\bootstrap5;
|
|
|
|
|
2021-08-04 14:03:41 +08:00
|
|
|
use Exception;
|
|
|
|
use Throwable;
|
|
|
|
use Yii;
|
2021-02-10 05:04:59 +08:00
|
|
|
use yii\base\InvalidConfigException;
|
|
|
|
use yii\helpers\ArrayHelper;
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Nav renders a nav HTML component.
|
|
|
|
*
|
|
|
|
* For example:
|
|
|
|
*
|
|
|
|
* ```php
|
|
|
|
* echo Nav::widget([
|
|
|
|
* 'items' => [
|
|
|
|
* [
|
|
|
|
* 'label' => 'Home',
|
|
|
|
* 'url' => ['site/index'],
|
|
|
|
* 'linkOptions' => [...],
|
|
|
|
* ],
|
|
|
|
* [
|
|
|
|
* 'label' => 'Dropdown',
|
|
|
|
* 'items' => [
|
|
|
|
* ['label' => 'Level 1 - Dropdown A', 'url' => '#'],
|
|
|
|
* '<div class="dropdown-divider"></div>',
|
|
|
|
* '<div class="dropdown-header">Dropdown Header</div>',
|
|
|
|
* ['label' => 'Level 1 - Dropdown B', 'url' => '#'],
|
|
|
|
* ],
|
|
|
|
* ],
|
|
|
|
* [
|
|
|
|
* 'label' => 'Login',
|
|
|
|
* 'url' => ['site/login'],
|
|
|
|
* 'visible' => Yii::$app->user->isGuest
|
|
|
|
* ],
|
|
|
|
* ],
|
|
|
|
* 'options' => ['class' =>'nav-pills'], // set this to nav-tabs to get tab-styled navigation
|
|
|
|
* ]);
|
|
|
|
* ```
|
|
|
|
*
|
2021-08-03 16:29:01 +08:00
|
|
|
* Note: Multilevel dropdowns beyond Level 1 are not supported in Bootstrap 5.
|
2021-02-10 05:04:59 +08:00
|
|
|
*
|
2021-08-05 15:21:05 +08:00
|
|
|
* @see https://getbootstrap.com/docs/5.1/components/navs/
|
|
|
|
* @see https://getbootstrap.com/docs/5.1/components/dropdowns/
|
2021-02-10 05:04:59 +08:00
|
|
|
*
|
|
|
|
* @author Antonio Ramirez <amigo.cobos@gmail.com>
|
|
|
|
*/
|
|
|
|
class Nav extends Widget
|
|
|
|
{
|
|
|
|
/**
|
|
|
|
* @var array list of items in the nav widget. Each array element represents a single
|
|
|
|
* menu item which can be either a string or an array with the following structure:
|
|
|
|
*
|
|
|
|
* - label: string, required, the nav item label.
|
|
|
|
* - url: optional, the item's URL. Defaults to "#".
|
|
|
|
* - visible: bool, optional, whether this menu item is visible. Defaults to true.
|
|
|
|
* - disabled: bool, optional, whether this menu item is disabled. Defaults to false.
|
|
|
|
* - linkOptions: array, optional, the HTML attributes of the item's link.
|
|
|
|
* - options: array, optional, the HTML attributes of the item container (LI).
|
|
|
|
* - active: bool, optional, whether the item should be on active state or not.
|
|
|
|
* - dropdownOptions: array, optional, the HTML options that will passed to the [[Dropdown]] widget.
|
|
|
|
* - items: array|string, optional, the configuration array for creating a [[Dropdown]] widget,
|
|
|
|
* or a string representing the dropdown menu. Note that Bootstrap does not support sub-dropdown menus.
|
|
|
|
* - encode: bool, optional, whether the label will be HTML-encoded. If set, supersedes the $encodeLabels option for only this item.
|
|
|
|
*
|
|
|
|
* If a menu item is a string, it will be rendered directly without HTML encoding.
|
|
|
|
*/
|
2021-08-04 14:03:41 +08:00
|
|
|
public $items = [];
|
2021-02-10 05:04:59 +08:00
|
|
|
/**
|
|
|
|
* @var bool whether the nav items labels should be HTML-encoded.
|
|
|
|
*/
|
2021-08-04 14:03:41 +08:00
|
|
|
public $encodeLabels = true;
|
2021-02-10 05:04:59 +08:00
|
|
|
/**
|
|
|
|
* @var bool whether to automatically activate items according to whether their route setting
|
|
|
|
* matches the currently requested route.
|
|
|
|
* @see isItemActive
|
|
|
|
*/
|
2021-08-04 14:03:41 +08:00
|
|
|
public $activateItems = true;
|
2021-02-10 05:04:59 +08:00
|
|
|
/**
|
|
|
|
* @var bool whether to activate parent menu items when one of the corresponding child menu items is active.
|
|
|
|
*/
|
2021-08-04 14:03:41 +08:00
|
|
|
public $activateParents = false;
|
2021-02-10 05:04:59 +08:00
|
|
|
/**
|
|
|
|
* @var string|null the route used to determine if a menu item is active or not.
|
|
|
|
* If not set, it will use the route of the current request.
|
|
|
|
* @see params
|
|
|
|
* @see isItemActive
|
|
|
|
*/
|
2021-08-04 14:03:41 +08:00
|
|
|
public $route = null;
|
2021-02-10 05:04:59 +08:00
|
|
|
/**
|
|
|
|
* @var array|null the parameters used to determine if a menu item is active or not.
|
|
|
|
* If not set, it will use `$_GET`.
|
|
|
|
* @see route
|
|
|
|
* @see isItemActive
|
|
|
|
*/
|
2021-08-04 14:03:41 +08:00
|
|
|
public $params = null;
|
2021-02-10 05:04:59 +08:00
|
|
|
/**
|
|
|
|
* @var string name of a class to use for rendering dropdowns within this widget. Defaults to [[Dropdown]].
|
|
|
|
*/
|
2021-08-04 14:03:41 +08:00
|
|
|
public $dropdownClass = Dropdown::class;
|
2021-02-10 05:04:59 +08:00
|
|
|
|
|
|
|
|
|
|
|
/**
|
2021-07-12 23:22:29 +08:00
|
|
|
* {@inheritDoc}
|
2021-02-10 05:04:59 +08:00
|
|
|
*/
|
|
|
|
public function init()
|
|
|
|
{
|
|
|
|
parent::init();
|
|
|
|
if ($this->route === null && Yii::$app->controller !== null) {
|
|
|
|
$this->route = Yii::$app->controller->getRoute();
|
|
|
|
}
|
|
|
|
if ($this->params === null) {
|
|
|
|
$this->params = Yii::$app->request->getQueryParams();
|
|
|
|
}
|
|
|
|
Html::addCssClass($this->options, ['widget' => 'nav']);
|
|
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Renders the widget.
|
|
|
|
* @return string
|
2021-08-04 14:03:41 +08:00
|
|
|
* @throws InvalidConfigException|Throwable
|
2021-02-10 05:04:59 +08:00
|
|
|
*/
|
|
|
|
public function run(): string
|
|
|
|
{
|
|
|
|
BootstrapAsset::register($this->getView());
|
2021-08-04 14:03:41 +08:00
|
|
|
|
2021-02-10 05:04:59 +08:00
|
|
|
return $this->renderItems();
|
|
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Renders widget items.
|
|
|
|
* @return string
|
2021-08-04 14:03:41 +08:00
|
|
|
* @throws InvalidConfigException|Throwable
|
2021-02-10 05:04:59 +08:00
|
|
|
*/
|
|
|
|
public function renderItems(): string
|
|
|
|
{
|
|
|
|
$items = [];
|
2021-07-09 17:53:24 +08:00
|
|
|
foreach ($this->items as $item) {
|
2021-02-10 05:04:59 +08:00
|
|
|
if (isset($item['visible']) && !$item['visible']) {
|
|
|
|
continue;
|
|
|
|
}
|
|
|
|
$items[] = $this->renderItem($item);
|
|
|
|
}
|
|
|
|
|
|
|
|
return Html::tag('ul', implode("\n", $items), $this->options);
|
|
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Renders a widget's item.
|
|
|
|
* @param string|array $item the item to render.
|
|
|
|
* @return string the rendering result.
|
|
|
|
* @throws InvalidConfigException
|
2021-08-04 14:03:41 +08:00
|
|
|
* @throws Throwable
|
2021-02-10 05:04:59 +08:00
|
|
|
*/
|
|
|
|
public function renderItem($item): string
|
|
|
|
{
|
|
|
|
if (is_string($item)) {
|
|
|
|
return $item;
|
|
|
|
}
|
|
|
|
if (!isset($item['label'])) {
|
|
|
|
throw new InvalidConfigException("The 'label' option is required.");
|
|
|
|
}
|
|
|
|
$encodeLabel = $item['encode'] ?? $this->encodeLabels;
|
|
|
|
$label = $encodeLabel ? Html::encode($item['label']) : $item['label'];
|
|
|
|
$options = ArrayHelper::getValue($item, 'options', []);
|
|
|
|
$items = ArrayHelper::getValue($item, 'items');
|
|
|
|
$url = ArrayHelper::getValue($item, 'url', '#');
|
|
|
|
$linkOptions = ArrayHelper::getValue($item, 'linkOptions', []);
|
|
|
|
$disabled = ArrayHelper::getValue($item, 'disabled', false);
|
|
|
|
$active = $this->isItemActive($item);
|
|
|
|
|
|
|
|
if (empty($items)) {
|
|
|
|
$items = '';
|
|
|
|
Html::addCssClass($options, ['widget' => 'nav-item']);
|
|
|
|
Html::addCssClass($linkOptions, ['widget' => 'nav-link']);
|
|
|
|
} else {
|
2021-07-12 23:22:29 +08:00
|
|
|
$linkOptions['data-bs-toggle'] = 'dropdown';
|
|
|
|
$linkOptions['role'] = 'button';
|
|
|
|
$linkOptions['aria-expanded'] = 'false';
|
2021-02-10 05:04:59 +08:00
|
|
|
Html::addCssClass($options, ['widget' => 'dropdown nav-item']);
|
|
|
|
Html::addCssClass($linkOptions, ['widget' => 'dropdown-toggle nav-link']);
|
|
|
|
if (is_array($items)) {
|
|
|
|
$items = $this->isChildActive($items, $active);
|
|
|
|
$items = $this->renderDropdown($items, $item);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
if ($disabled) {
|
|
|
|
ArrayHelper::setValue($linkOptions, 'tabindex', '-1');
|
|
|
|
ArrayHelper::setValue($linkOptions, 'aria-disabled', 'true');
|
|
|
|
Html::addCssClass($linkOptions, ['disable' => 'disabled']);
|
|
|
|
} elseif ($this->activateItems && $active) {
|
|
|
|
Html::addCssClass($linkOptions, ['activate' => 'active']);
|
|
|
|
}
|
|
|
|
|
|
|
|
return Html::tag('li', Html::a($label, $url, $linkOptions) . $items, $options);
|
|
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Renders the given items as a dropdown.
|
|
|
|
* This method is called to create sub-menus.
|
|
|
|
* @param array $items the given items. Please refer to [[Dropdown::items]] for the array structure.
|
|
|
|
* @param array $parentItem the parent item information. Please refer to [[items]] for the structure of this array.
|
|
|
|
* @return string the rendering result.
|
2021-08-04 14:03:41 +08:00
|
|
|
* @throws Throwable
|
2021-02-10 05:04:59 +08:00
|
|
|
*/
|
|
|
|
protected function renderDropdown(array $items, array $parentItem): string
|
|
|
|
{
|
|
|
|
/** @var Widget $dropdownClass */
|
|
|
|
$dropdownClass = $this->dropdownClass;
|
2021-08-04 14:03:41 +08:00
|
|
|
|
2021-02-10 05:04:59 +08:00
|
|
|
return $dropdownClass::widget([
|
|
|
|
'options' => ArrayHelper::getValue($parentItem, 'dropdownOptions', []),
|
|
|
|
'items' => $items,
|
|
|
|
'encodeLabels' => $this->encodeLabels,
|
2021-07-09 17:53:24 +08:00
|
|
|
'clientOptions' => [],
|
2021-02-10 05:04:59 +08:00
|
|
|
'view' => $this->getView(),
|
|
|
|
]);
|
|
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Check to see if a child item is active optionally activating the parent.
|
|
|
|
* @param array $items @see items
|
|
|
|
* @param bool $active should the parent be active too
|
2021-07-12 23:22:29 +08:00
|
|
|
* @return array
|
2021-08-04 14:03:41 +08:00
|
|
|
* @throws Exception
|
2021-07-12 23:22:29 +08:00
|
|
|
* @see items
|
2021-02-10 05:04:59 +08:00
|
|
|
*/
|
|
|
|
protected function isChildActive(array $items, bool &$active): array
|
|
|
|
{
|
|
|
|
foreach ($items as $i => $child) {
|
|
|
|
if (is_array($child) && !ArrayHelper::getValue($child, 'visible', true)) {
|
|
|
|
continue;
|
|
|
|
}
|
2021-07-09 17:53:24 +08:00
|
|
|
if (is_array($child) && $this->isItemActive($child)) {
|
2021-02-10 05:04:59 +08:00
|
|
|
ArrayHelper::setValue($items[$i], 'active', true);
|
|
|
|
if ($this->activateParents) {
|
|
|
|
$active = true;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
$childItems = ArrayHelper::getValue($child, 'items');
|
|
|
|
if (is_array($childItems)) {
|
|
|
|
$activeParent = false;
|
|
|
|
$items[$i]['items'] = $this->isChildActive($childItems, $activeParent);
|
|
|
|
if ($activeParent) {
|
|
|
|
Html::addCssClass($items[$i]['options'], ['activate' => 'active']);
|
|
|
|
$active = true;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
2021-08-04 14:03:41 +08:00
|
|
|
|
2021-02-10 05:04:59 +08:00
|
|
|
return $items;
|
|
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Checks whether a menu item is active.
|
|
|
|
* This is done by checking if [[route]] and [[params]] match that specified in the `url` option of the menu item.
|
|
|
|
* When the `url` option of a menu item is specified in terms of an array, its first element is treated
|
|
|
|
* as the route for the item and the rest of the elements are the associated parameters.
|
|
|
|
* Only when its route and parameters match [[route]] and [[params]], respectively, will a menu item
|
|
|
|
* be considered active.
|
|
|
|
* @param array $item the menu item to be checked
|
|
|
|
* @return bool whether the menu item is active
|
2021-08-04 14:03:41 +08:00
|
|
|
* @throws Exception
|
2021-02-10 05:04:59 +08:00
|
|
|
*/
|
|
|
|
protected function isItemActive(array $item): bool
|
|
|
|
{
|
|
|
|
if (!$this->activateItems) {
|
|
|
|
return false;
|
|
|
|
}
|
|
|
|
if (isset($item['active'])) {
|
|
|
|
return ArrayHelper::getValue($item, 'active', false);
|
|
|
|
}
|
|
|
|
if (isset($item['url']) && is_array($item['url']) && isset($item['url'][0])) {
|
|
|
|
$route = $item['url'][0];
|
|
|
|
if ($route[0] !== '/' && Yii::$app->controller) {
|
|
|
|
$route = Yii::$app->controller->module->getUniqueId() . '/' . $route;
|
|
|
|
}
|
|
|
|
if (ltrim($route, '/') !== $this->route) {
|
|
|
|
return false;
|
|
|
|
}
|
|
|
|
unset($item['url']['#']);
|
|
|
|
if (count($item['url']) > 1) {
|
|
|
|
$params = $item['url'];
|
|
|
|
unset($params[0]);
|
|
|
|
foreach ($params as $name => $value) {
|
|
|
|
if ($value !== null && (!isset($this->params[$name]) || $this->params[$name] != $value)) {
|
|
|
|
return false;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
return true;
|
|
|
|
}
|
|
|
|
|
|
|
|
return false;
|
|
|
|
}
|
|
|
|
}
|