|
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182 |
- <?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;
-
- /**
- * Carousel renders a carousel bootstrap javascript component.
- *
- * For example:
- *
- * ```php
- * echo Carousel::widget([
- * 'items' => [
- * // the item contains only the image
- * '<img src="http://twitter.github.io/bootstrap/assets/img/bootstrap-mdo-sfmoma-01.jpg"/>',
- * // equivalent to the above
- * ['content' => '<img src="http://twitter.github.io/bootstrap/assets/img/bootstrap-mdo-sfmoma-02.jpg"/>'],
- * // the item contains both the image and the caption
- * [
- * 'content' => '<img src="http://twitter.github.io/bootstrap/assets/img/bootstrap-mdo-sfmoma-03.jpg"/>',
- * 'caption' => '<h4>This is title</h4><p>This is the caption text</p>',
- * 'options' => [...],
- * ],
- * ]
- * ]);
- * ```
- *
- * @see http://getbootstrap.com/javascript/#carousel
- * @author Antonio Ramirez <amigo.cobos@gmail.com>
- * @since 2.0
- */
- class Carousel extends Widget
- {
- /**
- * @var array|boolean the labels for the previous and the next control buttons.
- * If false, it means the previous and the next control buttons should not be displayed.
- */
- public $controls = ['‹', '›'];
- /**
- * @var boolean
- * If false carousel indicators (<ol> tag with anchors to items) should not be displayed.
- */
- public $showIndicators = true;
- /**
- * @var array list of slides in the carousel. Each array element represents a single
- * slide with the following structure:
- *
- * ```php
- * [
- * // required, slide content (HTML), such as an image tag
- * 'content' => '<img src="http://twitter.github.io/bootstrap/assets/img/bootstrap-mdo-sfmoma-01.jpg"/>',
- * // optional, the caption (HTML) of the slide
- * 'caption' => '<h4>This is title</h4><p>This is the caption text</p>',
- * // optional the HTML attributes of the slide container
- * 'options' => [],
- * ]
- * ```
- */
- public $items = [];
-
-
- /**
- * Initializes the widget.
- */
- public function init()
- {
- parent::init();
- Html::addCssClass($this->options, 'carousel');
- }
-
- /**
- * Renders the widget.
- */
- public function run()
- {
- $this->registerPlugin('carousel');
- return implode("\n", [
- Html::beginTag('div', $this->options),
- $this->renderIndicators(),
- $this->renderItems(),
- $this->renderControls(),
- Html::endTag('div')
- ]) . "\n";
- }
-
- /**
- * Renders carousel indicators.
- * @return string the rendering result
- */
- public function renderIndicators()
- {
- if ($this->showIndicators === false) {
- return '';
- }
- $indicators = [];
- for ($i = 0, $count = count($this->items); $i < $count; $i++) {
- $options = ['data-target' => '#' . $this->options['id'], 'data-slide-to' => $i];
- if ($i === 0) {
- Html::addCssClass($options, 'active');
- }
- $indicators[] = Html::tag('li', '', $options);
- }
-
- return Html::tag('ol', implode("\n", $indicators), ['class' => 'carousel-indicators']);
- }
-
- /**
- * Renders carousel items as specified on [[items]].
- * @return string the rendering result
- */
- public function renderItems()
- {
- $items = [];
- for ($i = 0, $count = count($this->items); $i < $count; $i++) {
- $items[] = $this->renderItem($this->items[$i], $i);
- }
-
- return Html::tag('div', implode("\n", $items), ['class' => 'carousel-inner']);
- }
-
- /**
- * Renders a single carousel item
- * @param string|array $item a single item from [[items]]
- * @param integer $index the item index as the first item should be set to `active`
- * @return string the rendering result
- * @throws InvalidConfigException if the item is invalid
- */
- public function renderItem($item, $index)
- {
- if (is_string($item)) {
- $content = $item;
- $caption = null;
- $options = [];
- } elseif (isset($item['content'])) {
- $content = $item['content'];
- $caption = ArrayHelper::getValue($item, 'caption');
- if ($caption !== null) {
- $caption = Html::tag('div', $caption, ['class' => 'carousel-caption']);
- }
- $options = ArrayHelper::getValue($item, 'options', []);
- } else {
- throw new InvalidConfigException('The "content" option is required.');
- }
-
- Html::addCssClass($options, 'item');
- if ($index === 0) {
- Html::addCssClass($options, 'active');
- }
-
- return Html::tag('div', $content . "\n" . $caption, $options);
- }
-
- /**
- * Renders previous and next control buttons.
- * @throws InvalidConfigException if [[controls]] is invalid.
- */
- public function renderControls()
- {
- if (isset($this->controls[0], $this->controls[1])) {
- return Html::a($this->controls[0], '#' . $this->options['id'], [
- 'class' => 'left carousel-control',
- 'data-slide' => 'prev',
- ]) . "\n"
- . Html::a($this->controls[1], '#' . $this->options['id'], [
- 'class' => 'right carousel-control',
- 'data-slide' => 'next',
- ]);
- } elseif ($this->controls === false) {
- return '';
- } else {
- throw new InvalidConfigException('The "controls" property must be either false or an array of two elements.');
- }
- }
- }
|