innetra-easy_navigation 2.1.0 → 2.1.2

data/Manifest

@@ -1,4 +1,10 @@
 Manifest
+easy_navigation.gemspec
+generators/easy_navigation/templates/stylesheets/sass/easy_navigation.sass
+generators/easy_navigation/templates/javascripts/easy_navigation.js
+generators/easy_navigation/templates/images/arrow.png
+generators/easy_navigation/templates/images/arrow.svg
+generators/easy_navigation/easy_navigation_generator.rb
 README.rdoc
 Rakefile
 init.rb

data/README.rdoc

@@ -4,7 +4,8 @@ Rails gem/plugin for generating a tabbed navigation for Rails.
 
 == Requirements
 
-This gem/plugin is intented to be used with Rails 2.2 as it uses i18n
+This gem/plugin is intented to be used with Rails 2.2 as it uses i18n,
+also you'll need to install Haml as it uses Sass for CSS.
 
 == Install
 

data/Rakefile

@@ -2,7 +2,7 @@ require 'rubygems'
 require 'rake'
 require 'echoe'
 
-Echoe.new('easy_navigation', '2.1.0') do |e|
+Echoe.new('easy_navigation', '2.1.2') do |e|
   e.description    = "Easy navigation for Ruby on Rails 2.2 (i18n)"
   e.url            = "http://github.com/innetra/easy_navigation"
   e.author         = "Ivan Torres"

data/easy_navigation.gemspec

@@ -2,15 +2,15 @@
 
 Gem::Specification.new do |s|
   s.name = %q{easy_navigation}
-  s.version = "2.1.0"
+  s.version = "2.1.2"
 
   s.required_rubygems_version = Gem::Requirement.new(">= 1.2") if s.respond_to? :required_rubygems_version=
   s.authors = ["Ivan Torres"]
-  s.date = %q{2009-04-25}
+  s.date = %q{2009-05-02}
   s.description = %q{Easy navigation for Ruby on Rails 2.2 (i18n)}
   s.email = %q{mexpolk@gmail.com}
   s.extra_rdoc_files = ["README.rdoc", "lib/easy_navigation.rb"]
-  s.files = ["Manifest", "README.rdoc", "Rakefile", "init.rb", "lib/easy_navigation.rb", "easy_navigation.gemspec"]
+  s.files = ["Manifest", "easy_navigation.gemspec", "generators/easy_navigation/templates/stylesheets/sass/easy_navigation.sass", "generators/easy_navigation/templates/javascripts/easy_navigation.js", "generators/easy_navigation/templates/images/arrow.png", "generators/easy_navigation/templates/images/arrow.svg", "generators/easy_navigation/easy_navigation_generator.rb", "README.rdoc", "Rakefile", "init.rb", "lib/easy_navigation.rb"]
   s.has_rdoc = true
   s.homepage = %q{http://github.com/innetra/easy_navigation}
   s.rdoc_options = ["--line-numbers", "--inline-source", "--title", "Easy_navigation", "--main", "README.rdoc"]

data/generators/easy_navigation/easy_navigation_generator.rb

@@ -0,0 +1,53 @@
+class EasyNavigationGenerator < Rails::Generator::Base
+  attr_accessor :controllers
+  def manifest
+
+    record do |m|
+
+      # CSS rules for EasyNavigation
+      m.directory("public/stylesheets/sass")
+      m.template "stylesheets/sass/easy_navigation.sass", "public/stylesheets/sass/easy_navigation.sass"
+
+      # Javascript for horizontal dropdown menu's
+      m.directory("public/javascripts")
+      m.template "javascripts/easy_navigation.js", "public/javascripts/easy_navigation.js"
+
+      m.directory("public/images/easy_navigation")
+      m.file "images/arrow.png", "public/images/arrow.png"
+
+    end
+  end
+
+  protected
+
+    def extract_routes
+
+      self.controllers = {}
+
+      ActionController::Routing::Routes.routes.each do |route|
+
+        if route.parameter_shell.has_key?(:controller)
+
+          unless self.controllers.has_key?(route.parameter_shell[:controller])
+            self.controllers[route.parameter_shell[:controller]] = { :actions => [] }
+          end
+
+          unless self.controllers[route.parameter_shell[:controller]].include? route.parameter_shell[:action]
+            self.controllers[route.parameter_shell[:controller]][:actions] << route.parameter_shell[:action]
+          end
+
+        end
+      end
+
+    end
+
+    def build_easy_navigation_configuration
+      extract_routes
+      self.controllers.keys.sort.each do |controller_name|
+        self.controllers[controller_name][:actions].each do |action_name|
+          p "#{controller_name} => #{action_name}"
+        end
+      end
+    end
+
+end

data/generators/easy_navigation/templates/images/arrow.svg

@@ -0,0 +1,99 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="744.09448819"
+   height="1052.3622047"
+   id="svg2"
+   sodipodi:version="0.32"
+   inkscape:version="0.46"
+   sodipodi:docname="arrow.svg"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape">
+  <defs
+     id="defs4">
+    <inkscape:perspective
+       sodipodi:type="inkscape:persp3d"
+       inkscape:vp_x="0 : 526.18109 : 1"
+       inkscape:vp_y="0 : 1000 : 0"
+       inkscape:vp_z="744.09448 : 526.18109 : 1"
+       inkscape:persp3d-origin="372.04724 : 350.78739 : 1"
+       id="perspective10" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     gridtolerance="10000"
+     guidetolerance="10"
+     objecttolerance="10"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="12.068065"
+     inkscape:cx="27.92494"
+     inkscape:cy="998.95349"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:window-width="1280"
+     inkscape:window-height="725"
+     inkscape:window-x="0"
+     inkscape:window-y="25" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <g
+       id="g2502"
+       inkscape:export-filename="/home/itorres/code/easy_navigation/generators/easy_navigation/templates/images/arrow.png"
+       inkscape:export-xdpi="90"
+       inkscape:export-ydpi="90">
+      <rect
+         inkscape:export-ydpi="90"
+         inkscape:export-xdpi="90"
+         inkscape:export-filename="/home/itorres/Desktop/arrow.png"
+         y="40.312904"
+         x="30.299774"
+         height="14"
+         width="10"
+         id="rect3277"
+         style="fill:none;fill-opacity:1;stroke:none;stroke-width:5;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path
+         inkscape:export-ydpi="90"
+         inkscape:export-xdpi="90"
+         inkscape:export-filename="/home/itorres/Desktop/arrow.png"
+         transform="matrix(-0.9483359,0,0,-0.821283,49.36601,77.264811)"
+         d="M 18.52321,39.665869 L 14.832535,39.665869 L 11.141859,39.665869 L 12.987197,36.469651 L 14.832535,33.273432 L 16.677872,36.469651 L 18.52321,39.665869 z"
+         inkscape:randomized="0"
+         inkscape:rounded="0"
+         inkscape:flatsided="false"
+         sodipodi:arg2="1.5707963"
+         sodipodi:arg1="0.52359878"
+         sodipodi:r2="2.1308122"
+         sodipodi:r1="4.2616248"
+         sodipodi:cy="37.535057"
+         sodipodi:cx="14.832535"
+         sodipodi:sides="3"
+         id="path2385"
+         style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:5;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         sodipodi:type="star" />
+    </g>
+  </g>
+</svg>

data/generators/easy_navigation/templates/javascripts/easy_navigation.js

@@ -0,0 +1,37 @@
+var EasyNavigation = Class.create();
+EasyNavigation.prototype = {
+
+  timeout: null,
+  menu: null,
+
+  initialize: function(navigation) {
+    $(navigation).select('li.tab.drop, li.tab div').each(
+      function(node) {
+        Event.observe(node, 'mouseover', this.displayMenu.bind(this));
+        Event.observe(node, 'mouseout', this.hideMenu.bind(this));
+      }.bind(this)
+    );
+  },
+
+  displayMenu: function(event) {
+    clearTimeout(this.timeout);
+    this.menu = $(Event.element(event)).up('.tab div') ||
+      $(Event.element(event)).down('.tab div') ||
+      $(Event.element(event)).next('.tab div');
+    if (this.menu.style.display == 'none')
+      this.toggleMenu(this.menu);
+  },
+
+  hideMenu: function(event) {
+    if (this.menu.style.display == 'none') {
+      clearTimeout(this.timeout);
+    } else {
+      this.timeout = window.setTimeout(this.toggleMenu.bind(this, this.menu), 1000);
+    }
+  },
+
+  toggleMenu: function(element) {
+    Effect.toggle($(element), 'slide', {duration: 0.3});
+  }
+
+}

data/generators/easy_navigation/templates/stylesheets/sass/easy_navigation.sass

@@ -0,0 +1,84 @@
+// Default colors
+!tab_text_color = #FFF
+!tab_bg_color = transparent
+!menu_text_color = #FFF
+!menu_bg_color = #257291
+
+// Current tab|menu being viewed
+!current_tab_text_color = #FFFF00
+!current_tab_bg_color = #257291
+!current_menu_text_color = #FFFF00
+!current_menu_bg_color = #257291
+
+// Hover style for tab and menus
+!hover_tab_bg_color = #257291
+!hover_menu_bg_color = #258BB4
+
+// Drop down menu image (arrow down)
+!drop_down_image = "url(/images/easy_navigation/arrow.png)"
+
+.navigation
+  font-size: 12px
+  font-weight: bold
+  line-height: 30px
+  margin: 0
+  padding: 0
+
+  a
+    display: block
+    padding: 0 10px
+    text-decoration: none
+
+  li
+    list-style: none
+
+  ul
+    margin: 0
+    padding: 0
+
+  .tab
+    float: left
+    margin-right: 5px
+
+    a.tab_link
+      color = !tab_text_color
+      background-color = !tab_bg_color
+
+    div
+      background-color: !tab_bg_color
+      left: auto
+      min-width: 150px
+      padding: 0
+      position: absolute
+      top: auto
+      z-index: 10000
+
+      .menu, a.menu_link
+        color = !menu_text_color
+        background-color = !menu_bg_color
+
+  .drop
+    background:
+      image: url(/images/arrow.png)
+      repeat: no-repeat
+      position: 95% 60%
+    padding-right: 5px
+
+  // Current
+  .tab.current
+    background-color = !current_tab_bg_color
+    a.tab_link
+      color = !current_tab_text_color
+
+  .menu.current a.menu_link
+    background-color = !current_menu_bg_color
+    color = !current_menu_text_color
+
+  // Hovers
+  .tab
+    &:hover
+      background-color = !hover_tab_bg_color
+
+  .menu a.menu_link
+    &:hover
+      background-color = !hover_menu_bg_color

data/lib/easy_navigation.rb

@@ -13,65 +13,95 @@ module EasyNavigation
       tabs_html = ""
 
       EasyNavigation::Builder.navigation[name][:tabs].each do |tab|
+
         menus_html = ""
         current_tab = false
+
         tab[:menus].each do |menu|
-          if current = current_menu?(menu)
-            current_tab = true
-          end
+
+          current_tab = true if current = current_menu?(menu)
+
+          # Render menu's HTML class attribute
+          menu_class = ""
+          menu_class << menu_class_name
+          menu_class << " current" if current
+
+          # Render menu's HTML
           menus_html << self.render_menu(menu[:name], menu[:text],
-            menu[:url].merge!(:skip_relative_url_root => true),
-            ("#{menu_class_name} current" if current) || menu_class_name)
+            menu[:url].merge!(:skip_relative_url_root => true), menu_class)
           if separator
-           menus_html << self.render_separator(separator_class_name)
+            menus_html << self.render_separator(separator_class_name)
           end
+
+        end
+
+        # If tab has no menus mark detect if match current url
+        current_tab = current_menu?(tab) if tab[:menus].empty?
+
+        # Render tab's HTML class attribute
+        tab_class = ""
+        tab_class << tab_class_name
+        tab_class << " current" if current_tab
+
+        if tab[:menus].empty?
+          tabs_html << self.render_empty_tab(tab[:name], tab[:text],
+            tab[:url].merge!(:skip_relative_url_root => true),
+            tab_class)
+        else
+          tab_class << " drop"
+          tabs_html << self.render_tab(tab[:name], tab[:text],
+            tab[:url].merge!(:skip_relative_url_root => true),
+            menus_html, tab_class)
         end
-        tabs_html << self.render_tab(tab[:name],
-          tab[:text],
-          tab[:url].merge!(:skip_relative_url_root => true),
-          menus_html, ("#{tab_class_name} current" if current_tab) || tab_class_name)
+
       end
       self.render_navigation("navigation_" << name.to_s, tabs_html, navigation_class_name)
     end
 
     protected
 
-    def render_separator(class_name)
-      content_tag("li", "|", :class => class_name)
-    end
+      def render_separator(class_name)
+        content_tag("li", "|", :class => class_name)
+      end
 
-    def render_menu(id, text, url, class_name)
-      content_tag("li", link_to(text, url), :id => id, :class => class_name)
-    end
+      def render_menu(id, text, url, class_name)
+        content_tag("li", link_to(text, url, :class => "menu_link"),
+          :id => id, :class => class_name)
+      end
 
-    def render_tab(id, text, url, menus_html, class_name)
-      content_tag("li",
-        "#{link_to(text, url)} #{content_tag("ul", menus_html)}",
-        :id => id, :class => class_name)
-    end
+      def render_tab(id, text, url, menus_html, class_name)
+        content_tag(:li,"#{link_to(text, url, :class => 'tab_link')} #{content_tag(:div,
+          content_tag(:ul, menus_html), :id => "#{id}_menus", :style => "display:none;")}",
+          :id => id, :class => class_name)
+      end
 
-    def render_navigation(id, tabs_html, class_name)
-      content_tag("ul", tabs_html, :id => id, :class => class_name)
-    end
+      def render_empty_tab(id, text, url, class_name)
+        content_tag("li", link_to(text, url, :class => 'tab_link'), :id => id, :class => class_name)
+      end
 
-    def current_menu?(menu)
-      current = controller.params[:controller] == menu[:url][:controller].gsub(/^\//, "") &&
-        (controller.action_name == menu[:url][:action] || menu[:url][:action] == nil)
-      if menu.has_key?:on
-         (menu[:on].is_a?(Array) ? menu[:on] : [menu[:on]]).each do |controllers|
-          (controllers.is_a?(Array) ? controllers : [controllers]).each do |c|
-             current |= controller.params[:controller] == c[:controller].gsub(/^\//, "")
-            if c.has_key?:only
-              current &= (c[:only].is_a?(Array) ? c[:only] : [c[:only]]).include?controller.action_name
-            end
-            if c.has_key?:except
-              current &= !((c[:except].is_a?(Array) ? c[:except] : [c[:except]]).include?controller.action_name)
+      def render_navigation(id, tabs_html, class_name)
+        tabs_html << javascript_tag("var navigation = new EasyNavigation('#{id}');")
+        content_tag("ul", tabs_html, :id => id, :class => class_name)
+      end
+
+      def current_menu?(menu)
+        current = controller.params[:controller] == menu[:url][:controller].gsub(/^\//, "") &&
+          (controller.action_name == menu[:url][:action] || menu[:url][:action] == nil)
+        if menu.has_key?:on
+           (menu[:on].is_a?(Array) ? menu[:on] : [menu[:on]]).each do |controllers|
+            (controllers.is_a?(Array) ? controllers : [controllers]).each do |c|
+               current |= controller.params[:controller] == c[:controller].gsub(/^\//, "")
+              if c.has_key?:only
+                current &= (c[:only].is_a?(Array) ? c[:only] : [c[:only]]).include?controller.action_name
+              end
+              if c.has_key?:except
+                current &= !((c[:except].is_a?(Array) ? c[:except] : [c[:except]]).include?controller.action_name)
+              end
             end
           end
         end
+        current
       end
-      current
-    end
 
   end # EasyNavigation::Helper
 
@@ -120,9 +150,11 @@ module EasyNavigation
         end
 
         def tab(name, options = {}, &block)
-          options.merge!(self.options)
-          tab = Tab.new(name, options.merge!(:prefix => [self.options[:prefix], self.name]))
-          yield tab
+          # Pass i18n and prefix options
+          options.merge!(:i18n => self.options[:i18n] || false)
+          options.merge!(:prefix => [self.options[:prefix], self.name])
+          tab = Tab.new(name, options)
+          yield tab if block
           self.tabs << tab.build
         end
 
@@ -139,14 +171,19 @@ module EasyNavigation
             self.menus = []
             self.name = name
             self.options = options
-            self.text = name.to_s.gsub(/_/, " ").gsub(/\b('?[a-z])/) { $1.capitalize }
-            self.text = I18n.t([self.options[:prefix], self.name, "title"].join(".")) if self.options[:i18n] == true
+            if self.options[:i18n] == true
+              self.text = I18n.t([self.options[:prefix], self.name, "title"].join("."))
+            else
+              self.text = name.to_s.gsub(/_/, " ").gsub(/\b('?[a-z])/) { $1.capitalize }
+            end
           end
 
           def menu(name, options = {}, &block)
-            options.merge!(self.options)
-            menu = Menu.new(name, options.merge!(:prefix => [self.options[:prefix], self.name, "menus"]))
-            yield menu
+            # Pass i18n and prefix options
+            options.merge!(:i18n => self.options[:i18n] || false)
+            options.merge!(:prefix => [self.options[:prefix], self.name, "menus"])
+            menu = Menu.new(name, options)
+            yield menu if block
             self.menus << menu.build
           end
 
@@ -164,15 +201,18 @@ module EasyNavigation
 
             def initialize(name, options = {})
               self.active_urls = []
-              self.name = name
               self.options = options
-              self.text = self.name.to_s.gsub(/_/, " ").gsub(/\b('?[a-z])/) { $1.capitalize }
-              self.text = I18n.t([self.options[:prefix], self.name, "title"].join(".")) if self.options[:i18n] == true
+              self.name = [options[:prefix], name].join("_")
+              if options[:i18n] == true
+                self.text = I18n.t([self.options[:prefix], name].join("."))
+              else
+                self.text = name.to_s.gsub(/_/, " ").gsub(/\b('?[a-z])/) { $1.capitalize }
+              end
             end
 
             def build
-              { :name => self.options[:prefix].join("_").to_sym,
-                :text => text,
+              { :name => self.name,
+                :text => self.text,
                 :url => self.options[:url],
                 :on => self.active_urls }
             end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification 
 name: innetra-easy_navigation
 version: !ruby/object:Gem::Version 
-  version: 2.1.0
+  version: 2.1.2
 platform: ruby
 authors: 
 - Ivan Torres
@@ -9,7 +9,7 @@ autorequire:
 bindir: bin
 cert_chain: []
 
-date: 2009-04-25 00:00:00 -07:00
+date: 2009-05-02 00:00:00 -07:00
 default_executable: 
 dependencies: []
 
@@ -24,11 +24,16 @@ extra_rdoc_files:
 - lib/easy_navigation.rb
 files: 
 - Manifest
+- easy_navigation.gemspec
+- generators/easy_navigation/templates/stylesheets/sass/easy_navigation.sass
+- generators/easy_navigation/templates/javascripts/easy_navigation.js
+- generators/easy_navigation/templates/images/arrow.png
+- generators/easy_navigation/templates/images/arrow.svg
+- generators/easy_navigation/easy_navigation_generator.rb
 - README.rdoc
 - Rakefile
 - init.rb
 - lib/easy_navigation.rb
-- easy_navigation.gemspec
 has_rdoc: true
 homepage: http://github.com/innetra/easy_navigation
 post_install_message: