Qiang Xue
12 years ago
4 changed files with 338 additions and 2 deletions
@ -0,0 +1,143 @@
|
||||
<?php |
||||
/** |
||||
* @link http://www.yiiframework.com/ |
||||
* @copyright Copyright (c) 2008 Yii Software LLC |
||||
* @license http://www.yiiframework.com/license/ |
||||
*/ |
||||
|
||||
namespace yii\bootstrap; |
||||
|
||||
use yii\base\InvalidConfigException; |
||||
use yii\helpers\ArrayHelper; |
||||
use yii\helpers\Html; |
||||
|
||||
/** |
||||
* Nav renders a nav HTML component. |
||||
* |
||||
* For example: |
||||
* |
||||
* ```php |
||||
* echo Nav::widget(array( |
||||
* 'items' => array( |
||||
* array( |
||||
* 'label' => 'Home', |
||||
* 'url' => '/', |
||||
* 'linkOptions' => array(...), |
||||
* 'active' => true, |
||||
* ), |
||||
* array( |
||||
* 'label' => 'Dropdown', |
||||
* 'items' => array( |
||||
* array( |
||||
* 'label' => 'DropdownA', |
||||
* 'url' => '#', |
||||
* ), |
||||
* array( |
||||
* 'label' => 'DropdownB', |
||||
* 'url' => '#', |
||||
* ), |
||||
* ), |
||||
* ), |
||||
* ), |
||||
* )); |
||||
* ``` |
||||
* |
||||
* @see http://twitter.github.io/bootstrap/components.html#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 with the following structure: |
||||
* |
||||
* - label: string, required, the nav item label. |
||||
* - url: optional, the item's URL. Defaults to "#". |
||||
* - 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. |
||||
* - items: array, optional, the configuration of specify the item's dropdown menu. You can optionally set this as |
||||
* a string (ie. `'items'=> Dropdown::widget(array(...))` |
||||
* - important: there is an issue with sub-dropdown menus, and as of 3.0, bootstrap won't support sub-dropdown. |
||||
* |
||||
* **Note:** Optionally, you can also use a plain string instead of an array element. |
||||
* |
||||
* @see https://github.com/twitter/bootstrap/issues/5050#issuecomment-11741727 |
||||
* @see [[Dropdown]] |
||||
*/ |
||||
public $items = array(); |
||||
/** |
||||
* @var boolean whether the nav items labels should be HTML-encoded. |
||||
*/ |
||||
public $encodeLabels = true; |
||||
|
||||
|
||||
/** |
||||
* Initializes the widget. |
||||
*/ |
||||
public function init() |
||||
{ |
||||
parent::init(); |
||||
$this->addCssClass($this->options, 'nav'); |
||||
} |
||||
|
||||
/** |
||||
* Renders the widget. |
||||
*/ |
||||
public function run() |
||||
{ |
||||
echo $this->renderItems(); |
||||
$this->getView()->registerAssetBundle('yii/bootstrap'); |
||||
} |
||||
|
||||
/** |
||||
* Renders widget items. |
||||
*/ |
||||
public function renderItems() |
||||
{ |
||||
$items = array(); |
||||
foreach ($this->items as $item) { |
||||
$items[] = $this->renderItem($item); |
||||
} |
||||
|
||||
return Html::tag('ul', implode("\n", $items), $this->options); |
||||
} |
||||
|
||||
/** |
||||
* Renders a widget's item. |
||||
* @param mixed $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."); |
||||
} |
||||
$label = $this->encodeLabels ? Html::encode($item['label']) : $item['label']; |
||||
$options = ArrayHelper::getValue($item, 'options', array()); |
||||
$dropdown = ArrayHelper::getValue($item, 'items'); |
||||
$url = Html::url(ArrayHelper::getValue($item, 'url', '#')); |
||||
$linkOptions = ArrayHelper::getValue($item, 'linkOptions', array()); |
||||
|
||||
if(ArrayHelper::getValue($item, 'active')) { |
||||
$this->addCssClass($options, 'active'); |
||||
} |
||||
|
||||
if ($dropdown !== null) { |
||||
$linkOptions['data-toggle'] = 'dropdown'; |
||||
$this->addCssClass($options, 'dropdown'); |
||||
$this->addCssClass($urlOptions, 'dropdown-toggle'); |
||||
$label .= ' ' . Html::tag('b', '', array('class' => 'caret')); |
||||
$dropdown = is_string($dropdown) |
||||
? $dropdown |
||||
: Dropdown::widget(array('items' => $item['items'], 'clientOptions' => false)); |
||||
} |
||||
|
||||
return Html::tag('li', Html::a($label, $url, $linkOptions) . $dropdown, $options); |
||||
} |
||||
} |
@ -0,0 +1,193 @@
|
||||
<?php |
||||
/** |
||||
* @link http://www.yiiframework.com/ |
||||
* @copyright Copyright (c) 2008 Yii Software LLC |
||||
* @license http://www.yiiframework.com/license/ |
||||
*/ |
||||
|
||||
namespace yii\bootstrap; |
||||
|
||||
use yii\base\InvalidConfigException; |
||||
use yii\helpers\ArrayHelper; |
||||
use yii\helpers\Html; |
||||
|
||||
/** |
||||
* NavBar renders a navbar HTML component. |
||||
* |
||||
* For example: |
||||
* |
||||
* ```php |
||||
* echo NavBar::widget(array( |
||||
* 'brandLabel' => 'NavBar Test', |
||||
* 'items' => array( |
||||
* // a Nav widget |
||||
* array( |
||||
* // defaults to Nav anyway. |
||||
* 'class' => 'yii\bootstrap\Nav', |
||||
* // widget configuration |
||||
* 'options' => array( |
||||
* 'items' => array( |
||||
* array( |
||||
* 'label' => 'Home', |
||||
* 'url' => '/', |
||||
* 'options' => array('class' => 'active'), |
||||
* ), |
||||
* array( |
||||
* 'label' => 'Dropdown', |
||||
* 'content' => new Dropdown(array( |
||||
* 'items' => array( |
||||
* array( |
||||
* 'label' => 'DropdownA', |
||||
* 'url' => '#', |
||||
* ), |
||||
* array( |
||||
* 'label' => 'DropdownB', |
||||
* 'url' => '#' |
||||
* ), |
||||
* ) |
||||
* ), |
||||
* ), |
||||
* ) |
||||
* ), |
||||
* ), |
||||
* // you can also use strings |
||||
* '<form class="navbar-search pull-left" action="">' . |
||||
* '<input type="text" class="search-query" placeholder="Search">' . |
||||
* '</form>', |
||||
* ), |
||||
* )); |
||||
* ``` |
||||
* |
||||
* @see http://twitter.github.io/bootstrap/components.html#navbar |
||||
* @author Antonio Ramirez <amigo.cobos@gmail.com> |
||||
* @since 2.0 |
||||
*/ |
||||
class NavBar extends Widget |
||||
{ |
||||
/** |
||||
* @var string the text of the brand. |
||||
* @see http://twitter.github.io/bootstrap/components.html#navbar |
||||
*/ |
||||
public $brandLabel; |
||||
/** |
||||
* @param array|string $url the URL for the brand's hyperlink tag. This parameter will be processed by [[Html::url()]] |
||||
* and will be used for the "href" attribute of the brand link. Defaults to site root. |
||||
*/ |
||||
public $brandRoute = '/'; |
||||
/** |
||||
* @var array the HTML attributes of the brand link. |
||||
*/ |
||||
public $brandOptions = array(); |
||||
/** |
||||
* @var array list of menu items in the navbar widget. Each array element represents a single |
||||
* menu item with the following structure: |
||||
* |
||||
* ```php |
||||
* array( |
||||
* // optional, the menu item class type of the widget to render. Defaults to "Nav" widget. |
||||
* 'class' => 'Menu item class type', |
||||
* // required, the configuration options of the widget. |
||||
* 'options'=> array(...), |
||||
* ), |
||||
* // optionally, you can pass a string |
||||
* '<form class="navbar-search pull-left" action="">' . |
||||
* '<input type="text" class="search-query span2" placeholder="Search">' . |
||||
* '</form>', |
||||
* ``` |
||||
* |
||||
* Optionally, you can also use a plain string instead of an array element. |
||||
*/ |
||||
public $items = array(); |
||||
/** |
||||
* @var string the generated brand url if specified by [[brandLabel]] |
||||
*/ |
||||
protected $brand; |
||||
|
||||
|
||||
/** |
||||
* Initializes the widget. |
||||
*/ |
||||
public function init() |
||||
{ |
||||
parent::init(); |
||||
$this->clientOptions = false; |
||||
$this->addCssClass($this->options, 'navbar'); |
||||
$this->addCssClass($this->brandOptions, 'brand'); |
||||
$this->brand = Html::a($this->brandLabel, $this->brandRoute, $this->brandOptions); |
||||
} |
||||
|
||||
/** |
||||
* Renders the widget. |
||||
*/ |
||||
public function run() |
||||
{ |
||||
echo Html::beginTag('div', $this->options); |
||||
echo $this->renderItems(); |
||||
echo Html::endTag('div'); |
||||
$this->getView()->registerAssetBundle('yii/bootstrap'); |
||||
} |
||||
|
||||
/** |
||||
* Renders the items. |
||||
* @return string the rendering items. |
||||
*/ |
||||
protected function renderItems() |
||||
{ |
||||
$items = array(); |
||||
foreach ($this->items as $item) { |
||||
$items[] = $this->renderItem($item); |
||||
} |
||||
$contents = implode("\n", $items); |
||||
if (self::$responsive === true) { |
||||
$this->getView()->registerAssetBundle('yii/bootstrap/collapse'); |
||||
$contents = |
||||
Html::tag('div', |
||||
$this->renderToggleButton() . |
||||
$this->brand . "\n" . |
||||
Html::tag('div', $contents, array('class' => 'nav-collapse collapse navbar-collapse')), |
||||
array('class' => 'container')); |
||||
|
||||
} else { |
||||
$contents = $this->brand . "\n" . $contents; |
||||
} |
||||
|
||||
return Html::tag('div', $contents, array('class' => 'navbar-inner')); |
||||
} |
||||
|
||||
/** |
||||
* Renders a item. The item can be a string, a custom class or a Nav widget (defaults if no class specified. |
||||
* @param mixed $item the item to render. If array, it is assumed the configuration of a widget being `class` |
||||
* required and if not specified, then defaults to `yii\bootstrap\Nav`. |
||||
* @return string the rendering result. |
||||
* @throws InvalidConfigException |
||||
*/ |
||||
protected function renderItem($item) |
||||
{ |
||||
if (is_string($item)) { |
||||
return $item; |
||||
} |
||||
$config = ArrayHelper::getValue($item, 'options', array()); |
||||
$config['clientOptions'] = false; |
||||
|
||||
$class = ArrayHelper::getValue($item, 'class', 'yii\bootstrap\Nav'); |
||||
|
||||
return $class::widget($config); |
||||
} |
||||
|
||||
/** |
||||
* Renders collapsible toggle button. |
||||
* @return string the rendering toggle button. |
||||
*/ |
||||
protected function renderToggleButton() |
||||
{ |
||||
$items = array(); |
||||
for ($i = 0; $i < 3; $i++) { |
||||
$items[] = Html::tag('span', '', array('class' => 'icon-bar')); |
||||
} |
||||
return Html::a(implode("\n", $items), null, array( |
||||
'class' => 'btn btn-navbar', |
||||
'data-toggle' => 'collapse', |
||||
'data-target' => 'div.navbar-collapse', |
||||
)); |
||||
} |
||||
} |
Loading…
Reference in new issue