123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244 |
- <?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;
- /**
- * Collapse renders an accordion bootstrap javascript component.
- *
- * For example:
- *
- * ```php
- * echo Collapse::widget([
- * 'items' => [
- * // equivalent to the above
- * [
- * 'label' => 'Collapsible Group Item #1',
- * 'content' => 'Anim pariatur cliche...',
- * // open its content by default
- * 'contentOptions' => ['class' => 'in']
- * ],
- * // another group item
- * [
- * 'label' => 'Collapsible Group Item #1',
- * 'content' => 'Anim pariatur cliche...',
- * 'contentOptions' => [...],
- * 'options' => [...],
- * ],
- * // if you want to swap out .panel-body with .list-group, you may use the following
- * [
- * 'label' => 'Collapsible Group Item #1',
- * 'content' => [
- * 'Anim pariatur cliche...',
- * 'Anim pariatur cliche...'
- * ],
- * 'contentOptions' => [...],
- * 'options' => [...],
- * 'footer' => 'Footer' // the footer label in list-group
- * ],
- * ]
- * ]);
- * ```
- *
- * @see http://getbootstrap.com/javascript/#collapse
- * @author Antonio Ramirez <amigo.cobos@gmail.com>
- * @since 2.0
- */
- class Collapse extends Widget
- {
- /**
- * @var array list of groups in the collapse widget. Each array element represents a single
- * group with the following structure:
- *
- * - label: string, required, the group header label.
- * - encode: bool, optional, whether this label should be HTML-encoded. This param will override
- * global `$this->encodeLabels` param.
- * - content: array|string|object, required, the content (HTML) of the group
- * - options: array, optional, the HTML attributes of the group
- * - contentOptions: optional, the HTML attributes of the group's content
- *
- * Since version 2.0.7 you may also specify this property as key-value pairs, where the key refers to the
- * `label` and the value refers to `content`. If value is a string it is interpreted as label. If it is
- * an array, it is interpreted as explained above.
- *
- * For example:
- *
- * ```php
- * echo Collapse::widget([
- * 'items' => [
- * 'Introduction' => 'This is the first collapsable menu',
- * 'Second panel' => [
- * 'content' => 'This is the second collapsable menu',
- * ],
- * [
- * 'label' => 'Third panel',
- * 'content' => 'This is the third collapsable menu',
- * ],
- * ]
- * ])
- * ```
- */
- public $items = [];
- /**
- * @var bool whether the labels for header items should be HTML-encoded.
- */
- public $encodeLabels = true;
- /**
- * @var bool whether to close other items if an item is opened. Defaults to `true` which causes an
- * accordion effect. Set this to `false` to allow keeping multiple items open at once.
- * @since 2.0.7
- */
- public $autoCloseItems = true;
- /**
- * @var string the HTML options for the item toggle tag. Key 'tag' might be used here for the tag name specification.
- * For example:
- *
- * ```php
- * [
- * 'tag' => 'div',
- * 'class' => 'custom-toggle',
- * ]
- * ```
- *
- * @since 2.0.8
- */
- public $itemToggleOptions = [];
- /**
- * Initializes the widget.
- */
- public function init()
- {
- parent::init();
- Html::addCssClass($this->options, ['widget' => 'panel-group']);
- }
- /**
- * Renders the widget.
- */
- public function run()
- {
- $this->registerPlugin('collapse');
- return implode("\n", [
- Html::beginTag('div', $this->options),
- $this->renderItems(),
- Html::endTag('div')
- ]) . "\n";
- }
- /**
- * Renders collapsible items as specified on [[items]].
- * @throws InvalidConfigException if label isn't specified
- * @return string the rendering result
- */
- public function renderItems()
- {
- $items = [];
- $index = 0;
- foreach ($this->items as $key => $item) {
- if (!is_array($item)) {
- $item = ['content' => $item];
- }
- if (!array_key_exists('label', $item)) {
- if (is_int($key)) {
- throw new InvalidConfigException("The 'label' option is required.");
- } else {
- $item['label'] = $key;
- }
- }
- $header = $item['label'];
- $options = ArrayHelper::getValue($item, 'options', []);
- Html::addCssClass($options, ['panel' => 'panel', 'widget' => 'panel-default']);
- $items[] = Html::tag('div', $this->renderItem($header, $item, ++$index), $options);
- }
- return implode("\n", $items);
- }
- /**
- * Renders a single collapsible item group
- * @param string $header a label of the item group [[items]]
- * @param array $item a single item from [[items]]
- * @param int $index the item index as each item group content must have an id
- * @return string the rendering result
- * @throws InvalidConfigException
- */
- public function renderItem($header, $item, $index)
- {
- if (array_key_exists('content', $item)) {
- $id = $this->options['id'] . '-collapse' . $index;
- $options = ArrayHelper::getValue($item, 'contentOptions', []);
- $options['id'] = $id;
- Html::addCssClass($options, ['widget' => 'panel-collapse', 'collapse' => 'collapse']);
- $encodeLabel = isset($item['encode']) ? $item['encode'] : $this->encodeLabels;
- if ($encodeLabel) {
- $header = Html::encode($header);
- }
- $active = false;
- if (isset($options['class'])) {
- $classes = is_string($options['class']) ? preg_split('/\s+/', $options['class'], -1, PREG_SPLIT_NO_EMPTY) : $options['class'];
- $active = in_array('in', $classes, true);
- }
- $itemToggleOptions = array_merge([
- 'tag' => 'a',
- 'data-toggle' => 'collapse',
- ], $this->itemToggleOptions);
- Html::addCssClass($itemToggleOptions, ['widget' => 'collapse-toggle']);
- if (!$active) {
- Html::addCssClass($itemToggleOptions, ['collapsed' => 'collapsed']);
- }
- if ($this->autoCloseItems) {
- $itemToggleOptions['data-parent'] = '#' . $this->options['id'];
- }
- $itemToggleTag = ArrayHelper::remove($itemToggleOptions, 'tag', 'a');
- if ($itemToggleTag === 'a') {
- $headerToggle = Html::a($header, '#' . $id, $itemToggleOptions) . "\n";
- } else {
- $itemToggleOptions['data-target'] = '#' . $id;
- $headerToggle = Html::tag($itemToggleTag, $header, $itemToggleOptions) . "\n";
- }
- $header = Html::tag('h4', $headerToggle, ['class' => 'panel-title']);
- if (is_string($item['content']) || is_numeric($item['content']) || is_object($item['content'])) {
- $content = Html::tag('div', $item['content'], ['class' => 'panel-body']) . "\n";
- } elseif (is_array($item['content'])) {
- $content = Html::ul($item['content'], [
- 'class' => 'list-group',
- 'itemOptions' => [
- 'class' => 'list-group-item'
- ],
- 'encode' => false,
- ]) . "\n";
- if (isset($item['footer'])) {
- $content .= Html::tag('div', $item['footer'], ['class' => 'panel-footer']) . "\n";
- }
- } else {
- throw new InvalidConfigException('The "content" option should be a string, array or object.');
- }
- } else {
- throw new InvalidConfigException('The "content" option is required.');
- }
- $group = [];
- $group[] = Html::tag('div', $header, ['class' => 'panel-heading']);
- $group[] = Html::tag('div', $content, $options);
- return implode("\n", $group);
- }
- }
|