Home → Velocity Formats →

Need help understanding/changing format

• Edit

Graham Lewis

May 03, 2013 @ 04:32 PM

We are working on a redesign of our website and in tweaking somethings I've come to an issue with our format for our navigation. The format was done as part of our quick start, so I'm having some trouble understanding it.

Here is what it does. It builds navigation off an indexed folder OR if we tell a page to be included in navigation.

I have the main navigation being styled the way I want, but am having a hard time finding what to change for the page inside a folder that is told to include in navigation. Thanks for the help!

Here is the format...

#macro (outputLabel $itemForLabel)
    #if ($itemForLabel.getChild("display-name"))
        $_SerializerTool.serialize($itemForLabel.getChild("display-name"), true)
    #elseif ($itemForLabel.getChild("title"))
        $_SerializerTool.serialize($itemForLabel.getChild("title"), true)    
    #else
        $_SerializerTool.serialize($itemForLabel.getChild("name"), true)
    #end

#end

#macro (outputNodes $nodes $level $selectedClass)
    <ul class="nav nav-pills nav-stacked">
        #foreach ($node in $nodes)
            #set ($currentFolder = $_XPathTool.selectSingleNode($node, "descendant::system-page[@current and not(@reference)]"))
            #set ($currentNode = $node.getAttribute("current").getValue())
            #set ($referenceNode = $node.getAttribute("reference").getValue())
            #if (($_XPathTool.selectSingleNode($node, "descendant::system-page[@current and not(@reference)]") || $node.getAttribute("current").getValue() == "true") && $referenceNode != "true")
                #set ($class = $selectedClass)
            #else
                #set ($class = "leftnav")
            #end
            <li class="left-nav">#outputLink($class $node)
            #if ($class == "left-nav-sub" || $class == "leftnav_selected")
                #set ($newLevel = $_XPathTool.selectNodes($node, "system-folder[dynamic-metadata[name='navigation' and value='Yes']] | system-page[name != 'index' or @reference][dynamic-metadata[name='navigation' and value='Yes']] | system-symlink"))
                #if ($newLevel.size() > 0)
                    #if ($class == "left-nav-sub")
                        #set ($thirdLevelCount = "3")
                    #else
                        #set ($thirdLevelCount = "4")
                    #end
                    #set ($selectedSubClass = "leftnav_selected")
                    #outputNodes($newLevel $thirdLevelCount $selectedSubClass)
                #end
            #end
            </li>
        #end
    </ul>
#end

#macro (outputLink $cssClass $item)
    #if ($item.getChild("title"))
        #set ($label = $_SerializerTool.serialize($item.getChild("title"), true))
    #elseif ($item.getChild("display-name"))
        #set ($label = $_SerializerTool.serialize($item.getChild("display-name"), true))
    #else
        #set ($label = $_SerializerTool.serialize($item.getChild("name"), true))
    #end
    #if ($item.getName() == "system-symlink")
        #set ($target = "_blank")
    #else
        #set ($target = "")
    #end
    #set ($path = $item.getChild('link').value)
    #if ($item.getName() == "system-folder")
        #set ($path = $path + "/index")
    #end
    #if ($item.getName() == "system-index-block")
        #set ($siteName = $_XPathTool.selectSingleNode($item, "system-page[name='index' and not(@reference)]"))
        <a href="/index">#outputLabel($siteName)</a>
    #else
        <a class="${cssClass}" href="${path}" target="${target}">#outputLabel($item)</a>
    #end
#end

#set ($siteName = $_XPathTool.selectSingleNode($contentRoot, "/system-index-block/calling-page/system-page/site").value)
#if ($siteName == "Migration" && $_XPathTool.selectSingleNode($contentRoot, "/system-index-block/system-folder[descendant::system-page[@current]]"))
    #set ($topLevel = $_XPathTool.selectSingleNode($contentRoot, "/system-index-block/system-folder[descendant::system-page[@current]]"))
#else
    #set ($topLevel = $_XPathTool.selectSingleNode($contentRoot, "/system-index-block"))
#end
#set ($class = "left-nav-sub")

<ul class="nav nav-pills nav-stacked">
    <li class="left-nav">#outputLink($class $topLevel)
        #set ($secondLevel = $_XPathTool.selectNodes($topLevel, "system-folder | system-page[name != 'index' or @reference][dynamic-metadata[name='navigation' and value='Yes']] | system-symlink"))
        #if ($secondLevel.size() > 0)
            #set ($outputClass = "leftnav_selected_submenu")
            #set ($secondLevelCount = "2")
            #outputNodes($secondLevel $secondLevelCount $outputClass)
        #end
    </li>
</ul>

1. 1 Posted by Penny on May 03, 2013 @ 06:38 PM

   

   Hi Graham,

   The second level and down are output using the macro
   #macro (outputNodes $nodes $level $selectedClass)

   Do you want to send me the html that you are trying to produce? Let me know! Thanks!

   • Edit

2. 2 Posted by Graham Lewis on May 03, 2013 @ 07:35 PM

   

   Hey Penny,

   Here is what is outputting right now. http://www.jsu.edu/newlook/it/acns/housing.html - "Residential Hall and Network Problem Report" is what I am wanting to style. I just want to be able to add a class to that level to make it look a bit different. Does that help?

   Graham Lewis
   Webmaster
   Jacksonville State University

   256.782.5331
   www.jsu.edu

   • Edit

3. 3 Posted by Graham Lewis on May 06, 2013 @ 03:34 PM

   

   Penny,

   Hope you had a good weekend! Did what I sent Friday make sense?

   Graham Lewis
   Webmaster
   Jacksonville State University

   256.782.5331
   www.jsu.edu

   ----- Original Message -----

   From: "Graham Lewis" <[email blocked]>
   To: "Penny" <[email blocked]>
   Sent: Friday, May 3, 2013 2:25:37 PM
   Subject: Re: Need help understanding/changing format [Velocity Formats #3363]

   Hey Penny,

   Here is what is outputting right now. http://www.jsu.edu/newlook/it/acns/housing.html - "Residential Hall and Network Problem Report" is what I am wanting to style. I just want to be able to add a class to that level to make it look a bit different. Does that help?

   Graham Lewis
   Webmaster
   Jacksonville State University

   256.782.5331
   www.jsu.edu

   • Edit

4. 4 Posted by Ryan Griffith on May 07, 2013 @ 12:31 PM

   

   Hi Graham,

   Without having too much knowledge of the Format itself, I believe Bootstrap out of the box does not add nested styles for navigation elements. One solution could be to use CSS to target the nested ul.nav lists.

   For example, the following would indent each nested nav 20 pixels.

   .nav .nav {
       margin-left: 20px;
   }
   

   • Edit

5. 5 Posted by Graham Lewis on May 07, 2013 @ 04:42 PM

   

   Ryan,

   That was exactly what I was looking for. Thanks! You da man haha

   Graham Lewis
   Webmaster
   Jacksonville State University

   256.782.5331
   www.jsu.edu

   • Edit

6. 6 Posted by Ryan Griffith on May 07, 2013 @ 07:34 PM

   

   Thank you for the followup, Graham. Glad to hear that option helped out.

   I'm going to go ahead and close this discussion, please feel free to comment or reply to re-open if you have any additional questions.

   Have a great day!

   • Edit

7. Ryan Griffith closed this discussion on May 07, 2013 @ 07:34 PM.

8. Graham Lewis re-opened this discussion on May 07, 2013 @ 07:35 PM

9. 7 Posted by Graham Lewis on May 07, 2013 @ 07:35 PM

   

   Sounds good! You as well

   Graham Lewis
   Webmaster
   Jacksonville State University

   256.782.5331
   www.jsu.edu

   • Edit

10. Ryan Griffith closed this discussion on May 07, 2013 @ 07:44 PM.