Как добавить class = «active» к активному элементу меню?

Question

[Николай Громов]

Здравствуйте. В шаблоне есть код для меню, которое берется из БД.

<div class="container-fluid p-0">
    <nav class="navbar navbar-expand-lg navbar-dark bg-dark sticky-top">
        <a href="/" class="navbar-brand">
            <img src="/images/Brand.png"  height="50" alt="logo">
        </a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarSupportedContent">
            <ul class="navbar-nav  align-content-between w-100">
                {foreach $menu as $item}
                    {if ($item->isActive)}
                        <li class="nav-item m-auto active">
                            <a href="{$item->url}{$item->id}/" class="nav-link">{$item->label}</a>
                        </li>
                    {/if}
                {/foreach}
            </ul>
        </div>
    </nav>
</div>

Как сделать так что бы к тегу добавлялся class = "active" если пользователь находится на данной странице?
{if ($item->isActive)} это проверка, выводить этот пункт меню или нет.
Если понадобится код с контроллера

function indexAction($smarty){
    $menu = getItemsMenu();
    $partners = getItemsPartners();

    $smarty->assign('menu', $menu);
    $smarty->assign('partners', $partners);
    $smarty->assign('pageTitle', 'ТМТ Энерго');

    loadTemplate($smarty, 'mainHeader');
    loadTemplate($smarty, 'index');
    loadTemplate($smarty, 'footer');
}

Используется шаблонизатор смарти, можно показать как это сделать в phtml и php, дальше сам разберусь.

Answer 1

[Антон Шаманов]

<li class="nav-item m-auto{if $item->isActive} active{/if}">

Comments

[Николай Громов]

Антон Шаманов,
я же говорю {if $item->isActive} это проверка, выводить сам элемент меню или нет. В БД есть пункты меню которые выводить пока не надо. Так что этот вариант не подойдет.

[Антон Шаманов]

Николай Громов, я понятия не имею что передается в $item и не могу написать точный код проверки, переделайте по аналогии, что-то вроде {if $item->url == $current_url} active{/if}

[Николай Громов]

Антон Шаманов, Во всех других контроллерах (отвечающих за другие страницы) есть строка определения id из адресной строки

function indexAction($smarty){

    $itemId = filter_input(INPUT_GET, 'id', FILTER_VALIDATE_INT) ? filter_input(INPUT_GET, 'id', FILTER_VALIDATE_INT) : null;
    if (!$itemId) {
        exit ();
    }

    $menu = getItemsMenu();
    $itemMenu = getMenuByMenuId($itemId);
    $thumbProjects = $itemMenu->ownThumbprojectList;
    $devices = $itemMenu->ownDeviceList;

    $smarty->assign('itemId', $itemId);
    $smarty->assign('menu', $menu);
    $smarty->assign('itemMenu', $itemMenu);
    $smarty->assign('devices', $devices);
    $smarty->assign('thumbProjects', $thumbProjects);
    $smarty->assign('pageTitle', 'ТМТ Энерго - АСУ ТП');

    loadTemplate($smarty, 'header');
    loadTemplate($smarty, 'asutpIndex');
    loadTemplate($smarty, 'footer');
}

я добавил вывод $itemId шаблон
$smarty->assign('itemId', $itemId);
и в шаблоне добавил такую проверку

<li class="nav-item m-auto {if $item->id == $itemId}active{/if} ">

Но в контроллере главной страницы нет определения id, и соответственно даже если добавить эту строку в контроллер главной страницы

$itemId = filter_input(INPUT_GET, 'id', FILTER_VALIDATE_INT) ? filter_input(INPUT_GET, 'id', FILTER_VALIDATE_INT) : null;
    if (!$itemId) {
        exit ();
    }

он возвращает мне NULL и соответственно ничего не выводит. Как быть с главной страницей?

[Антон Шаманов]

Николай Громов, ну откуда то ты же берешь id домашней страницы чтобы вывести её контент, вот это значение и передавай.