jmenu-rails 1.9

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 1b40a5ac2cd184f874831ba1a74e8c9e93658042
+  data.tar.gz: 0c6a05e005f018da5ed7efeef6814785485f6010
+SHA512:
+  metadata.gz: e0918407bd32abac8498d6ebc4e29c419537f8afeddbf38908a2a5c2dae446d45ff7aa3cd84a8791d5fc7301fa74fc87ac0697d82f774d239ae7e4e89d8f418c
+  data.tar.gz: f39e6ffedeb9c64e677dc68f6842baed4fce8a857bafd347dadddfdf562fa10a9d995a06712fe9c2f90155bbbc2d1275cbefe0a59a826669cfecea8cbc8ca3f7

data/LICENSE.txt

@@ -0,0 +1,22 @@
+Copyright (c) 2013 Hyoseong Choi
+
+MIT License
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.md

@@ -0,0 +1,118 @@
+# Jmenu::Rails
+
+Gemified the jMenu jquery plugin to use with assets pipeline in Rails(~>4.0.0.beta1) projects.
+
+Original source : https://github.com/alpixel/jMenu
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+    gem 'jmenu-rails', github: 'rorlab/jmenu-rails'
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install jmenu-rails
+
+## Usage
+
+To require jMenu UI modules, add the following to your application.js:
+
+```
+//= require jMenu.jquery
+```
+
+Also add the jMenu UI CSS to your application.css:
+
+```
+/*
+ *= require jMenu.jquery
+ */
+ ```
+ 
+Finally, you can make coffeescript as like:
+
+```
+jQuery ->
+  $("#jMenu").jMenu
+    openClick: false
+    ulWidth: "auto"
+    effects:
+      effectSpeedOpen: 150
+      effectSpeedClose: 150
+      effectTypeOpen: "slide"
+      effectTypeClose: "hide"
+      effectOpen: "linear"
+      effectClose: "linear"
+
+    TimeBeforeOpening: 100
+    TimeBeforeClosing: 11
+    animatedText: false
+    paddingLeft: 1 
+```
+ 
+## Notes
+
+Renamed jMenu.jquery.css to jMenu.jquery.css.erb and inserted ERB code to the url source of background-image tags. 
+
+```
+.jMenu li ul li.arrow {
+    background-color: #322f32;
+    background-image: url(<%= image_path('arrow_down.png') %>);
+    background-repeat: no-repeat;
+    background-position: center center;
+    height: 6px;
+    padding: 0;
+    border-bottom: none;
+    padding-bottom: 10px
+}
+
+.jMenu li ul li a.isParent {
+    background-color: #3a3a3a;
+    background-image: url(<%= image_path('arrow_right.png') %>);
+    background-repeat: no-repeat;
+    background-position: right center;
+}
+```
+
+![See the orinal theme.](http://i1184.photobucket.com/albums/z322/hschoimd/jmenu-1.png?t=1363870854)
+
+Default theme color is darkgray and so, if you want the light theme color, added the followings to your custom stylesheet:
+
+```
+.jMenu li {
+  background-color: #eaeaea !important;
+}
+.jMenu li a {
+  color:gray !important;
+}
+.jMenu li ul li {
+    background-color: #eaeaea !important;
+    border-bottom: 1px solid #eaeaea !important;
+}
+.jMenu li ul li.arrow {
+    background-color: #eaeaea !important;
+}
+.jMenu li ul li a.isParent {
+    background-color: #eaeaea !important;
+}
+.jMenu li ul li a:hover {
+    background-color: #c4c4c4 !important;
+    border-top: 1px solid #eaeaea !important;
+    border-bottom: 1px solid #eaeaea !important;
+}
+```
+
+[See the example script for light theme](https://github.com/rorlab/jmenu-rails/wiki/Examples-for-light-theme)
+
+## Contributing
+
+1. Fork it
+2. Create your feature branch (`git checkout -b my-new-feature`)
+3. Commit your changes (`git commit -am 'Add some feature'`)
+4. Push to the branch (`git push origin my-new-feature`)
+5. Create new Pull Request

data/lib/jmenu/rails.rb

@@ -0,0 +1,8 @@
+require "jmenu/rails/version"
+
+module Jmenu
+  module Rails
+    class Engine < ::Rails::Engine
+    end
+  end
+end

data/lib/jmenu/rails/version.rb

@@ -0,0 +1,5 @@
+module Jmenu
+  module Rails
+    VERSION = "1.9"
+  end
+end

data/vendor/assets/javascripts/jMenu.jquery.js

@@ -0,0 +1,314 @@
+/************************************************************************
+*************************************************************************
+@Name    :      jMenu - jQuery Plugin
+@Revison :      1.9
+@Date    :      09/2012
+@Author  :      ALPIXEL - (www.myjqueryplugins.com - www.alpixel.fr)
+@Support :      FF, IE7, IE8, MAC Firefox, MAC Safari
+@License :      Open Source - MIT License : http://www.opensource.org/licenses/mit-license.php
+ 
+**************************************************************************
+*************************************************************************/
+
+/** 
+@ IsHovered Plugin 
+@ Thanks to Chad Smith fr his isHovered Plugin 
+@ source : http://mktgdept.com/jquery-ishovered
+**/
+;(function(b,c) {
+    b('*').hover(function() {
+        b(this).data(c, 1)
+    },
+    function() {
+        b(this).data(c, 0)
+    }).data(c, 0);
+
+    b[c] = function(a) {
+        return b(a)[c]()
+    };
+
+    b.fn[c] = function(a) {
+        a = 0;
+        b(this).each(function() {
+            a += b(this).data(c)
+        });
+
+        return a > 0;
+    }
+})(jQuery, 'isHovered');
+
+/** jMenu Plugin **/
+(function($) {
+    $.jMenu = {
+        /**************/
+        /** OPTIONS **/
+        /**************/
+        defaults: {
+            ulWidth:           'auto',
+            absoluteTop:       30,
+            absoluteLeft:      0,
+            TimeBeforeOpening: 100,
+            TimeBeforeClosing: 100,
+            animatedText:      false,
+            paddingLeft:       7,
+            openClick:         false,
+            effects: {
+                effectSpeedOpen:  150,
+                effectSpeedClose: 150,
+                effectTypeOpen:   'fade',
+                effectTypeClose:  'hide',
+                effectOpen:       'linear',
+                effectClose:      'linear'
+            }
+        },
+
+        /*****************/
+        /** Init Method **/
+        /*****************/
+        init: function(options) {
+            /* vars **/
+            opts = $.extend({}, $.jMenu.defaults, options);
+
+            $(".jMenu a:not(.fNiv)").each(function() {
+                var $thisChild = $(this);
+
+                /* Add css - arrow right */
+                if($.jMenu._IsParent($thisChild)) {
+                    $thisChild.addClass('isParent');
+                }
+
+                /* Add the animation on hover **/
+                if(opts.animatedText) {
+                    $.jMenu._animateText($thisChild);
+                }
+
+                /* Actions on hover */
+                if(!opts.openClick) {
+                    $thisChild.bind({
+                        mouseover:function() {
+                            $.jMenu._hide($thisChild);
+                            $.jMenu._showNextChild($thisChild);
+                        }
+                    });
+                } else {
+                    $thisChild.bind({
+                        click:function() {
+                            $.jMenu._hide($thisChild);
+                            $.jMenu._showNextChild($thisChild);
+                        }
+                    });
+                }
+            });
+
+            /* Actions on parents links */
+            if(!opts.openClick) {
+                $('.jMenu li a.fNiv').bind({
+                    mouseover: function() {
+                        var $this = $(this);
+                        var $child = $this.next();
+                        if (($child.length > 0) && ($child.is(':hidden') == false)) {
+                            return;
+                        }
+
+                        ULWidth = $.jMenu._returnUlWidth($this);
+                        $.jMenu._closeList($(".jMenu ul"));
+                        if ($child.is(':hidden')) {
+                            $.jMenu._showFirstChild($this);
+                        }
+                    }
+                });
+            } else {
+                $('.jMenu li a.fNiv').bind({
+                    click: function(e) {
+                        e.preventDefault();
+                        var $this = $(this);
+                        var $child = $this.next();
+                        ULWidth = $.jMenu._returnUlWidth($this);
+                        $.jMenu._closeList($(".jMenu ul"));
+                        if($child.is(':hidden')) {
+                            $.jMenu._showFirstChild($this);
+                        }
+                    }
+                });
+            }
+
+            /* Close all when mouse  leaves */
+            $('.jMenu').bind({
+                mouseleave: function() {
+                    setTimeout(function(){$.jMenu._closeAll();},opts.TimeBeforeClosing);
+                }
+            });
+        },
+
+        /****************************
+        *****************************
+        ** jMenu Methods Below     **
+        *****************************
+        ****************************/
+
+        /** Show the First Child Lists **/
+        _showFirstChild: function(el) {
+
+            if($.jMenu._IsParent(el)) {
+                var SecondList = el.next();
+
+                if(SecondList.is(":hidden")) {
+                    var position = el.position();
+
+                    SecondList.
+                            css({
+                                top:   position.top + opts.absoluteTop,
+                                left:  position.left + opts.absoluteLeft,
+                                width: ULWidth
+                            })
+                            .children().css({
+                                width: ULWidth
+                            })
+                        ;
+
+                    $.jMenu._show(SecondList);
+                }
+            } else {
+                return false;
+            }
+        },
+
+        /** Show all others Child lists except the first list **/
+        _showNextChild: function(el) {
+            if($.jMenu._IsParent(el)) {
+                var ChildList = el.next();
+
+                if(ChildList.is(":hidden")) {
+                    var position = el.position();
+
+                    ChildList
+                            .css({
+                                top:   position.top,
+                                left:  position.left + ULWidth,
+                                width: ULWidth
+                            })
+                            .children().css({
+                                width:ULWidth
+                            })
+                        ;
+                    $.jMenu._show(ChildList);
+                }
+            } else {
+                return false;
+            }
+        },
+
+        /**************************************/
+        /** Short Methods - Generals actions **/
+        /**************************************/
+        _hide: function(el) {
+            if($.jMenu._IsParent(el) && !el.next().is(':hidden')) {
+                $.jMenu._closeList(el.next());
+            } else if (($.jMenu._IsParent(el) && el.next().is(':hidden')) || !$.jMenu._IsParent(el)) {
+                $.jMenu._closeList(el.parent().parent().find('ul'));
+            } else {
+                return false;
+            }
+        },
+
+        _show: function(el) {
+            switch(opts.effects.effectTypeOpen) {
+                case 'slide':
+                    el.stop(true, true).delay(opts.TimeBeforeOpening).slideDown(opts.effects.effectSpeedOpen, opts.effects.effectOpen);
+                    break;
+                case 'fade':
+                    el.stop(true, true).delay(opts.TimeBeforeOpening).fadeIn(opts.effects.effectSpeedOpen, opts.effects.effectOpen);
+                    break;
+                default:
+                    el.stop(true, true).delay(opts.TimeBeforeOpening).show();
+            }
+        },
+
+        _closeList: function(el) {
+            switch(opts.effects.effectTypeClose) {
+                case 'slide':
+                    el.stop(true,true).slideUp(opts.effects.effectSpeedClose, opts.effects.effectClose);
+                    break;
+                case 'fade':
+                    el.stop(true,true).fadeOut(opts.effects.effectSpeedClose, opts.effects.effectClose);
+                    break;
+                default:
+                    el.hide();
+            }
+        },
+
+        _closeAll: function() {
+            if (!$('.jMenu').isHovered()) {
+                $('.jMenu ul').each(function() {
+                    $.jMenu._closeList($(this));
+                });
+            }
+        },
+
+        _IsParent: function(el) {
+            if (el.next().is('ul')) {
+                return true;
+            } else {
+                return false;
+            }
+        },
+
+        _returnUlWidth: function(el) {
+            switch(opts.ulWidth) {
+                case "auto" :
+                    ULWidth = parseInt(el.outerWidth(true));
+                    break;
+                default:
+                    ULWidth = parseInt(opts.ulWidth);
+            }
+
+            return ULWidth;
+        },
+
+        _animateText: function(el) {
+            var paddingInit = parseInt(el.css('padding-left'));
+
+            el.hover(
+                function() {
+                    $(this)
+                            .stop(true,true)
+                            .animate(
+                                {
+                                    paddingLeft: paddingInit + opts.paddingLeft
+                                }, 100)
+                        ;
+                },
+                function() {
+                    $(this)
+                            .stop(true,true)
+                            .animate(
+                                {
+                                    paddingLeft:paddingInit
+                                }, 100);
+                }
+            );
+        },
+
+        _isReadable: function() {
+            if ($("a.fNiv").length > 0) {
+                return true;
+            } else {
+                return false;
+            }
+        },
+
+        _error: function() {
+            alert('Please, check you have the \'.fNiv\' class on your first level links.');
+        }
+    };
+
+    jQuery.fn.jMenu = function(options){
+        $(this).addClass('jMenu');
+        $(this).children('li').children('a').addClass('fNiv');
+        if($.jMenu._isReadable()) {
+            $.jMenu.init(options);
+        } else {
+            $.jMenu._error();
+        }
+    };
+})(jQuery);

data/vendor/assets/stylesheets/jMenu.jquery.css.erb

@@ -0,0 +1,72 @@
+.jMenu {
+    display: table;
+    margin: 0;
+    padding: 0
+}
+
+/* First level */
+.jMenu li {
+    display: table-cell;
+    background-color: #322f32;
+    margin: 0;
+}
+
+.jMenu li a {
+    padding: 10px;
+    display: block;
+    background-color: transparent;
+    color: white;
+    text-transform: uppercase;
+    cursor: pointer;
+    font-size: 12px;
+}
+
+/* Lower levels */
+.jMenu li ul {
+    display: none;
+    position: absolute;
+	z-index:9999;
+    padding: 0;
+    margin: 0;
+}
+
+.jMenu li ul li {
+    background-color: #322f32;
+    display: block;
+    border-bottom: 1px solid #484548;
+    padding: 0;
+}
+
+.jMenu li ul li.arrow {
+    background-color: #322f32;
+    background-image: url(<%= image_path('arrow_down.png') %>);
+    background-repeat: no-repeat;
+    background-position: center center;
+    height: 6px;
+    padding: 0;
+    border-bottom: none;
+    padding-bottom: 10px
+}
+
+.jMenu li ul li a {
+    font-size: 11px;
+    text-transform: none;
+    padding: 7px;
+    display: block;
+    border-top: 1px solid transparent;
+    border-bottom: 1px solid transparent;
+}
+
+.jMenu li ul li a.isParent {
+    background-color: #3a3a3a;
+    background-image: url(<%= image_path('arrow_right.png') %>);
+    background-repeat: no-repeat;
+    background-position: right center;
+}
+
+.jMenu li ul li a:hover {
+    background-color: #514c52;
+    border-top: 1px solid #322f32;
+    border-bottom: 1px solid #322f32;
+}
+

metadata

@@ -0,0 +1,80 @@
+--- !ruby/object:Gem::Specification
+name: jmenu-rails
+version: !ruby/object:Gem::Version
+  version: '1.9'
+platform: ruby
+authors:
+- Hyoseong Choi
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2013-03-21 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: rspec
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+description: jMenu jquery plugin for rails
+email:
+- rorlab@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- lib/jmenu/rails/version.rb
+- lib/jmenu/rails.rb
+- vendor/assets/images/arrow_down.png
+- vendor/assets/images/arrow_right.png
+- vendor/assets/javascripts/jMenu.jquery.js
+- vendor/assets/stylesheets/jMenu.jquery.css.erb
+- LICENSE.txt
+- README.md
+homepage: https://github.com/rorlab/jmenu-rails
+licenses:
+- MIT
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.0.0
+signing_key: 
+specification_version: 4
+summary: Gemify jMenu assets for rails
+test_files: []