Making Automatic Navigation System

[taufik-nurrohman]

What I do in almost all Mecha’s layout system is to make a variable named $links in which it contains the data of the root page objects to be applied as navigation menu somewhere in the layout files.

In .\lot\y\*\index.php file, I do this:

$links = [];

$links_data = Pages::from(LOT . D . 'page')->sort([1, 'title']);

foreach ($links_data as $link_data) {
    $links[] = $link_data;
}

// Register to global…
$GLOBALS['links'] = $links;

In .\lot\y\*\nav.php file, then I can print out the $links variable as navigation items:

<nav>
  <ul>
    <li>
      <a href="<?= $url; ?>">
        <?= i('Home'); ?>
      </a>
    </li>
    <?php foreach ($links as $link): ?>
      <li>
        <a href="<?= $link->url; ?>">
          <?= $link->title; ?>
        </a>
      </li>
    <?php endforeach; ?>
  </ul>
</nav>

Current state can be added dynamically via $page->__set() method and the like, to add custom page properties within the loop:

$current = $url->current;

foreach ($links_data as $link_data) {
    $link_data->current = $link_data->url === $current;
    $links[] = $link_data;
}

<?php foreach ($links as $link): ?>
  <li<?= $link->current ? ' class="current"' : ""; ?>>
    …
  </li>
<?php endforeach; ?>

You can also utilize every internal properties added to the page file itself, for example, to control the navigation link visibility:

---
title: Title Goes Here
description: Description goes here.
hide-from-navigation: true
...

Content goes here.

foreach ($links_data as $link_data) {
    if ($link_data->hideFromNavigation) {
        continue;
    }
    $links[] = $link_data;
}

[taufik-nurrohman]

To add submenu feature:

---
title: Store
description: Download custom extension and layout for free and for a small fee.
menus:
  '/store/extension/1': Extension
  '/store/layout/1': Layout
...

Content goes here.

<ul>
  <?php foreach ($links as $link): ?>
    <li>
      <a href="<?= $link->url; ?>">
        <?= $link->title; ?>
      </a>
      <?php if ($menus = $link->menus): ?>
        <ul>
          <?php foreach ($menus as $k => $v): ?>
            <li>
              <a href="<?= $k; ?>">
                <?= $v; ?>
              </a>
            </li>
          <?php endforeach; ?>
        </ul>
      <?php endif; ?>
    </li>
  <?php endforeach; ?>
</ul>