Переводим pdoMenu на Fenom

В этой статье я покажу как используя Fenom можно построить многоуровневое меню с помощью pdoMenu с единственным чанком и забыть про 10 шаблонов (tplOuter, tplInner, tpl, tplHere, tplParentRow, tplParentRowHere, tplParentRowActive, tplInnerRow, tplInnerRowHere, tplCategoryFolder).

Материал рассчитан на разработчиков, свободно владеющими навыками программирования на PHP, а также знакомыми со структурой MODX. Желательно знать азы шаблонизатора Fenom. Новички могут использовать данный материал в режиме «Copy/Paste».

Весь процесс снят на видео. Я постарался сделать это максимально просто.

Исходный код

Сниппет

Я не буду публиковать код всего сниппета pdoMenuFenom, а выложу только добавленный функционал. Вы можете вставить его самостоятельно.

$activeResources = $modx->getParentIds($modx->resource->id, 20, ['context' => $modx->context->key]);
$activeResources[] = $modx->resource->id;
$modx->setPlaceholder('activeResources', array_flip($activeResources));

if (!empty($toArray)) return $tree;

Вставить нужно перед этими строчками (ориентировочно строка 168):

if (!empty($tree)) {
    $output = $pdoMenu->templateTree($tree);
}

Соответственно, при вызове сниппета нужно указать параметр toArray со значением `1` или true в зависимости от синтаксиса вызова.

Чанк Menu

{set $ar = $_modx->getPlaceholder('activeResources')}
{if $ar[$item['id']]!}
    {set $classes = $item['id'] == $_modx->resource.id ? 'here' : 'active'}
{else}
    {set $classes = ''}
{/if}

{if $item['children']?}
<li class="tplParentRow {$classes}">
    <a href="{$item['id'] | url}">{$item['pagetitle']}</a>
    <ul class="tplInner">
    {foreach $item['children'] as $child}
        {set $child['level'] = $item['level'] + 1}
        {$_modx->getChunk('Menu', ['item'=>$child])}
    {/foreach}
    </ul>
</li>
{else}
<li class="{$item['level'] > 1 ? 'tplInnerRow' : 'tpl'} {$classes}">
    <a href="{$item['id'] | url}">{$item['pagetitle']}</a>
</li>
{/if}

Вызов в шаблоне

Мы будем работать с шаблоном, в котором вызовем полученный сниппет. Этот шаблон привязывается к ресурсам, у которых должно быть одинаковое меню. Например, это может быть главное вернее меню или меню футера.

<ul class="tplOuter">
{set $items = $_modx->runSnippet('pdoMenuFenom', [
    'parents' => 0,
    'displayStart' => true,
    'toArray' => true,
])}
{foreach $items as $item}
    {set $item['level'] = 1}
    {$_modx->getChunk('Menu', ['item'=>$item])}
{/foreach}
</ul>

Сниппет можно вызывать как кэшированным так и нет. Всё зависит от поставленной задачи.