Mobile Navigation 7.x-2.x Roadmap

Adding Task:
Rendering the menu on the server, using php instead of making a copy using JS.

Here is a new issue to discuss about the architecture of MN2.x
https://drupal.org/node/2205819

Adding list of tasks for the Mobile Navigation 7.x-2.x Architecure implementation.

Adding the JavaScript Changes section to address the tasks for JS refactoring.

Commited:

Starting with JS refactoring
- Removed all methods from the mobile_menu class. The old code is left in a file called mobile_menu_old.js
- Changes in the scructure of the configuration specification at mobile_navigation.js. Added two main items: displays and configurations.
- Added method getCurrentDisplay. Returns the name of the current display acording to the media queries results. Uses the same checkQuery Method, iterating over the displays list to get the current one.
- onResize() method calls getCurrentDisplay() method. Then it determines if the current display has been set before to apply configuration only once for each configuration set.

http://drupalcode.org/project/mobile_navigation.git/commit/11fe63e

Commited:

Implementation of Squema for mobile_navigation_displays Table and mobile_navigation_menu_display_configurations Table on .install file.

http://drupalcode.org/project/mobile_navigation.git/commit/82d4a37

Implementation of displays table at /admin/config/user-interface/mobile-navigation
* List of display is now orderable modifying the values of the weight directly in the table weight column.
* Displays can also be removed using a 'Remove display' checkbox in the delete column.

Commit - http://drupalcode.org/project/mobile_navigation.git/commit/cafe929

Commited: Implemented display configurations list as a tab on menus configuration at /admin/structure/menu/manage/%menu/mobile-navigation
* implemented list of display configuration for current menu.
* displays can be added and removed from the list. is only permited to add displays that haven been added yet.
* The list has a link to edit the configuration at
admin/structure/menu/manage/%menu/mobile-navigation/configuration/%display.
This link shows the configuration form.

Commit: http://drupalcode.org/project/mobile_navigation.git/commit/7c8132e

Commited 8e4b83c: Continue with mobile navigation UI implementation.
- Default values defined. When a display configuration is added to a menu this configuration is initialized with the default values declared in a series of constants.
- Configuration form is completed with the values needed for the features of mobile navigaiton, including the new features to be added on 7.x-2.x
- fixes and adjustments to the schema sctructure.
- Configuration form is completed. It is populated with values form the corresponding record at the configurations table.

Added the file mobile_navigation.inc
* This file is included on the mobile_navigations init hook.
* Mooved helper functions to this files. mobile_navigation_get_plugins() mobile_navigation_get_effects()
* also added a bunch of functions to re-use code for fetching displays and configuration info.

Commit: http://drupalcode.org/project/mobile_navigation.git/commit/9779149

Menus are now being redered at hook_page_build().
* One redered menu for each defined configuration is placed at the page_bottom region.
* Each menu shows in a div container with an id of the form "menu-name_display-name", example: main-menu_mobile
* All menus are contained in a div with the id mobile-navigation-menus.

Commit: http://drupalcode.org/project/mobile_navigation.git/commit/21e1bbb

Two data definitions are created on Drupal.settings:
* mobile_navigation_displays: Like:

{
  mobile : "(min-width:0px)",
  normal : "all and (min-width:420px)"
}

* mobile_navigation_configurations

{
  "<menu-name_display-name" : { 
            'menu' => menu_name,
            'menu_selector' => menu_selector,
            'display' => display_id,
            'plugin' => plugin,
            'show_items_policy' => show_items_policy,
            'expand_active_trail_automatically' => expand_active_trail_automatically,
            'show_hide_effect' => show_hide_effect,
            'collapse_by_default' => collapse_by_default,
            'menu_width' => menu_width,
            'use_button' => use_button,
            'button_title' => button_title,
            'use_handler' => use_handler,
            'handler_title' => handler_title,
            'use_mask' => use_mask,
            'use_classes' => use_classes, }
}

Commited: http://drupalcode.org/project/mobile_navigation.git/commit/90b8d70

We now have most of what we need for handdling Mobile Navigation at the Backend.
Not much has been done at the Front end, that is at the Clients JS.
So now that we have Drupal serving all the configurations and displays defined by the user to JS using the variables Drupal.settings.mobile_navigation_displays and Drupal.settings.mobile_navigation_configurations, we have now to do the mobile navigation magic so its DOM Time and JQuery Time.
Time to Focus on the mobile_menu.js libraries refactoring.

Ok, the migration of code from the previous to the new JS aproach is finished.
Ready for testing!
I have teste all the functionality with only one menu.
Now ill test the functionality with multiple menus configurations.

Everybody Please test all functionality of the 7.x-2.x-dev version of the mobile navigation module and give feedback.
Feel free to change the status to needs work if you find bugs or whatever.

Many things still have changed in the module so more testing is needed.
However i think im finnaly getting to a very stable version ado Im doing lots of testing this afternoon and anfter that ill be needing more people to test it.

Thank you @izmeez.

Thank you everybody for your ideas and feedback on your experience using Mobile Navigation module.
After me reviewing and testing it, i belive this chicken is almost cooked.
However we need some more people to test the last version and also need someone(that is not me) to change the status of this post to RTBC before we can launch the new release.
So i call everybody to test the current 7.x-2.x-dev version and give feedback.
Meanwhile, i will finish with the documentation and change the modules page contents, preparing for the release day.
I will also create the Drupal 8 branch so we start working in a 8.x-1.x-dev version. I think we are still in good time to have a stable version before the release of D8.

Adding new tasks.
Not working on this now for this will not be included in the 2.0 stable release.
This are to be implemented after the 2.0 release ir lauched.

• A expand in place modal show/hide effect. Current expand in place pushes all content under it down, when it expands. Making a modal effect that opens the menu expanding it over the content below it.
• More effects with easing. (using Jquery UI to enhance effects).
• Configurable speed.
• Adding a simple select tag plugin. Superfish has this but in case someone needs to implement this kind of transformation to any menu.
• CSS refactoring: Redesign the default CSS - Issue already created: #2191351: Redesign the default CSS
• adding contextual links to access directly to each menu configuration, in both, the generated Menu button block and the place where the menu is rendered.