nice 0.0.3 → 0.0.4

data/lib/assets/javascripts/nice_imp_jquery.js.coffee

@@ -3,11 +3,13 @@ class NiceJquery
 
 	# insert element after referencing node
 	@insert_after: (event) ->
-		$(event.ref_node).after(event.new_node)
+		act = (ref,ins) -> ref.after(ins)
+		NiceJquery.perform_transition(event.ref_node, event.new_node, act)
 
 	# insert element at first position inside referencing node
 	@insert_inside: (event) ->
-		$(event.ref_node).prepend(event.new_node)
+		act = (ref,ins) -> ref.prepend(ins)		
+		NiceJquery.perform_transition(event.ref_node, event.new_node, act)
 
 	# remove all elements which are not of current state and all elements
 	# which are of current state and secondly annotated to be always updated.
@@ -30,11 +32,70 @@ class NiceJquery
 			xmlHttp.send(null)
 			eval(xmlHttp.responseText)
 		)
-
+	
+	
+	
+	
+	# each DOM Manipulation should call this method which will apply the transition animation start values 
+	# to the elements before inserting into the DOM tree and the trigger the animation
+	@perform_transition: (elem_ref, elem_new, action) ->
+		
+		# get jquery obj of element to insert
+		e = $(elem_new)
+		e_ref = $(elem_ref)
+		return if !e? || !e_ref?
+		
+		filter = '[data-state-transition][data-state-transition!="none"]'
+		animated_elements = e.find('*').andSelf().filter(filter)
+				
+		styles = []
+		durations = []
+		easing = []
+		
+		animated_elements.each (index,elem) => 
+		
+			# get transition style
+			a_e = $(elem)
+			transition = a_e.data('state-transition')
+		
+			# get custom defined transition definitions
+			if( NiceTransitions? )				
+				transition_def = if(transition) then NiceTransitions[transition] else NiceTransitions.default		
+	
+			# if no custom definitions exist - generate a default to do something at least
+			if( !transition_def? )
+				if transition?
+					console.log("Custom Transition Definition for \"#{transition}\" is missing! Please create a NiceTransitions class and configure your transitions.")
+		
+				# rescue default transition		
+				transition_def = 
+					duration: 200
+					easing: "linear"
+					properties:
+						opacity: 0.0
+						
+			durations.push transition_def.duration
+			easing.push transition_def.easing
+				
+			# get current style values and apply start values
+			style = {}
+			for style_key, style_val of transition_def.properties
+				old_value = a_e.css(style_key)
+				a_e.css(style_key, style_val)
+				style[style_key] = old_value
+							
+			styles.push style
+						
+		# insert element
+		action(e_ref, e)
+		
+		# animate		
+		animated_elements.each (index,elem) => 
+			$(elem).animate(styles[index],durations[index],easing[index]) if styles[index]?
 
 ## add event listener
 document.addEventListener "nice.dom.InsertAfterEvent", NiceJquery.insert_after, false
 document.addEventListener "nice.dom.InsertInsideEvent", NiceJquery.insert_inside, false
 document.addEventListener "nice.dom.RemoveStateEvent", NiceJquery.remove_state_elements, false
 document.addEventListener "nice.hist.ChangeURLEvent", NiceJquery.move_to_url, false
-document.addEventListener "nice.hist.PopHistoryEvent", NiceJquery.insert_or_update_back_listener, false
+document.addEventListener "nice.hist.PopHistoryEvent", NiceJquery.insert_or_update_back_listener, false

data/lib/nice/js/caller.rb

@@ -29,6 +29,12 @@ module Nice
 			def self.state_did_change prev_state, new_state
 				"NiceEventDispatcher.dispatch_event(\'nice.ui.StateDidChangeEvent\',{prev_state:\'#{prev_state}\', new_state:\"#{new_state}\"});"
 			end
+			
+			# State Transition Animations
+			def self.perform_transition_animations
+			  "NiceEventDispatcher.dispatch_event(\'nice.trsn.AnimateEvent\');"
+			end
+			
 		end
 	end
 end

data/lib/nice/version.rb

@@ -1,3 +1,3 @@
 module Nice
-  VERSION = "0.0.3"
+  VERSION = "0.0.4"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: nice
 version: !ruby/object:Gem::Version
-  version: 0.0.3
+  version: 0.0.4
   prerelease: 
 platform: ruby
 authors:
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2012-06-11 00:00:00.000000000 Z
+date: 2012-06-18 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -97,7 +97,7 @@ required_ruby_version: !ruby/object:Gem::Requirement
       version: '0'
       segments:
       - 0
-      hash: -2533615255933727981
+      hash: -2243244646297613030
 required_rubygems_version: !ruby/object:Gem::Requirement
   none: false
   requirements:
@@ -106,7 +106,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
       segments:
       - 0
-      hash: -2533615255933727981
+      hash: -2243244646297613030
 requirements: []
 rubyforge_project: 
 rubygems_version: 1.8.22