Frog CMS

This might be a job for preg_match, and mtylerb is our resident pattern-matching pro. :) I can’t get to this just now, but will check it out in the next day or two — by which time hopefully it will already be sorted! (My cunning plan.)

I decided that a 3 or 4 level collapsing menu wasn’t any good for me, so I wrote the following snippet that works for any number of levels, and doesn’t get confused by slug names:

<?php
function stackup($page, $level, &$astack)
  {
  $ancestor = $page->parent;
  if ($ancestor)
    {
    $astack[$level + 1] = $ancestor;
    stackup($ancestor, $level + 1, $astack);
    }
  }
function unstack($current, $max, $stack)
  {
  $here = $stack[$current];
  $next = $stack[$current + 1];
  $childs = $here->children();
  $count = count($childs);
  if ($count > 0)
    {
    echo '<ul>'."\n";
    foreach ($childs as $child)
      {
      if ($child->breadcrumb == $next->breadcrumb)
        {
        echo '<li>'.$child->link()."\n";
        if ($current < $max) {
          unstack($current + 1, $max, $stack);
          echo '</li>'."\n";
          }
        else echo '<li>'.$child->link().'</li>'."\n";
        }
      else echo '<li>'.$child->link().'</li>'."\n";
      }
    echo '</ul>'."\n";
    }
  }
$astack[0] = $this;
stackup($this, 0, $astack);
$bstack = array_reverse($astack);
$lev = count($bstack) - 1;
echo '<ul><li>'.$bstack[0]->link()."\n";
unstack(0, $lev, $bstack);
echo '</li></ul>'."\n";
?>

It does a recursive ascent from the current page to Home (stackup function) followed by a recursive descent writing nested <ul> menus (unstack function).

As I’m new to PHP the code might not be the best, but it does work.

@peter_b – very nice solution — thanks for this!

It is working beautifully for me in 0.9.4. I think there are still some wrinkles to be worked out in the current 0.9.[5-to-be] version in SVN, though. Both this code and my “inline nav” code break when Frog is in a subdir. Hopefully that will be sorted before it becomes a Release Candidate, though!

It’s simple to do using the built-in feature of the link() function – the second optional argument is a string to be added into the <a> tag, so setting this to ‘class=“current”’ does it. See the modified code below.

<?php

function stackup($page, $level, &$astack)
  {
  $ancestor = $page->parent;
  if ($ancestor)
    {
    $astack[$level + 1] = $ancestor;
    stackup($ancestor, $level + 1, $astack);
    }
  }

function unstack($current, $max, $stack)
  {
  $here = $stack[$current];
  $next = $stack[$current + 1];
  $childs = $here->children();
  $count = count($childs);
  if ($count > 0)
    {
    echo '<ul>'."\n";
    foreach ($childs as $child)
      {
      if ($child->breadcrumb == $next->breadcrumb)
        {
        echo '<li>'.$child->link('', 'class="current"')."\n";
        if ($current < $max) {
          unstack($current + 1, $max, $stack);
          echo '</li>'."\n";
          }
        else echo '<li>'.$child->link().'</li>'."\n";
        }
      else echo '<li>'.$child->link().'</li>'."\n";
      }
    echo '</ul>'."\n";
    }
  }

$astack[0] = $this;
stackup($this, 0, $astack);
$bstack = array_reverse($astack);
$lev = count($bstack) - 1;
if ($lev == 0) echo '<ul><li>'.$bstack[0]->link('', 'class="current"')."\n";
else echo '<ul><li>'.$bstack[0]->link()."\n";
unstack(0, $lev, $bstack);
echo '</li></ul>'."\n";

?>

Thanks for finding the bug in my code – poor testing on my part!

I’ve used the following CSS to make the top two levels look as if they’re at the same level:

#sidenav ul {
 padding: 0 0 0 0px;
 margin: 0;
 list-style-type: none;
}
#sidenav ul ul ul {
 padding: 0 0 0 10px;
 margin: 0;
 list-style-type: none;
}

So the first <ul> has zero left padding and so does the second <ul>, but the third and subsequent levels get 10px each (ie. 10px for the 3rd, 20px for the 4th, etc).

I haven’t tried to mix top & side menus, as I’ve used the top position for breadcrumbs.

Hi Kristjan: it would be good to know a bit more about your layout, but it seems to me you want to use the unlimited levels and children in your sidebar, with the line

 $page = $this->find('/');

changed to something like

 $page = $this->find('/$startSlug');

where $startSlug is the slug of “Page 1”.

@Ax — sorry! I don’t understand!

David yes the unlimited levels and children i almost what i want BUT it lists me all pages i need that i shows me only child pages of section Team. Look at the layout on address www.proklubi.ee

peter_b gave me a great help in a menu I’m trying to change, however, I believe there’s a problem with this structure:

Home Page
> Page 1
> > Sub1 A
> > Sub1 B
> > > Sub1 B.1
> > > > Sub1 B.1.1
> > > > Sub1 B.1.2
> > > Sub1 B.2
> > Sub 1 C
> Page 2

When I click on Sub1 B.1 to open Sub1 B.1.1, it opens and closes at the same time and I really don’t know what to do… Can anyone help me please? I want it to stay open… :(