Tabs.php

<?php

declare(strict_types=1);

/**
 * This file is part of the EaseTWBootstrap3 package
 *
 * https://github.com/VitexSoftware/php-ease-twbootstrap
 *
 * (c) Vítězslav Dvořák <http://vitexsoftware.com>
 *
 * For the full copyright and license information, please view the LICENSE
 * file that was distributed with this source code.
 */

namespace Ease\TWB;

/**
 * Create TWBootstrap tabs.
 *
 * @see    http://getbootstrap.com/2.3.2/components.html#navs
 *
 * @author Vítězslav Dvořák <vitex@hippy.cz>
 */
class Tabs extends \Ease\Container
{
    /**
     * Název.
     */
    public string $partName = 'TWBTabs';

    /**
     * Array of tab names=>contents.
     */
    public array $tabs = [];

    /**
     * Jméno aktivního tabu.
     */
    private string $activeTab = '';

    /**
     * Create TWBootstrap tabs.
     *
     * @param string $partName      - DIV id
     * @param array  $tabsList
     * @param array  $tagProperties
     */
    public function __construct(
        $partName,
        $tabsList = null,
        $tagProperties = null
    ) {
        $this->partName = $partName;
        parent::__construct();

        if (\is_array($tabsList)) {
            $this->tabs = array_merge($this->tabs, $tabsList);
        }

        if (null !== $tagProperties) {
            $this->setPartProperties($tagProperties);
        }
    }

    /**
     * Vytvoří nový tab a vloží do něj obsah.
     *
     * @param string $tabName    jméno a titulek tabu
     * @param mixed  $tabContent
     * @param bool   $active     Má být tento tab aktivní ?
     *
     * @return \Ease\Html\DivTag odkaz na vložený obsah
     */
    public function &addTab($tabName, $tabContent = null, $active = false)
    {
        if (null === $tabContent) {
            $tabContent = new \Ease\Html\DivTag();
        }

        $this->tabs[$tabName] = ['static' => $tabContent];

        if ($active) {
            $this->activeTab = $tabName;
        }

        return $this->tabs[$tabName]['static'];
    }

    /**
     * Create new Dynamic Tab.
     *
     * @param string $tabName jméno a titulek tabu
     * @param string $tabUrl  where to obtain tab content
     * @param bool   $active  Má být tento tab aktivní ?
     *
     * @return \Ease\Html\DivTag odkaz na vložený obsah
     */
    public function &addAjaxTab($tabName, $tabUrl, $active = false)
    {
        $this->tabs[$tabName] = ['ajax' => $tabUrl];

        if ($active) {
            $this->activeTab = $tabName;
        }

        \Ease\WebPage::singleton()->addJavaScript(<<<'EOD'

$('#
EOD.$this->getTagID().<<<'EOD'
 a').click(function (e) {
	e.preventDefault();

	var url = $(this).attr("data-url");
  	var href = this.hash;
  	var pane = $(this);

	// ajax load from data-url
	$(href).load(url,function(result){
	    pane.tab('show');
	});
});


EOD);

        return $this->tabs[$tabName];
    }

    /**
     * Vrací ID tagu.
     *
     * @return string
     */
    public function getTagID()
    {
        return $this->partName;
    }

    /**
     * Vložení skriptu a divů do stránky.
     */
    public function finalize(): void
    {
        if (null === $this->activeTab) {
            $this->activeTab = current(array_keys($this->tabs));
        }

        $tabsUl = $this->addItem(new \Ease\Html\UlTag(
            null,
            ['class' => 'nav nav-tabs', 'id' => $this->partName],
        ));

        foreach ($this->tabs as $tabName => $tab) {
            $tabProperties = ['data-toggle' => 'tab'];

            if (key($tab) === 'ajax') {
                $tabProperties['data-url'] = current($tab);
            }

            $anchor = '#'.\Ease\Functions::lettersOnly(str_replace(['(', ')'], '', $this->partName.$tabName));

            if ($tabName === $this->activeTab) {
                $tabsUl->addItem(new \Ease\Html\LiTag(new \Ease\Html\ATag(
                    $anchor,
                    $tabName,
                    $tabProperties,
                ), ['class' => 'active']));
            } else {
                $tabsUl->addItem(new \Ease\Html\LiTag(new \Ease\Html\ATag(
                    $anchor,
                    $tabName,
                    $tabProperties,
                )));
            }
        }

        $tabDiv = $this->addItem(new \Ease\Html\DivTag(
            null,
            ['id' => $this->partName.'body', 'class' => 'tab-content'],
        ));

        foreach ($this->tabs as $tabName => $tab) {
            switch (key($tab)) {
                case 'static':
                    $tabContent = current($tab);

                    break;
                case 'ajax':
                    $tabContent = '';

                    break;
            }

            if ($tabName === $this->activeTab) {
                $tabDiv->addItem(new \Ease\Html\DivTag(
                    $tabContent,
                    ['id' => $this->partName.\Ease\Functions::lettersOnly($tabName),
                        'class' => 'tab-pane active',
                    ],
                ));
            } else {
                $tabDiv->addItem(new \Ease\Html\DivTag(
                    $tabContent,
                    ['id' => $this->partName.\Ease\Functions::lettersOnly($tabName),
                        'class' => 'tab-pane',
                    ],
                ));
            }
        }

        Part::twBootstrapize();

        if ($this->activeTab && is_array($this->tabs[$this->activeTab]) && key($this->tabs[$this->activeTab]) === 'ajax') {
            \Ease\WebPage::singleton()->addJavaScript(<<<'EOD'

// load first tab content
$('#
EOD.$this->partName.$this->activeTab.<<<'EOD'
').load($('.active a').attr("data-url"),function(result){
  $('.active a').tab('show');
});

EOD);
        } else {
            \Ease\WebPage::singleton()->addJavaScript(
                <<<'EOD'

        $('#
EOD.$this->partName.' a[href="#'.\Ease\Functions::lettersOnly($this->activeTab).<<<'EOD'
"]').tab('show');

EOD,
                null,
                true,
            );
        }
    }
}