mootools-plus 0.1.6 → 0.2.0

data/CHANGELOG.md

@@ -1,3 +1,10 @@
+## 0.2.0
+
+  * Add namespace creation
+  * Update Logger to core.Logger
+  * Add mootools-plus JS file
+  * Add ui.Dropdown
+
 ## 0.1.6
 
   * Fix Array#deleteIf

data/README.md

@@ -8,7 +8,7 @@ Add the gem in your `Gemfile`:
 
 ```ruby
 group :assets do
-  gem 'mootools-plus', '~> 0.1.0'
+  gem 'mootools-plus', '~> 0.2.0'
 end
 ```
 
@@ -17,9 +17,7 @@ Then `bundle install` it.
 Add mootools-plus to the asset pipeline:
 
 ```javascript
-//= require mootools-plus/logger
-//= require mootools-plus/array
-//= require mootools-plus/element
+//= require mootools-plus
 ```
 
 Enjoy!
@@ -142,6 +140,45 @@ Alias of Array#filter
 
 Alias of Array#filterOne
 
+### ui.Dropdown
+
+#### Use
+
+```haml
+%div
+  %header
+    %a= 'Pipo'
+  %ol
+    %li
+      %a= 'item 1'
+    %li
+      %a= 'item 2'
+    %li
+      %a= 'item 3'
+    %li
+      %a= 'item 4'
+    %li
+      %a= 'item 5'
+    %li
+      %a= 'item 6'
+```
+
+```javascript
+new ui.Dropdown($$('div')[0])
+```
+
+[Example](http://jsfiddle.net/9BZw9/)
+
+#### Options
+
+```javascript
+{
+  panel: {
+    openAtStart: false // Set to true to open the dropdown at initialization
+  }
+}
+```
+
 ## Changelog
 
 View [CHANGELOG](https://github.com/caedes/mootools-plus/blob/stable/CHANGELOG.md) of the latest stable version.

data/lib/mootools-plus/rails/version.rb

@@ -1,5 +1,5 @@
 module MootoolsPlus
   module Rails
-    VERSION = '0.1.6'
+    VERSION = '0.2.0'
   end
 end

data/vendor/assets/javascripts/mootools-plus.js

@@ -0,0 +1,5 @@
+//= require_self
+//= require namespace
+//= require_tree .
+
+if (!window.MooTools && console && console.error) console.error('Mootools is not yet installed.')

data/vendor/assets/javascripts/mootools-plus/array.js

@@ -1,42 +1,37 @@
-if (window.MooTools) {
-  Array.implement({
-    getFirst: function(n){
-      return (n || n === 0) ? this.slice(0, n) : this[0]
-    },
+Array.implement({
+  getFirst: function(n){
+    return (n || n === 0) ? this.slice(0, n) : this[0]
+  },
 
-    getLast: function(n){
-      if (n >= this.length) return this
-      return (n || n === 0) ? this.slice(this.length - n, this.length) : this[this.length - 1]
-    },
+  getLast: function(n){
+    if (n >= this.length) return this
+    return (n || n === 0) ? this.slice(this.length - n, this.length) : this[this.length - 1]
+  },
 
-    deleteIf: function(fn){
-      for (var i = 0, length = this.length; i < length; i++) {
-        var el = this.shift()
-        if (!fn.call(el)) this.push(el)
-      }
-      return this
-    },
+  deleteIf: function(fn){
+    for (var i = 0, length = this.length; i < length; i++) {
+      var el = this.shift()
+      if (!fn.call(el)) this.push(el)
+    }
+    return this
+  },
 
-    filterOne: function(fn, bind){
-      return this.filter(fn, bind).getFirst()
-    },
+  filterOne: function(fn, bind){
+    return this.filter(fn, bind).getFirst()
+  },
 
-    isBlank: function(){
-      return this.length == 0
-    },
+  isBlank: function(){
+    return this.length == 0
+  },
 
-    hasAny: function(){
-      return !this.isBlank()
-    }
-  })
+  hasAny: function(){
+    return !this.isBlank()
+  }
+})
 
-  Array.alias('first', 'getFirst')
-  Array.alias('last', 'getLast')
-  Array.alias('select', 'filter')
-  Array.alias('selectOne', 'filterOne')
-  Array.alias('compact', 'clean')
-  Array.alias('isEmpty', 'isBlank')
-}
-else {
-  if (console && console.error) console.error('Mootools is not yet installed.')
-}
+Array.alias('first', 'getFirst')
+Array.alias('last', 'getLast')
+Array.alias('select', 'filter')
+Array.alias('selectOne', 'filterOne')
+Array.alias('compact', 'clean')
+Array.alias('isEmpty', 'isBlank')

data/vendor/assets/javascripts/mootools-plus/{logger.js → core/logger.js}

@@ -1,5 +1,5 @@
-if (window.MooTools) {
-  var Logger = new Class()
+(function(){
+  var Logger = new Class('core.Logger', {})
 
   Logger.log = function(param){
     Logger.trace(param, 'log')
@@ -37,7 +37,4 @@ if (window.MooTools) {
       }
     }
   }
-}
-else {
-  if (console && console.error) console.error('Mootools is not yet installed.')
-}
+})()

data/vendor/assets/javascripts/mootools-plus/element.js

@@ -1,33 +1,28 @@
-if (window.MooTools) {
-  Element.implement({
-    hasElement: function(tag){
-      return (tag == undefined) ? (this.getChildren().length > 0) : (this.getElement(tag) != null)
-    },
+Element.implement({
+  hasElement: function(tag){
+    return (tag == undefined) ? (this.getChildren().length > 0) : (this.getElement(tag) != null)
+  },
 
-    hasElements: function(tag){
-      return (tag == undefined) ? (this.getChildren().length > 0) : (this.getElements(tag).length > 1)
-    },
+  hasElements: function(tag){
+    return (tag == undefined) ? (this.getChildren().length > 0) : (this.getElements(tag).length > 1)
+  },
 
-    hasEvent: function(eventType, fn){
-      var myEvents = this.retrieve('events')
-      return myEvents && myEvents[eventType] && (fn == undefined || myEvents[eventType].keys.contains(fn))
-    },
+  hasEvent: function(eventType, fn){
+    var myEvents = this.retrieve('events')
+    return myEvents && myEvents[eventType] && (fn == undefined || myEvents[eventType].keys.contains(fn))
+  },
 
-    hasParent: function(tag){
-      return (tag == undefined) ? (this.getParent().length > 0) : (this.getParent(tag) != null)
-    },
+  hasParent: function(tag){
+    return (tag == undefined) ? (this.getParent().length > 0) : (this.getParent(tag) != null)
+  },
 
-    disable: function(){
-      this.set('disabled', true)
-      return this
-    },
+  disable: function(){
+    this.set('disabled', true)
+    return this
+  },
 
-    enable: function(){
-      this.set('disabled', false)
-      return this
-    }
-  })
-}
-else {
-  if (console && console.error) console.error('Mootools is not yet installed.')
-}
+  enable: function(){
+    this.set('disabled', false)
+    return this
+  }
+})

data/vendor/assets/javascripts/mootools-plus/ui/dropdown.js

@@ -0,0 +1,116 @@
+(function(){
+
+  /**
+   * DROPDOWN
+   */
+
+  var Dropdown = new Class('ui.Dropdown', {
+    Implements: [Options],
+
+    options: {
+      header: {},
+      panel: {}
+    },
+
+    initialize: function(element, options){
+      this.element = element
+      this.options = Object.merge(this.options, options)
+      this.build()
+      this.addEvents()
+      this.element.store('dropdown', this)
+    },
+
+    build: function(){
+      this.header = new ui.DropdownHeader(this.element.getElement('header'), this.options.header)
+      this.panel = new ui.DropdownPanel(this.element.getElement('ol'), this.options.panel)
+    },
+
+    addEvents: function(){
+      this.header.addEvent('onDropdownHeaderEnter', this.panel.show.bind(this.panel))
+      this.header.addEvent('onDropdownHeaderLeave', this.panel.hide.bind(this.panel))
+      this.panel.addEvent('onDropdownPanelEnter', this.header.killTimer.bind(this.header))
+      this.panel.addEvent('onDropdownPanelLeave', this.panel.hide.bind(this.panel))
+    }
+  })
+
+  /**
+   * DROPDOWN HEADER
+   */
+
+  var DropdownHeader = new Class('ui.DropdownHeader', {
+    Implements: [Options, Events],
+
+    options: {},
+
+    initialize: function(element, options){
+      this.element = element
+      this.options = Object.merge(this.options, options)
+      this.addEvents()
+      this.element.store('dropdown_header', this)
+    },
+
+    addEvents: function(){
+      this.element.addEvent('mouseenter', this.onMouseEnter.bind(this))
+      this.element.addEvent('mouseleave', this.onMouseLeave.bind(this))
+    },
+
+    onMouseEnter: function(event){
+      this.killTimer()
+      this.fireEvent('onDropdownHeaderEnter')
+    },
+
+    onMouseLeave: function(event){
+      this.timer = this.fireEvent.delay(500, this, 'onDropdownHeaderLeave')
+    },
+
+    killTimer: function(event){
+      if (this.timer) clearTimeout(this.timer)
+    }
+  })
+
+  /**
+   * DROPDOWN PANEL
+   */
+
+  var DropdownPanel = new Class('ui.DropdownPanel', {
+    Implements: [Options, Events],
+
+    options: {
+      openAtStart: false
+    },
+
+    initialize: function(element, options){
+      this.element = element
+      this.options = Object.merge(this.options, options)
+      this.build()
+      this.addEvents()
+      this.element.store('dropdown_panel', this)
+    },
+
+    build: function(){
+      this.hide()
+      if (this.options.openAtStart) this.show()
+    },
+
+    addEvents: function(){
+      this.element.addEvent('mouseenter', this.onMouseEnter.bind(this))
+      this.element.addEvent('mouseleave', this.onMouseLeave.bind(this))
+    },
+
+    show: function(event){
+      this.element.show()
+    },
+
+    hide: function(event){
+      this.element.hide()
+    },
+
+    onMouseEnter: function(event){
+      this.fireEvent('onDropdownPanelEnter')
+    },
+
+    onMouseLeave: function(event){
+      this.fireEvent('onDropdownPanelLeave')
+    }
+  })
+})()

data/vendor/assets/javascripts/namespace.js

@@ -0,0 +1,46 @@
+(function() {
+  // Utility method to get and set objects that may or may not exist
+  var objectifier = function(splits, create, context) {
+    var result = context || window
+    for(var i = 0, s; result && (s = splits[i]); i++) {
+      result = (s in result ? result[s] : (create ? result[s] = {} : undefined))
+    }
+    return result
+  }
+
+  // Creates an object if it doesn't already exist
+  Object.extend('place', function(name, value, context) {
+    var splits = name.split("."), s = splits.pop(), result = objectifier(splits, true, context)
+    return result && s ? (result[s] = value) : undefined
+  })
+
+  // Retrieves an object if not already present
+  Object.extend('retrieve', function(name, create, context) {
+    return objectifier(name.split('.'), create, context)
+  })
+
+  // Checks to see if the object exists
+  Object.extend('exists', function(name, context) {
+    return Object.retrieve(name, false, context) !== undefined
+  })
+
+  var klass = Class;
+
+  // Redefine class
+  Class = function(name, params, context) {
+    // Find out if this is namespaced or the original method
+    var namespaced = arguments.length > 1
+
+    // Add the class name to the param list
+    if(namespaced) params.$name = name
+
+    // Create and get the original class
+    var original = new klass(namespaced ? params : name)
+
+    // If namespaced, set class into namespace
+    if(namespaced) Object.place(name, original, context)
+
+    // Return this newly created class!
+    return original
+  }
+})()

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: mootools-plus
 version: !ruby/object:Gem::Version
-  version: 0.1.6
+  version: 0.2.0
   prerelease: 
 platform: ruby
 authors:
@@ -9,11 +9,11 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2012-06-06 00:00:00.000000000 Z
+date: 2012-06-08 00:00:00.000000000Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: railties
-  requirement: !ruby/object:Gem::Requirement
+  requirement: &2156056380 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -24,15 +24,7 @@ dependencies:
         version: '5.0'
   type: :runtime
   prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    none: false
-    requirements:
-    - - ! '>='
-      - !ruby/object:Gem::Version
-        version: 3.1.0
-    - - <
-      - !ruby/object:Gem::Version
-        version: '5.0'
+  version_requirements: *2156056380
 description: mootools-plus provides helpers and Ruby-like methods to Javascript MooTools
   core classes and plus
 email:
@@ -53,9 +45,12 @@ files:
 - lib/mootools-plus/rails/engine.rb
 - lib/mootools-plus/rails/version.rb
 - mootools-plus.gemspec
+- vendor/assets/javascripts/mootools-plus.js
 - vendor/assets/javascripts/mootools-plus/array.js
+- vendor/assets/javascripts/mootools-plus/core/logger.js
 - vendor/assets/javascripts/mootools-plus/element.js
-- vendor/assets/javascripts/mootools-plus/logger.js
+- vendor/assets/javascripts/mootools-plus/ui/dropdown.js
+- vendor/assets/javascripts/namespace.js
 homepage: https://github.com/caedes/mootools-plus
 licenses: []
 post_install_message: 
@@ -76,7 +71,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 1.8.23
+rubygems_version: 1.8.6
 signing_key: 
 specification_version: 3
 summary: mootools-plus provides helpers and Ruby-like methods to Javascript MooTools