Admidio/admidio

View on GitHub
adm_program/system/classes/HtmlNavbar.php

Summary

Maintainability
B
5 hrs
Test Coverage
<?php
/**
 * @brief Class manages display of navbar in modules
 *
 * This class manage the presentation of a module menu. You can add as many
 * items to the menu and the class tries to display them in the perfect
 * way for the module. If there are to many items to display all than it
 * will create a menu button where you can find all the other menu items.
 * The position of the items is important. Only the first items will display
 * permanently in the module. The other items are summarized in a submenu.
 *
 * **Code example**
 * ```
 * // create module menu
 * $myNavbar = new HtmlNavbar('menu_my_module', 'My module');
 *
 * // show link to create new announcement
 * $myNavbar->addItem(
 *     'menu_item_new_entry', ADMIDIO_URL . FOLDER_MODULES . '/my-module/my-module_new.php',
 *     $gL10n->get('SYS_CREATE'), 'bi-plus-circle'
 * );
 * $myNavbar->show();
 * ```
 * @copyright The Admidio Team
 * @see https://www.admidio.org/
 * @license https://www.gnu.org/licenses/gpl-2.0.html GNU General Public License v2.0 only
 * @deprecated 5.0.0:5.1.0 Class "HtmlNavbar" is deprecated, use class "Form" instead.
 */
class HtmlNavbar
{
    /**
     * @var array<string,array<string,string|array<string,array<string,string>>>> An array with all items that should be displayed at the left part of the navbar
     */
    protected $leftItems = array();
    /**
     * @var array<string,array<string,string|array<string,array<string,string>>>> An array with all items that should be displayed at the right part of the navbar
     */
    protected $rightItems = array();
    /**
     * @var HtmlPage A HtmlPage object that will be used to add javascript code or files to the html output page.
     */
    protected $htmlPage;
    /**
     * @var string Parameter that includes the html of the form that should be shown within the navbar
     */
    protected $htmlForm = '';
    /**
     * @var string|null Name of the navbar that will be shown when navbar changed to vertical mode on small devices
     */
    protected $name;
    /**
     * @var string Navbar type. There is the **default** and the **filter** type possible.
     */
    protected $type;
    /**
     * @var string The id of the navbar.
     */
    protected $id;
    /**
     * @var string A css class name that should be added to the main nav tag of the navbar
     */
    protected $customCssClass = '';

    /**
     * creates the object of the module menu and initialize all class parameters
     * @param string $id Html id of the navbar
     * @param string $name Name of the navbar that will be shown when navbar changed to vertical mode on small devices
     * @param HtmlPage|null $htmlPage Optional a HtmlPage object that will be used to add javascript code
     *                           or files to the html output page.
     * @param string $type Different types of the navbar can be defined.
     *                           default: will be the standard navbar of all modules.
     *                           filter:  should be used if this navbar is used to filter data of within the script.
     * @throws Exception
     * @deprecated 5.0.0:5.1.0 Class "HtmlNavbar" is deprecated, use class "Form" instead.
     */
    public function __construct(string $id, string $name = '', HtmlPage $htmlPage = null, string $type = 'default')
    {
        global $gL10n;

        if ($name === '') {
            if ($type === 'default') {
                $name = $gL10n->get('SYS_MENU');
            } elseif ($type === 'filter') {
                $name = $gL10n->get('SYS_FILTER');
            }
        }

        if ($htmlPage instanceof HtmlPage) {
            $this->htmlPage =& $htmlPage;
        }

        $this->name = $name;
        $this->type = $type;
        $this->id   = $id;
    }

    /**
     * This method adds a css class to the main nav tag of the menu.
     * @param string $className The name of a css class that should be added to the main nav tag of the manu
     * @deprecated 5.0.0:5.1.0 Class "HtmlNavbar" is deprecated, use class "Form" instead.
     */
    public function addCssClass(string $className)
    {
        $this->customCssClass = ' '.$className;
    }

    /**
     * Add a form to the menu. The form will be added between the left and the right part of the navbar.
     * @param string $htmlForm A html code of a form that will be added to the menu
     * @deprecated 5.0.0:5.1.0 Class "HtmlNavbar" is deprecated, use class "Form" instead.
     */
    public function addForm(string $htmlForm)
    {
        $this->htmlForm = $htmlForm;
    }

    /**
     * Add a new item to the menu. This can be added to the left or right part of the navbar.
     * You can also add another item to an existing dropdown item. Therefore, use the **$parentItem** parameter.
     * @param string $id          Html id of the item.
     * @param string $url         The url of the generated link of this item.
     * @param string $text        The text of the item and the generated link.
     * @param string $icon        Icon of the menu item, that will also be linked
     * @param string $orientation The item can be shown at the **left** or **right** part of the navbar.
     * @param string $parentItem  All items should be added to the **navbar** as parent. But if you
     *                            have already added a dropdown than you can add the item to that
     *                            dropdown. Just commit the id of that item.
     * @param string $class       Optional a css class that will be set for the item.
     * @deprecated 5.0.0:5.1.0 Class "HtmlNavbar" is deprecated, use class "Form" instead.
     */
    public function addItem(string $id, string $url, string $text, string $icon = '', string $orientation = 'left', string $parentItem = 'navbar', string $class = '')
    {
        $urlStartRegex = '/^(https?:)?\/\//i';

        // add root path to link unless the full URL is given
        if ($url !== '' && $url !== '#' && preg_match($urlStartRegex, $url) === 0) {
            $url = ADMIDIO_URL . $url;
        }

        $item = array('id' => $id, 'text' => $text, 'icon' => $icon, 'url' => $url, 'class' => $class);

        if ($orientation === 'left') {
            if ($parentItem === 'navbar') {
                $this->leftItems[$id] = $item;
            } elseif (array_key_exists($parentItem, $this->leftItems)) {
                $this->leftItems[$parentItem]['items'][$id] = $item;
            }
        } elseif ($orientation === 'right') {
            if ($parentItem === 'navbar') {
                $this->rightItems[$id] = $item;
            } elseif (array_key_exists($parentItem, $this->rightItems)) {
                $this->rightItems[$parentItem]['items'][$id] = $item;
            }
        }
    }

    /**
     * Creates the html for the menu entry.
     * @param array<string,string> $data An array with all data if the item. This will be **id**, **url**, **text** and **icon**.
     * @return string Returns the html for the menu entry
     * @deprecated 5.0.0:5.1.0 Class "HtmlNavbar" is deprecated, use class "Form" instead.
     */
    protected function createHtmlLink(array $data): string
    {
        $iconHtml = '';

        if ($data['icon'] !== '') {
            $iconHtml = Image::getIconHtml($data['icon'], $data['text']);
        }

        return '
            <li class="nav-item ' . $data['class'] . '">
                <a class="nav-link" id="' . $data['id'] . '" href="' . $data['url'] . '">' . $iconHtml . $data['text'] . '</a>
            </li>';
    }

    /**
     * Creates the html for the menu entry.
     * @param array<string,string> $data An array with all data if the item. This will be **id**, **url**, **text** and **icon**.
     * @return string Returns the html for the menu entry
     * @deprecated 5.0.0:5.1.0 Class "HtmlNavbar" is deprecated, use class "Form" instead.
     */
    protected function createHtmlDropdownLink(array $data): string
    {
        $iconHtml = '';

        if ($data['icon'] !== '') {
            $iconHtml = Image::getIconHtml($data['icon'], $data['text']);
        }

        return'<li><a class="dropdown-item" id="' . $data['id'] . '" href="' . $data['url'] . '">' . $iconHtml . $data['text'] . '</a></li>';
    }

    /**
     * @param array<string,array<string,string|array<string,array<string,string>>>> $items
     * @param string $class
     * @return string
     * @deprecated 5.0.0:5.1.0 Class "HtmlNavbar" is deprecated, use class "Form" instead.
     */
    private function getNavHtml(array $items, string $class = ''): string
    {
        $html = '<ul class="navbar-nav mr-auto ' . $class . '">';

        foreach ($items as $menuEntry) {
            if (array_key_exists('items', $menuEntry) && is_array($menuEntry['items'])) {
                if (count($menuEntry['items']) === 1) {
                    // only one entry then add a simple link to the navbar
                    $html .= $this->createHtmlLink(current($menuEntry['items']));
                } else {
                    // add a dropdown to the navbar
                    $html .= '
                        <li class="nav-item dropdown ' . $menuEntry['class'] . '">
                            <a id="' . $menuEntry['id'] . '" href="#" class="nav-link dropdown-toggle" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                <i class="bi bi-list"></i>' . $menuEntry['text'] . '
                            </a>
                            <ul class="dropdown-menu" aria-labelledby="navbarDropdown">';

                    foreach ($menuEntry['items'] as $menuEntryDropDown) {
                        $html .= $this->createHtmlDropdownLink($menuEntryDropDown);
                    }
                    $html .= '</ul></li>';
                }
            } else {
                // add a simple link to the navbar
                $html .= $this->createHtmlLink($menuEntry);
            }
        }

        $html .= '</ul>';

        return $html;
    }

    /**
     * Set the name of the navbar that will be shown when navbar changed to vertical mode on small devices.
     * @param string $name New name of the navbar.
     * @deprecated 5.0.0:5.1.0 Class "HtmlNavbar" is deprecated, use class "Form" instead.
     */
    public function setName(string $name)
    {
        $this->name = $name;
    }

    /**
     * Creates the html output of the module menu. Each added menu item will be displayed.
     * If one item has several subitems than a dropdown button will be created.
     * @return string Returns the html output for the complete menu
     * @deprecated 5.0.0:5.1.0 Class "HtmlNavbar" is deprecated, use class "Form" instead.
     */
    public function show(): string
    {
        $showNavbar = false;
        $navHtml = '';

        // add left item block to navbar
        if (count($this->leftItems) > 0) {
            $showNavbar = true;
            $navHtml .= $this->getNavHtml($this->leftItems, 'navbar-left');
        }

        // add form to navbar
        if ($this->htmlForm !== '') {
            $showNavbar = true;
            $navHtml .= $this->htmlForm;
        }

        // add right item block to navbar
        if (count($this->rightItems) > 0) {
            $showNavbar = true;
            $navHtml .= $this->getNavHtml($this->rightItems, 'navbar-right');
        }

        if (!$showNavbar) {
            // don't show navbar if no menu item or form was added
            return '';
        }

        $cssClassBrand = '';
        $cssClassNavbar = '';

        // default navbar should not show the brand, only in xs mode
        if ($this->type === 'default') {
            $cssClassBrand = 'd-block d-md-none';
            $cssClassNavbar = 'navbar-menu';
        } elseif ($this->type === 'filter') {
            $cssClassNavbar = 'navbar-filter';
        }

        // add html for navbar
        $html = '
            <nav class="navbar navbar-expand-lg ' . $cssClassNavbar . $this->customCssClass . '">
            <div class="container-fluid">
                <a class="navbar-brand ' . $cssClassBrand . '" href="#">' . $this->name . '</a>
                <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#' . $this->id . '" aria-controls="' . $this->id . '" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>
                <div class="collapse navbar-collapse" id="' . $this->id . '">';

        $html .= $navHtml;
        $html .= '</div></div></nav>';

        // now show the complete html of the menu
        return $html;
    }
}