Flow: Famelo.Navigation Example

gistfile1.md

Result:

Routes.yaml

-
  name: 'Surveys'
  uriPattern: 'survey'
  navigation: 'Befragungen'
  defaults:
    '@format': 'html'
    '@action':     'index'
    '@controller': 'Survey'
    '@package': 'Famelo.ADU'
  appendExceedingArguments: true

-
  name: 'Do Survey'
  uriPattern: 'survey/do'
  navigation: 'Durchführen'
  defaults:
    '@format': 'html'
    '@action':     'new'
    '@controller': 'Survey'
    '@package': 'Famelo.ADU'
  appendExceedingArguments: true

-
  name: 'General Happiness'
  uriPattern: 'survey/happiness'
  navigation: 'Selbsteinschätzung'
  defaults:
    '@format': 'html'
    '@action':     'happiness'
    '@controller': 'Survey'
    '@package': 'Famelo.ADU'
  appendExceedingArguments: true

-
  name: 'Report'
  uriPattern: 'report'
  navigation: 'Auswertung'
  defaults:
    '@format': 'html'
    '@action':     'index'
    '@controller': 'Report'
    '@package': 'Famelo.ADU'
  appendExceedingArguments: true

Template.html

<n:navigation as="items">
<f:for each="{items}" as="item">
  <li>
      <n:action actionConfiguration="{item}">{item.label}</n:action>
      <f:if condition="{item.children}">
        <ul>
        <f:for each="{item.children}" as="child">
          <li>
              <n:action actionConfiguration="{child}">{child.label}</n:action>
          </li>
        </f:for>
        </ul>
      </f:if>
  </li>
</f:for>
</n:navigation>