You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
280 lines
9.7 KiB
280 lines
9.7 KiB
<?php |
|
/** |
|
* @link http://www.yiiframework.com/ |
|
* @copyright Copyright (c) 2008 Yii Software LLC |
|
* @license http://www.yiiframework.com/license/ |
|
*/ |
|
|
|
namespace yii\bootstrap; |
|
|
|
use Yii; |
|
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' => '#'], |
|
* '<li class="divider"></li>', |
|
* '<li class="dropdown-header">Dropdown Header</li>', |
|
* ['label' => 'Level 1 - Dropdown B', 'url' => '#'], |
|
* ], |
|
* ], |
|
* [ |
|
* 'label' => 'Login', |
|
* 'url' => ['site/login'], |
|
* 'visible' => Yii::$app->user->isGuest |
|
* ], |
|
* ], |
|
* 'options' => ['class' =>'nav-pills'], // set this to nav-tab to get tab-styled navigation |
|
* ]); |
|
* ``` |
|
* |
|
* Note: Multilevel dropdowns beyond Level 1 are not supported in Bootstrap 3. |
|
* |
|
* @see http://getbootstrap.com/components/#dropdowns |
|
* @see http://getbootstrap.com/components/#nav |
|
* |
|
* @author Antonio Ramirez <amigo.cobos@gmail.com> |
|
* @since 2.0 |
|
*/ |
|
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: boolean, optional, whether this menu item is visible. Defaults to true. |
|
* - linkOptions: array, optional, the HTML attributes of the item's link. |
|
* - options: array, optional, the HTML attributes of the item container (LI). |
|
* - active: boolean, 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: boolean, 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. |
|
*/ |
|
public $items = []; |
|
/** |
|
* @var boolean whether the nav items labels should be HTML-encoded. |
|
*/ |
|
public $encodeLabels = true; |
|
/** |
|
* @var boolean whether to automatically activate items according to whether their route setting |
|
* matches the currently requested route. |
|
* @see isItemActive |
|
*/ |
|
public $activateItems = true; |
|
/** |
|
* @var boolean whether to activate parent menu items when one of the corresponding child menu items is active. |
|
*/ |
|
public $activateParents = false; |
|
/** |
|
* @var string 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 |
|
*/ |
|
public $route; |
|
/** |
|
* @var array the parameters used to determine if a menu item is active or not. |
|
* If not set, it will use `$_GET`. |
|
* @see route |
|
* @see isItemActive |
|
*/ |
|
public $params; |
|
/** |
|
* @var string this property allows you to customize the HTML which is used to generate the drop down caret symbol, |
|
* which is displayed next to the button text to indicate the drop down functionality. |
|
* Defaults to `null` which means `<b class="caret"></b>` will be used. To disable the caret, set this property to be an empty string. |
|
*/ |
|
public $dropDownCaret; |
|
|
|
|
|
/** |
|
* Initializes the widget. |
|
*/ |
|
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(); |
|
} |
|
if ($this->dropDownCaret === null) { |
|
$this->dropDownCaret = Html::tag('b', '', ['class' => 'caret']); |
|
} |
|
Html::addCssClass($this->options, ['widget' => 'nav']); |
|
} |
|
|
|
/** |
|
* Renders the widget. |
|
*/ |
|
public function run() |
|
{ |
|
BootstrapAsset::register($this->getView()); |
|
return $this->renderItems(); |
|
} |
|
|
|
/** |
|
* Renders widget items. |
|
*/ |
|
public function renderItems() |
|
{ |
|
$items = []; |
|
foreach ($this->items as $i => $item) { |
|
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 |
|
*/ |
|
public function renderItem($item) |
|
{ |
|
if (is_string($item)) { |
|
return $item; |
|
} |
|
if (!isset($item['label'])) { |
|
throw new InvalidConfigException("The 'label' option is required."); |
|
} |
|
$encodeLabel = isset($item['encode']) ? $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', []); |
|
|
|
if (isset($item['active'])) { |
|
$active = ArrayHelper::remove($item, 'active', false); |
|
} else { |
|
$active = $this->isItemActive($item); |
|
} |
|
|
|
if (!empty($items)) { |
|
$linkOptions['data-toggle'] = 'dropdown'; |
|
Html::addCssClass($options, ['widget' => 'dropdown']); |
|
Html::addCssClass($linkOptions, ['widget' => 'dropdown-toggle']); |
|
if ($this->dropDownCaret !== '') { |
|
$label .= ' ' . $this->dropDownCaret; |
|
} |
|
if (is_array($items)) { |
|
if ($this->activateItems) { |
|
$items = $this->isChildActive($items, $active); |
|
} |
|
$items = $this->renderDropdown($items, $item); |
|
} |
|
} |
|
|
|
if (empty($items)) { |
|
$items = ''; |
|
} |
|
|
|
if ($this->activateItems && $active) { |
|
Html::addCssClass($options, '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. |
|
* @since 2.0.1 |
|
*/ |
|
protected function renderDropdown($items, $parentItem) |
|
{ |
|
return Dropdown::widget([ |
|
'options' => ArrayHelper::getValue($parentItem, 'dropDownOptions', []), |
|
'items' => $items, |
|
'encodeLabels' => $this->encodeLabels, |
|
'clientOptions' => false, |
|
'view' => $this->getView(), |
|
]); |
|
} |
|
|
|
/** |
|
* Check to see if a child item is active optionally activating the parent. |
|
* @param array $items @see items |
|
* @param boolean $active should the parent be active too |
|
* @return array @see items |
|
*/ |
|
protected function isChildActive($items, &$active) |
|
{ |
|
foreach ($items as $i => $child) { |
|
if (ArrayHelper::remove($items[$i], 'active', false) || $this->isItemActive($child)) { |
|
Html::addCssClass($items[$i]['options'], 'active'); |
|
if ($this->activateParents) { |
|
$active = true; |
|
} |
|
} |
|
} |
|
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 boolean whether the menu item is active |
|
*/ |
|
protected function isItemActive($item) |
|
{ |
|
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; |
|
} |
|
}
|
|
|