knockout-rails 0.0.2 → 0.0.3

data/HISTORY.md

@@ -4,10 +4,10 @@
 - Client side validation
 - JST templating support
 
-# 0.0.2 - 26 November 2011
+# 0.0.2-3 - 26 November 2011
 
 - do not require bindings automatically
-- includes bindings: autosave, inplace, onoff, color
+- includes bindings: autosave, inplace, onoff, color, animate
 
 # 0.0.1 - 17 November 2011
 Initial release. Bare bones moved over from other project. Includes:

data/README.md

@@ -78,8 +78,6 @@ For example, you can use `autosave` binding by requiring `knockout/bindings/auto
 
 Or if you want to include all of the bindings available, then require `knockout/bindings/all`.
 
-Please see the specs for more detailed instruction on how to use specific binding.
-
 The list of currently available bindings:
 
 - `autosave` - automatically persists the model whenever any of its attributes change.
@@ -87,6 +85,9 @@ The list of currently available bindings:
 - `inplace` - converts the input elements into inplace editing with 'Edit'/'Done' buttons. Apply it on `input` elements similarly to the `value` binding.
 - `color` - converts an element into a color picker. Apply it to a `div` element: `color: page.fontColor`. Depends on [pakunok](https://github.com/dnagir/pakunok) gem (specifically - its `colorpicker` asset).
 - `onoff` - Converts checkboxes into iOS on/off buttons. Example: `onoff: page.isPublic`. It depends on [ios-chechboxes](https://github.com/dnagir/ios-checkboxes) gem.
+- 'animate' - runs the animation. Example: `animate: {width: quotaUsed, height: quotaUsed(), duration: 2000}`.
+
+Please see the specs for more detailed instruction on how to use the specific binding.
 
 # Development
 

data/lib/assets/javascripts/knockout.js

@@ -1,4 +1,5 @@
 //=require knockout/sugar-1.1.1
+//=require jquery
 //=require knockout/knockout
 //=require knockout/knockout.mapping
 //=require knockout/model

data/lib/assets/javascripts/knockout/bindings/animate.js.coffee

@@ -0,0 +1,19 @@
+runAnimation = (element, valueAccessor) ->
+    flat = valueAccessor()
+
+    optionKeys = ['duration', 'easing', 'complete', 'step', 'queue', 'specialEasing']
+
+    properties = {}
+    Object.keys(flat).exclude(optionKeys).forEach (key) ->
+      properties[key] = ko.utils.unwrapObservable flat[key]
+
+    options = {}
+    optionKeys.forEach (key) ->
+      options[key] = flat[key] if flat[key]?
+
+    $(element).animate properties, options
+
+ko.bindingHandlers.animate =
+  init: runAnimation
+  update: runAnimation
+

data/lib/knockout-rails/version.rb

@@ -1,3 +1,3 @@
 module KnockoutRails
-  VERSION = "0.0.2"
+  VERSION = "0.0.3"
 end

data/spec/javascripts/knockout/bindings/animate_spec.js.coffee

@@ -0,0 +1,28 @@
+#= require knockout/bindings/animate
+
+describe "Animate binding", ->
+  beforeEach ->
+    @animate = spyOn jQuery.fn, 'animate'
+    binding = "width: dataUsed, height: dataUsed(), duration: 2000, easing: 'linear', complete: flash"
+    setFixtures "<div id='anim' data-bind=\"animate: {#{binding}}\" /> "
+    @el = $("#anim")
+    @targetSize = 600
+    ko.applyBindings {
+      dataUsed: ko.observable(@targetSize),
+      flash: ->{}
+    }, @el[0]
+
+  it "should call the jQuery animate", ->
+    expect(@animate).toHaveBeenCalled()
+
+  it "should have correct css properties to animate", ->
+    properties = @animate.mostRecentCall.args[0]
+    expect(properties.width).toBe @targetSize
+    expect(properties.height).toBe @targetSize
+
+  it "should have correct animation options", ->
+    options = @animate.mostRecentCall.args[1]
+    expect(options.duration).toBe 2000
+    expect(options.easing).toBe 'linear'
+    expect(typeof options.complete).toBe 'function'
+

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: knockout-rails
 version: !ruby/object:Gem::Version
-  version: 0.0.2
+  version: 0.0.3
   prerelease: 
 platform: ruby
 authors:
@@ -13,7 +13,7 @@ date: 2011-11-26 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sprockets
-  requirement: &70109798186500 !ruby/object:Gem::Requirement
+  requirement: &70126369879100 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -21,10 +21,10 @@ dependencies:
         version: 2.0.0
   type: :runtime
   prerelease: false
-  version_requirements: *70109798186500
+  version_requirements: *70126369879100
 - !ruby/object:Gem::Dependency
   name: execjs
-  requirement: &70109798186040 !ruby/object:Gem::Requirement
+  requirement: &70126369878560 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -32,10 +32,10 @@ dependencies:
         version: '0'
   type: :runtime
   prerelease: false
-  version_requirements: *70109798186040
+  version_requirements: *70126369878560
 - !ruby/object:Gem::Dependency
   name: jquery-rails
-  requirement: &70109798185520 !ruby/object:Gem::Requirement
+  requirement: &70126369878020 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -43,10 +43,10 @@ dependencies:
         version: '0'
   type: :runtime
   prerelease: false
-  version_requirements: *70109798185520
+  version_requirements: *70126369878020
 - !ruby/object:Gem::Dependency
   name: rspec
-  requirement: &70109798185040 !ruby/object:Gem::Requirement
+  requirement: &70126369877580 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -54,10 +54,10 @@ dependencies:
         version: '0'
   type: :development
   prerelease: false
-  version_requirements: *70109798185040
+  version_requirements: *70126369877580
 - !ruby/object:Gem::Dependency
   name: rails
-  requirement: &70109798184540 !ruby/object:Gem::Requirement
+  requirement: &70126369877040 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -65,7 +65,7 @@ dependencies:
         version: 3.1.1
   type: :development
   prerelease: false
-  version_requirements: *70109798184540
+  version_requirements: *70126369877040
 description: Include the knockout.js and some of its extensions so you can pick what
   you need. Adds the support for models and interation with the Rails backend.
 email:
@@ -82,6 +82,7 @@ files:
 - knockout-rails.gemspec
 - lib/assets/javascripts/knockout.js
 - lib/assets/javascripts/knockout/bindings/all.js
+- lib/assets/javascripts/knockout/bindings/animate.js.coffee
 - lib/assets/javascripts/knockout/bindings/autosave.js.coffee
 - lib/assets/javascripts/knockout/bindings/color.js.coffee
 - lib/assets/javascripts/knockout/bindings/inplace.js.coffee
@@ -121,6 +122,7 @@ files:
 - spec/dummy/public/500.html
 - spec/dummy/public/favicon.ico
 - spec/dummy/script/rails
+- spec/javascripts/knockout/bindings/animate_spec.js.coffee
 - spec/javascripts/knockout/bindings/autosave_spec.js.coffee
 - spec/javascripts/knockout/bindings/color_spec.js.coffee
 - spec/javascripts/knockout/bindings/inplace_spec.js.coffee
@@ -150,7 +152,7 @@ required_ruby_version: !ruby/object:Gem::Requirement
       version: '0'
       segments:
       - 0
-      hash: -2773506954842837936
+      hash: 3220950392876216281
 required_rubygems_version: !ruby/object:Gem::Requirement
   none: false
   requirements:
@@ -159,7 +161,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
       segments:
       - 0
-      hash: -2773506954842837936
+      hash: 3220950392876216281
 requirements: []
 rubyforge_project: knockout-rails
 rubygems_version: 1.8.10
@@ -198,6 +200,7 @@ test_files:
 - spec/dummy/public/500.html
 - spec/dummy/public/favicon.ico
 - spec/dummy/script/rails
+- spec/javascripts/knockout/bindings/animate_spec.js.coffee
 - spec/javascripts/knockout/bindings/autosave_spec.js.coffee
 - spec/javascripts/knockout/bindings/color_spec.js.coffee
 - spec/javascripts/knockout/bindings/inplace_spec.js.coffee