social_cheesecake 0.0.1 → 0.0.4

data/app/assets/javascripts/socialcheesecake/sector.js

@@ -0,0 +1,448 @@
+socialCheesecake.defineModule(
+    'SocialCheesecake#Sector'
+)
+.dependsOn(
+    'SocialCheesecake#Text'  
+)
+.withCode(function() {
+	socialCheesecake.Sector = function(settings) {
+		var defaultSettings = {
+			center : { x : 0,  y : 0 },
+			rIn : 0,
+			rOut : 300,
+			delta : Math.PI / 2,
+			phi : 0,
+			label : "",
+			color : "#eeffee",
+			mouseover : { color : "#aaffaa" },
+			mouseout : { color : "#eeffee" },
+			mouseup : {  color : "#77ff77" },
+			mousedown : {  color : "#aaffaa" }
+		}
+		for(var property in defaultSettings) {
+			if(!( property in settings)) {
+				settings[property] = defaultSettings[property];
+			}
+		}
+		if(settings.phi < 0 || settings.phi > 2 * Math.PI) {
+			throw "Phi must be greater or equal to 0 and less than 2*pi";
+		}
+		if(settings.delta <= 0 || settings.delta > 2 * Math.PI) {
+			throw "Delta must be greater than 0 and less than 2*pi";
+		}
+		this.x = settings.center.x;
+		this.y = settings.center.y;
+		this.rOut = settings.rOut;
+		this.rIn = settings.rIn;
+		this.phi = settings.phi;
+		this.delta = settings.delta;
+		this.label = settings.label;
+		this.color = settings.color;
+		this.mouseover = settings.mouseover;
+		this.mouseup = settings.mouseup;
+		this.mouseout = settings.mouseout;
+		this.mousedown = settings.mousedown;
+		this.subsectors = [];
+		this.actors = [];
+		if(settings.parent != null) this.parent = settings.parent;
+		if(settings.simulate != null) this.simulate = settings.simulate;
+
+		if(settings.subsectors != null) {
+			var rInSubsector = this.rIn;
+			var separation = (this.rOut - this.rIn) / settings.subsectors.length;
+			for(var i in settings.subsectors) {
+				var rOutSubsector = rInSubsector + separation;
+				var layer = new socialCheesecake.Subsector({
+					label : settings.subsectors[i].name,
+					parent : this,
+					x : this.x,
+					y : this.y,
+					phi : this.phi,
+					delta : this.delta,
+					rIn : rInSubsector,
+					rOut : rOutSubsector,
+					actors : settings.subsectors[i].actors
+				});
+				rInSubsector = rOutSubsector;
+				this.subsectors.push(layer);
+			}
+		}
+		this.originalAttr = {
+			x : this.x,
+			y : this.y,
+			phi : this.phi,
+			delta : this.delta,
+			rIn : this.rIn,
+			rOut : this.rOut,
+			color : this.color,
+			label : this.label,
+			mouseover : this.mouseover,
+			mouseout : this.mouseout,
+			mousedown : this.mousedown,
+			mouseup : this.mouseup,
+			simulate : this.simulate,
+			subsectors : this.subsectors
+		};
+		this._region = null;
+	}
+	
+	socialCheesecake.Sector.prototype._draw = function(context, options) {
+		var x = this.x;
+		var y = this.y;
+		var phi = this.phi;
+		var delta = this.delta;
+		var rIn = this.rIn;
+		var rOut = this.rOut;
+		var color = this.color;
+		var label = this.label;
+		if(options != null) {
+			if(options.x != null) x = options.x;
+			if(options.y != null) y = options.y;
+			if(options.phi != null) phi = options.phi;
+			if(options.delta != null)  delta = options.delta;
+			if(options.rIn != null)  rIn = options.rIn;
+			if(options.rOut != null) rOut = options.rOut;
+			if(options.color != null)  color = options.color;
+			if(options.label != null) label = options.label;
+		}
+		context.restore();
+		context.save();
+		context.beginPath();
+		context.arc(x, y, rOut, -phi, -(phi + delta), true);
+		context.lineTo(x + rIn * Math.cos(-phi - delta), y + rIn * Math.sin(-phi - delta));
+		context.arc(x, y, rIn, -(phi + delta), -phi, false);
+		context.closePath();
+		context.fillStyle = color;
+		context.fill();
+		context.lineWidth = 4;
+		context.stroke();
+		socialCheesecake.text.writeCurvedText(label, context, x, y, (rOut + rIn) / 2, phi, delta);
+	}
+	
+	socialCheesecake.Sector.prototype.getRegion = function(regenerate) {
+		if((this._region == null) || (regenerate == true)) {
+			var sector = this;
+			if(sector._region != null) {
+				/* TO-DO!!!
+				if(sector.parent != null){
+				var cheesecake=sector.parent;
+				var regions= cheesecake.stage.regions;
+				var regionIndex;
+				for(var j in regions){
+				if(regions[j]==sector._region){
+				regionIndex= j;
+				}
+				}
+				}
+				var canvas=sector.getRegion().getCanvas();
+				if((canvas!=null)&&(canvas.parentNode!=null)){
+				canvas.parentNode.removeChild(canvas);
+				}*/
+			}
+			sector._region = new Kinetic.Shape(function() {
+				var context = this.getContext();
+				sector._draw(context);
+			});
+			/*
+			if(regionIndex!=null){
+			regions[regionIndex]=this._region;
+			} */
+			sector._region.addEventListener('mouseover', function() {
+				sector.eventHandler('mouseover');
+			});
+			sector._region.addEventListener('mouseout', function() {
+				sector.eventHandler('mouseout');
+			});
+			sector._region.addEventListener('mousedown', function() {
+				sector.eventHandler('mousedown');
+			});
+			sector._region.addEventListener('mouseup', function() {
+				sector.eventHandler('mouseup');
+			});
+		}
+		return this._region
+	}
+	
+	socialCheesecake.Sector.prototype.eventHandler = function(eventName) {
+	  var sector = this;
+	  if(sector[eventName] != null){
+  	  if(sector[eventName].color != null) {
+        var color = sector[eventName].color;
+        sector.changeColor(color);
+      }
+      if(sector[eventName].callback != null) {
+        sector[eventName].callback(sector);
+      }
+    }
+	}
+	
+	socialCheesecake.Sector.prototype.splitUp = function() {
+		var cheesecake = this.parent;
+		var phi = this.phi;
+		var delta = this.delta;
+		var rOut = this.rOut;
+		var rIn = this.rIn;
+		var sector; (this.simulate != null) ? sector = cheesecake.sectors[this.simulate] : sector = this;
+		var subsectors = sector.subsectors;
+
+		//Draw sector's subsectors over it
+		var subsectorRIn = rIn;
+		var separation = 0;
+		if(subsectors.length > 0)
+			separation = (rOut + rIn) / subsectors.length;
+		for(var i in subsectors) {
+			subsectors[i].rIn = rIn;
+			subsectors[i].rOut = rIn + separation;
+			subsectors[i].phi = phi;
+			subsectors[i].delta = delta;
+			cheesecake.stage.add(subsectors[i].getRegion());
+			rIn += separation;
+		}
+	}
+	
+	socialCheesecake.Sector.prototype.putTogether = function() {
+		var cheesecake = this.parent;
+		var sector; (this.simulate != null) ? sector = cheesecake.sectors[this.simulate] : sector = this;
+		var subsectors = sector.subsectors;
+		//Clear subsectors from stage
+		for(var i in subsectors) {
+			cheesecake.stage.remove(subsectors[i].getRegion());
+		}
+	}
+	
+	socialCheesecake.Sector.prototype.changeColor = function(color) {
+		var sector = this;
+		if (sector._region){
+  		var context = sector._region.getContext();
+  		sector.color = color;
+  		context.fillStyle = color;
+  		context.fill();
+  		context.lineWidth = 4;
+  		context.stroke();
+  		sector._region.getContext().restore();
+  		sector._region.getContext().save();
+  		socialCheesecake.text.writeCurvedText(sector.label, sector._region.getContext(),
+  		  sector.x, sector.y, (sector.rOut + sector.rIn) / 2, sector.phi, sector.delta);
+    }
+	}
+	
+	/**
+	*
+	* Options: 
+	*	delta - new delta to achieve
+	*	context - sector context to work with
+	*	step - sets the animation speed
+	*	anchor - "beginning" , "b", "B"
+	*	"middle", "m", "M"
+	*	"end", "e", "E"
+	*
+	**/
+	socialCheesecake.Sector.prototype.resize = function(options) {
+		if(!options)
+			throw "No arguments passed to the function";
+		if(options.context == null)
+			throw "context must be defined"
+		var context = options.context;
+		var sector = this;
+		var currentDelta = sector.delta;
+		var currentPhi = sector.phi;
+		var step = 0.05;
+		var goalDelta = Math.PI / 2;
+		var anchor = 1;
+		if(options.step) step = options.step;
+		if(options.delta) {
+			goalDelta = options.delta;
+		}
+		if(options.anchor) {
+			if((options.anchor.toLowerCase() == "b") || (options.anchor == "beginning"))
+				anchor = 0;
+			if((options.anchor.toLowerCase() == "m") || (options.anchor == "middle"))
+				anchor = 0.5;
+			if((options.anchor.toLowerCase() == "e") || (options.anchor == "end"))
+				anchor = 1;
+		}
+
+		if(currentDelta > goalDelta) {
+			if(currentDelta - goalDelta < step) step = currentDelta - goalDelta;
+			currentDelta -= step;
+			currentPhi += anchor * step;
+		} else if(currentDelta < goalDelta) {
+			if(goalDelta - currentDelta < step) step = goalDelta - currentDelta;
+			currentDelta += step;
+			currentPhi -= anchor * step;
+		}
+		sector.delta = currentDelta;
+		sector.phi = currentPhi;
+
+		sector.clear();
+		sector._draw(context);
+		if(currentDelta != goalDelta) {
+			requestAnimFrame(function() {
+				sector.resize(options);
+			});
+		} else if(options.callback) {
+			options.callback();
+		}
+	}
+	
+	socialCheesecake.Sector.prototype.focus = function() {
+		var sector = this;
+		var context = sector._region.getContext();
+		sector.rOut *= 1.05;
+		sector.clear();
+		sector._draw(context);
+	}
+	
+	socialCheesecake.Sector.prototype.unfocus = function() {
+		var sector = this;
+		var context = sector._region.getContext();
+		sector.rOut = sector.originalAttr.rOut;
+		sector.clear();
+		sector._draw(context);
+	}
+	
+	socialCheesecake.Sector.prototype.clear = function() {
+		var sector = this;
+		var context = sector.getRegion().getContext();
+		if(context != undefined) {
+			context.restore();
+			context.save();
+		}
+		sector.getRegion().clear();
+	}
+	
+	socialCheesecake.Sector.prototype.rotateTo = function(options) {
+		// update stage
+		var sector = this;
+		var currentPhi = this.phi;
+		var delta = this.delta;
+		var step = 0.05;
+		var anchor = 0;
+		if(!options) throw "No arguments passed to the function";
+		if(options.step) step = options.step;
+		if(options.context == null) throw "context must be defined";
+		var context = options.context;
+		if(options.destination == null) throw "destination must be defined";
+		if(options.anchor){
+			if((options.anchor.toLowerCase() == "b") || (options.anchor == "beginning"))
+				anchor = 0;
+			if((options.anchor.toLowerCase() == "m") || (options.anchor == "middle"))
+				anchor = 0.5;
+			if((options.anchor.toLowerCase() == "e") || (options.anchor == "end"))
+				anchor = 1;
+		}
+		var phiDestination = (options.destination- anchor*delta) % (2 * Math.PI) ;
+		while(phiDestination < 0) {
+			phiDestination += (2 * Math.PI);
+		}
+
+		var grow = 0;
+		if(phiDestination > currentPhi) {
+			grow = 1;
+		} else if(phiDestination < currentPhi) {
+			grow = -1;
+		}
+		if(Math.round(((2 * Math.PI) - Math.abs(phiDestination - currentPhi) ) * 1000) / 1000 >= Math.round(Math.abs(phiDestination - currentPhi) * 1000) / 1000) {
+			if(Math.abs(phiDestination - currentPhi) < step)
+				step = Math.abs(phiDestination - currentPhi);
+			currentPhi += (grow * step);
+
+			// if (grow>0) console.log("giro al contrario agujas. Caso 1 ");
+			//if(grow<0) console.log("giro segun agujas. Caso 1");
+		} else {
+			if((2 * Math.PI) - Math.abs(phiDestination - currentPhi) < step)
+				step = (2 * Math.PI) - Math.abs(phiDestination - currentPhi);
+			phiDestination -= (grow * 2 * Math.PI);
+			currentPhi -= (grow * step);
+			//if (grow<0) console.log("giro al contrario agujas. Caso 2");
+			//if(grow>0) console.log("giro segun agujas. Caso 2 ");
+		}
+		sector.phi = currentPhi;
+
+		// clear stage
+		sector.clear();
+
+		// draw stage
+		this._draw(context);
+
+		// request new frame
+		if(Math.abs(currentPhi - phiDestination) > 0.001) {
+			sector.phi = currentPhi % (2 * Math.PI);
+			requestAnimFrame(function() {
+				sector.rotateTo({
+					context : context,
+					destination : options.destination,
+					step : step,
+					callback : options.callback,
+					anchor : options.anchor
+				});
+			});
+		} else {
+			if(options.callback) options.callback();
+		}
+	}
+	
+	socialCheesecake.Sector.prototype.addActor = function(actor_info , subsector){
+		var actors = this.actors;
+		var actor;
+		
+		//Check if the actor is already in the array
+		var actorAlreadyDeclared = false;
+		for (var i in actors){
+			if (actors[i].id == actor_info.id){
+				actorAlreadyDeclared = true;
+				actor = actors[i];
+				//Check if the subsector has already been declared a parent of the actor
+				var subsectorAlreadyDeclared = false;
+				for ( var parent in actor.parents){
+					if (actor.parents[parent] == subsector) subsectorAlreadyDeclared=true;
+				}
+				if (!subsectorAlreadyDeclared) actor.parents.push(subsector);
+			}
+		}
+		// If the actor was not in the array, ask the parent or the grid for it
+		if(!actorAlreadyDeclared){		
+			if (this == subsector){
+				actor = this.parent.addActor(actor_info, subsector);
+			}else{
+				actor = this.parent.grid.addActor(actor_info, subsector);
+			}
+			actors.push(actor);
+		}
+		return actor;
+	}
+	
+	/*SUBSECTOR*/
+	socialCheesecake.Subsector = function(settings) {
+		if(settings.parent != null) this.parent = settings.parent;		
+		this.label = "";
+		if(settings.label != null) this.label = settings.label;
+		this.x = settings.x; 
+		this.y = settings.y; 
+		this.rOut = settings.rOut;
+		this.rIn = settings.rIn;
+		this.phi = settings.phi;
+		this.delta = settings.delta;
+		this.actors = [];
+
+		var grid = this.parent.parent.grid;
+		if (settings.actors){
+			for( var actor in settings.actors){
+				var actor_info = {
+					id : settings.actors[actor][0]
+				}
+				this.addActor(actor_info ,this);
+			}
+		}
+	}
+	
+	socialCheesecake.Subsector.prototype = new socialCheesecake.Sector({
+		parent : this.parent,
+		center : {  x : this.x, y : this.y },
+		label : this.label,
+		rIn : this.rIn,
+		rOut : this.rOut,
+		phi : this.phi,
+		delta : this.delta
+	});
+});

data/app/assets/javascripts/socialcheesecake/text.js

@@ -0,0 +1,36 @@
+socialCheesecake.defineModule(
+  'SocialCheesecake#Text'
+).dependsOn(
+  
+).withCode(function() {
+  socialCheesecake.text = {
+    writeCurvedText : function(text, context, x, y, r, phi, delta) {
+      context.font = "bold 14px sans-serif";
+      context.fillStyle = '#000';
+      context.textBaseline = "middle";
+      var medium_alpha = Math.tan(context.measureText(text).width / (text.length * r));
+      if(medium_alpha * text.length <= delta) {
+        context.translate(x, y);
+        var orientation = 0;
+        if((phi + delta / 2 >= Math.PI ) && (phi + delta / 2 < Math.PI * 2)) {
+          orientation = -1;
+          context.rotate(-(delta - (medium_alpha * text.length)) / 2 - phi - Math.PI / 2);
+        } else {
+          orientation = 1;
+          context.rotate((delta - (medium_alpha * text.length)) / 2 + Math.PI / 2 - delta - phi);
+        }
+        for(var i = 0; i < text.length; i++) {
+          context.fillText(text[i], 0, -(orientation * r));
+          var alpha = Math.tan(context.measureText(text[i]).width / r);
+          context.rotate(orientation * alpha);
+        }
+        return true;
+      } else {
+        return false;
+      }
+    },
+    writeCenterText : function(text, context, centerX, centerY) {
+      context.fillText(text, centerX - context.measureText(text).width / 2, centerY);
+    }
+  }
+});

data/lib/social_cheesecake/version.rb

@@ -1,3 +1,3 @@
 module SocialCheesecake
-  VERSION = "0.0.1"
+  VERSION = "0.0.4"
 end

data/social_cheesecake.gemspec

@@ -13,7 +13,8 @@ Gem::Specification.new do |s|
 
   s.rubyforge_project = "social_cheesecake"
 
-  s.files         = `git ls-files`.split("\n")
+  s.files         = `git ls-files`.split("\n") |
+                     Dir["app/assets/javascripts/socialcheesecake/*"]
   s.test_files    = `git ls-files -- {test,spec,features}/*`.split("\n")
   s.executables   = `git ls-files -- bin/*`.split("\n").map{ |f| File.basename(f) }
   s.require_paths = ["lib"]

metadata

@@ -1,71 +1,61 @@
---- !ruby/object:Gem::Specification 
+--- !ruby/object:Gem::Specification
 name: social_cheesecake
-version: !ruby/object:Gem::Version 
-  hash: 29
+version: !ruby/object:Gem::Version
+  version: 0.0.4
   prerelease: 
-  segments: 
-  - 0
-  - 0
-  - 1
-  version: 0.0.1
 platform: ruby
-authors: 
-- "Alicia D\xC3\xADez"
+authors:
+- Alicia Díez
 autorequire: 
 bindir: bin
 cert_chain: []
-
-date: 2011-12-14 00:00:00 Z
+date: 2011-12-19 00:00:00.000000000Z
 dependencies: []
-
 description: Wrapper gem for socialCheesecake.js
-email: 
+email:
 - adiezbal@gmail.com
 executables: []
-
 extensions: []
-
 extra_rdoc_files: []
-
-files: 
+files:
+- .gitignore
 - Gemfile
 - Rakefile
+- app/assets/javascripts/kinetic.js
+- app/assets/javascripts/socialCheesecake.js
+- app/assets/javascripts/social_cheesecake.js
 - lib/social_cheesecake.rb
 - lib/social_cheesecake/engine.rb
 - lib/social_cheesecake/version.rb
 - social_cheesecake.gemspec
-homepage: ""
+- app/assets/javascripts/socialcheesecake/sector.js
+- app/assets/javascripts/socialcheesecake/actor.js
+- app/assets/javascripts/socialcheesecake/text.js
+- app/assets/javascripts/socialcheesecake/cheesecake.js
+- app/assets/javascripts/socialcheesecake/grid.js
+homepage: ''
 licenses: []
-
 post_install_message: 
 rdoc_options: []
-
-require_paths: 
+require_paths:
 - lib
-required_ruby_version: !ruby/object:Gem::Requirement 
+required_ruby_version: !ruby/object:Gem::Requirement
   none: false
-  requirements: 
-  - - ">="
-    - !ruby/object:Gem::Version 
-      hash: 3
-      segments: 
-      - 0
-      version: "0"
-required_rubygems_version: !ruby/object:Gem::Requirement 
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
   none: false
-  requirements: 
-  - - ">="
-    - !ruby/object:Gem::Version 
-      hash: 3
-      segments: 
-      - 0
-      version: "0"
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
 requirements: []
-
 rubyforge_project: social_cheesecake
-rubygems_version: 1.8.10
+rubygems_version: 1.8.12
 signing_key: 
 specification_version: 3
 summary: Wrapper gem for socialCheesecake.js
 test_files: []
-
+has_rdoc: