sfMenuGeneratorPlugin - 0.2.0

Generates simple menus with no style.Credentials and shortcuts supported.

You are currently browsing
the website for symfony 1

Visit the Symfony2 website


« Back to the Plugins Home

Signin


Forgot your password?
Create an account

Tools

Stats

advanced search
Information Readme Dependencies Releases Changelog Contribute
Show source | Show as Markdown

sfMenuGeneratorPlugin

Overview

Simple menu structure generator.

Requires Prototype 1.6.0, if your symfony doesn't come it that version , use the sfPrototypePlugin

YES

  • Easily configurable through .yml files

  • advanced module.yml overriding

  • Credentials management

  • Shortcuts at wish

NO

  • No fancy behaviors

  • No css

    Just plain old html!

Installation

symfony plugin-install http://plugins.symfony-project.com/sfN1IterationPlugin

Quick & Dirty

Configuration at 'app.yml' and 'module.yml'

all:
  ...
  ...
  sf_menu_generator:

    root:
      text:  'Choose'
      items: [contacts](users,)

   contacts:
     text:     'Contacts'
     link:     'contacts/list'
     shortcut: 'c'
     deny:     [contenteditor](manager,)

    users:
      text:   'Users Menu Node'
      link:   'users/list'
      items:  [newuser, modifyuser](listusers,)
      allow:  [admin]


    listusers:
      text:     'User List'
      link:     'users/list'
      shortcut: 'ctrl+lu'

    newuser:
      text:     'New user'
      link:     'users/new'
      shortcut: 'ctrl+nu'

    modifyuser:
      text: 'Modify user'
      link: 'users/modify'

Use of the helper

'menu'))?>

Generated HTML

config explained

The plugins use 'menu items' defined in app.yml or module.yml.

These items are not defined hierarchically. Instead of that each menu item has an items sections which refers to the other menu items that are to be considered childs.

Each menu item is defined as follows:

  itemName:
    text:       'text to show'
    link:       'link to be fed into link_to()'
    shortcut:   'sh1+ctrl'
    items:      [subitem2](subitem1,)
    allow:      [credential2](credential1,)
    deny:       [credential4](credential3,)
    html_id:    'idItem'
    html_style: 'float:left;color:#FF00FF;'
    html_class: 'mypersonalclassname'
    a_id:       'idAItem'
    a_target:   'blank'

params explained

  • text: this is the text meant to be inside the li element. Can be anything, even html tags. Not mandatory.

  • link: this is the link the menu item will point to. it's not mandatory if nothing is set, then an '#' is generated.

  • shortcut: if you want to have a keyboard shortcut to make the browser goes to the url defined by the 'link' attribute, type it here. any character combination that can be seen on any editor is valid. you can only indicate one modifier: ctrl (or not).

  • items: this is an array of the menu items (defined just like this one elsewhere in the yml file) which are supposed to be the childs of this one.

  • allow: Array of the credentials a user must have to view this particular item . If none is given , 'any' wildcard is assumed .

  • deny: Array of the credentials a user must not have to view this particular item. If there is collision between this parameter and the allow parameter, the most resctrictive approach is taken.

  • a_*: attributes for the "a" tag. can be anything .

  • html_*: attributes for the "li" tag.

default classnames

If no 'html_class' is providen, the "li" tags have the class="mg node_".

If there is an 'html_class' parameter, then the "li" tag will have that class name, plus "node_".

  user:
    text: 'Users'
    html_class: 'soft'

will generate ..
  ...
  <li class="soft node_user">
  ....
    <a ..>Users</a>
  </li>

parameters preference . Use of the module.yml

The helper will read its configuration from both app.yml and module.yml.

Items can be defined in both files.

app.yml:

  user:
    text: 'users'
    items: [user2](user1,)

  user1:
    text: 'user1'

module.yml:

  user2:
    text: 'user2'

As you see in the previous example, you can use child items that are defined elsewhere.

In case of overlapping, the module.yml definitions have precedence.

app.yml:

  user: 
    text: 'user from the root menu'
    items: [user2](user1,)
..

module.yml:

  user:
    text: 'user from the module'

is equivalent to:

  user: 
    text: 'user from the module'
    items: [user2](user1,)

Overlapping the items, allow and deny section

Regarding the 'items' , 'allow' and 'deny' sections, special rules apply when there is overlapping. The syntax is similar to the one used on stylesheets section of view.yml.

  • The items|allow|deny section defined for an overlapping menu item at module.yml file are added to the items|allow|deny section defined at the app.yml configuration file.

  • If there is a '-' prefix for one of the elements of the items|allow|deny array, then that element is removed from the childs.

  • The special '-' instructs to remove all the elements that are already defined at the *items|allow|deny section , at the moment the parser reads that special character. (The following elements are not affected).

so, if we have these two overlapping menu items:

app.yml:

  user:
    ...
    items: [user2, user3, user4](user1,)
    allow: [cred2](cred1,)

module1.yml:

  user:
    items: [-user2](user5,)
    deny: [cred2]

module2.yml:

  user:
    items: [-*,user6]
    allow: [-cred1]
  • In module1.yml, the 'user5' child will be added, and the 'user2' will be removed. The 'cred2' credential is denied

  • In module2.yml all the childs defined in app.yml will be removed, and the 'user6' child will be added. The cred1 is no longer allowed

Shortcuts explained

In order to assure maximun compatibility, shortcuts are kept simple.

  • a shortcut defined in any menu item will just make the browser go to the address specified by the 'link' param. No more, No less

  • shortcuts can be made of single characters or words.

  • shortcuts are defined by the 'keypress' event, so any character combination that can be seen on an editor is admisible: 'a' , 'a8', '#er', etc ...

  • The only modifier which is to be taken into account is 'ctrl', and is specified like this 'ctrl+a' or 'bebe + ctrl' or '111+ctrl' , etc ...

  • In case the cursor is inside a text input only the shortcuts defined with the ctrl modifiers will work.

  • you can always un-focus any input field by pressing and releasing the ctrl or ESC key.

  • in case the shortcut is made of more than one character (a 'word' shortcut), you have two seconds between keypresses, if you take longer than that, the system empty the 'shortcut buffer'.

helper explained

The helper is fairly simple to use:


....
'menu','style'=>'display:inline;'))?>

The first argument is an array with the menu nodenames, as they are defined and discussed in the previous section.

The second argument are html attributes to pass to the main "ul" tag of the menu.