Build Left Navigation Class

[khaled]

Design and implement a generic class for rendering the left navigation column for any health guru site. The layout and content should follow the design proposed for PHG and Beta2 layouts for NHG.

[khaled]

Nav Bar Transparency Overlay Bottom

[khaled]

Nav Bar Transparency Overlay Top

[khaled]

Nav Bar Transparency Overlay Middle (For tiling)

[khaled]

Nav Bar Solid Selector bar (handle).

[khaled]

Nav Bar Solid Data display overlay top

[khaled]

Nav Bar Solid Data display overlay middle (for tiling)

[khaled]

Nav Bar Solid Data display overlay bottom

[khaled]

Nav category background when category is current.

[khaled]

Nav category background when category is current and selected (?).

[khaled]

Built basic Left Navigation Class (LeftNavigator?). Class displays current channel category information, all channel information and a variant list that is determined based on site/controller/action location. Also, based on passed parameters, the current category and current subcategory are displayed. The current category causes it's subcategories to be displayed below it (normally they are hidden) and for the background PinkCatGrad? to be applied to it. Currently have a problem with IE7 where the list item is not behaving like the FF one and the background renders slightly too high. May need specific ie7 CSS corrections.

Also added phg_leftcolumn_effects.js which provide for the basic mouseover events. Currently implemented in Revision 38 are rollover of category and entering the channel categories box. This is still very developmental though.

[khaled]

Currently have implemented (revision 104) rollover boxes that are capable of showing Category subclasses and Channel Categories. Additionally, we need to implement the display of stories (most recent) when a subcategory is viewed.

The current category or if subcategory, that is selected (i.e. if the current page is either a watch page playing content with a home subcategory or category or if the browse category or subcategory page is currently open) should show the pink gradient box by it. This might be done dynamically with Javascript or programmatically via PHP.

Additionally, we need to find a correction for the list display style for IE. The spacing between list items is too big.

Also, Expert rollovers need to show a picture of the expert, a short bio excerpt and a few of the experts 'appearing in' content pieces, probably based on most recent.

[gary]

PHG - fixed navbar bottom piece

[khaled]

Left Navigation Class and associated Javascripts are currently stable and complete for PHG.

Based on Tech Roundup discussion on 10/7/08, the class will need an additional abstraction to allow for 'Navigational Boxes' to be modularized when additional navigation features are requested, which is over and above the inital 'Variant Box' concept in which a single navigational group would be changed dependent on circumstance. This new design orientation for the left navigation will thus more closely model the right navigation. This is conceptually a major overhaul of the class and so will be an aspect of the next version of the class (probably for rollout with the next implemented channel).

Otherwise, the development on this class is locked and ready for testing.