From 8bca6bc40e643e78e9415f6a49dccaaa9d47108b Mon Sep 17 00:00:00 2001
From: Brian Lomeland <bml@mithrilsoft.com>
Date: Sun, 4 Dec 2011 18:30:27 -0800
Subject: [PATCH] added old client code

---
 src/client-flex/ElucioCanvas.mxml             | 302 +++++++++++++
 src/client-flex/ElucioFacebook.mxml           |  56 +++
 src/client-flex/ElucioLogin.mxml              |   8 +
 src/client-flex/ElucioProjects.mxml           |  23 +
 src/client-flex/ElucioTasks.mxml              |  23 +
 src/client-flex/ElucioWeb.css                 |   9 +
 src/client-flex/ElucioWeb.mxml                |  84 ++++
 .../assets/elucio_300x80_black.png            | Bin 0 -> 3597 bytes
 .../assets/elucio_logo_header_133.png         | Bin 0 -> 2924 bytes
 src/client-flex/assets/elucio_sun5.png        | Bin 0 -> 8977 bytes
 src/client-flex/com/elucio/CellSprite.as      |  10 +
 .../com/elucio/DateTimePicker.mxml            |  90 ++++
 src/client-flex/com/elucio/ElucioAddTask.mxml |  34 ++
 src/client-flex/com/elucio/Projects.as        |  70 +++
 src/client-flex/com/elucio/Tasks.as           |  70 +++
 src/client-svg/application.js                 | 427 ++++++++++++++++++
 16 files changed, 1206 insertions(+)
 create mode 100644 src/client-flex/ElucioCanvas.mxml
 create mode 100644 src/client-flex/ElucioFacebook.mxml
 create mode 100644 src/client-flex/ElucioLogin.mxml
 create mode 100644 src/client-flex/ElucioProjects.mxml
 create mode 100644 src/client-flex/ElucioTasks.mxml
 create mode 100644 src/client-flex/ElucioWeb.css
 create mode 100644 src/client-flex/ElucioWeb.mxml
 create mode 100644 src/client-flex/assets/elucio_300x80_black.png
 create mode 100644 src/client-flex/assets/elucio_logo_header_133.png
 create mode 100644 src/client-flex/assets/elucio_sun5.png
 create mode 100644 src/client-flex/com/elucio/CellSprite.as
 create mode 100644 src/client-flex/com/elucio/DateTimePicker.mxml
 create mode 100644 src/client-flex/com/elucio/ElucioAddTask.mxml
 create mode 100644 src/client-flex/com/elucio/Projects.as
 create mode 100644 src/client-flex/com/elucio/Tasks.as
 create mode 100644 src/client-svg/application.js

diff --git a/src/client-flex/ElucioCanvas.mxml b/src/client-flex/ElucioCanvas.mxml
new file mode 100644
index 0000000..96826bb
--- /dev/null
+++ b/src/client-flex/ElucioCanvas.mxml
@@ -0,0 +1,302 @@
+<?xml version="1.0" encoding="utf-8"?>
+<s:Group xmlns:fx="http://ns.adobe.com/mxml/2009" 
+		 xmlns:s="library://ns.adobe.com/flex/spark" 
+		 xmlns:mx="library://ns.adobe.com/flex/mx" width="700" height="680" creationComplete="init()">
+	
+	<fx:Declarations>
+		<!-- Place non-visual elements (e.g., services, value objects) here -->
+	</fx:Declarations>
+	
+	<fx:Script> <![CDATA[
+		import com.elucio.CellSprite;
+		import com.elucio.ElucioAddTask;
+		import com.elucio.Projects;
+		import com.elucio.Tasks;
+		
+		import flash.display.Graphics;
+		
+		import mx.collections.ArrayCollection;
+		import mx.controls.Button;
+		import mx.events.FlexEvent;
+		import mx.managers.PopUpManager;		
+		import spark.core.SpriteVisualElement;
+		import mx.binding.utils.ChangeWatcher;
+		
+		private var STATE_COLORS:Object = ({ Finished: "green", Ready: "blue", Started: "white", Behind: "yellow", Late: "red", Paused: "gray", Waiting: "brown" });
+		private var HEIGHT_TO_WIDTH_RATIO:Number = 0.6;
+		private var CELL_MARGIN:Number = 0.1;
+		private var CELL_BORDER:int = 1;
+		private var canvas_width:int = 700;
+		private var canvas_height:int = 680;
+		private var zoom:int = 0;
+		private var zoom_factor:int = 0;
+		private var matrix_width:int = 0;
+		private var matrix_height:int = 0;
+		private var cell_width:int = 0;
+		private var cell_height:int = 0;
+		private var cell_width_margin:int = 0;
+		private var cell_height_margin:int = 0;
+		private var current_project:int = 1;
+		private var current_task:int = 1;
+		private var addTaskPopup:ElucioAddTask;
+		
+		private var projects:ArrayCollection = Projects.get_instance().projects;
+		private var tasks:ArrayCollection = Tasks.get_instance().tasks;
+		
+		private var g:Graphics = graphics;
+		
+		private function init():void {
+			systemManager.addEventListener(MouseEvent.MOUSE_WHEEL, mouseWheelHandler);
+			addTaskPopup = new ElucioAddTask();
+			addTaskPopup.initialize();
+		}
+		
+		override protected function updateDisplayList(w:Number, h:Number):void {
+			
+			trace("draw() called");
+			super.updateDisplayList(w, h);
+
+			projects = Projects.get_instance().projects;
+			if (projects) {
+				for (var i:int = 0; i < projects.length; i++) {
+					trace("draw:projects:value: " + projects[i].name);
+				}
+			}
+			else {
+				trace("draw:projects:value: no projects");
+			}
+			
+			tasks = Tasks.get_instance().tasks;
+			if (tasks) {
+				for (var j:int = 0; j < tasks.length; j++) {
+					trace("draw:tasks:value: " + tasks[j].name);
+				}
+			}
+			else {
+				trace("draw:tasks:value: no tasks");
+			}		
+			
+			if (!tasks && !projects) return;
+			
+			this.adjust_sizes();
+			
+			if (this.g) {
+				g.clear();
+				this.removeAllElements();
+			}
+			
+			draw_matrix();
+			draw_tasks();
+		}
+		
+		private function adjust_sizes():void {
+			var max_coord:Object = get_project_matrix_size();
+			matrix_width = max_coord.x;
+			matrix_height = max_coord.y;
+			
+			if (zoom) {
+				zoom_factor += zoom;
+				CELL_BORDER += zoom;
+				if (CELL_BORDER < 0) CELL_BORDER = 0;
+				if (CELL_BORDER > 30) CELL_BORDER = 30;
+				zoom = 0;
+			}
+
+			cell_width = canvas_width / (matrix_width + CELL_BORDER + CELL_BORDER);
+			cell_height = (canvas_height / (matrix_height + CELL_BORDER + CELL_BORDER)) * HEIGHT_TO_WIDTH_RATIO;
+			cell_width_margin = cell_width * CELL_MARGIN;
+			cell_height_margin = cell_height * CELL_MARGIN;
+			trace("matrix_width = " + matrix_width + " matrix_height = " + matrix_height);
+			trace("cell_width = " + cell_width + " cell_height = " + cell_height);
+			trace("CELL_BORDER = " + CELL_BORDER + " CELL_MARGIN = " + CELL_MARGIN); 
+		}
+		
+		private function draw_matrix():void {
+			var cell_side_width:int = cell_width - (2 * cell_width_margin);
+			var cell_side_height:int = cell_height - (2 * cell_height_margin);
+			
+			var full_matrix_width:int = matrix_width + CELL_BORDER + CELL_BORDER;
+			var full_matrix_height:int = matrix_height + CELL_BORDER + CELL_BORDER;
+			
+			trace("ElucioCanvas:draw_matrix called()");
+			
+			var sve:SpriteVisualElement;
+			var mySprite:CellSprite;
+			
+			for (var w:int = 0; w < full_matrix_width; w++) {
+				for (var h:int = 0; h < full_matrix_height; h++) {
+					sve = new SpriteVisualElement();
+					mySprite = new CellSprite();
+					
+					mySprite.graphics.beginFill(0xcdc9c9);
+					mySprite.graphics.drawRoundRect(w * cell_width + cell_width_margin, h * cell_height + cell_height_margin, cell_side_width, cell_side_height, 60, 60);
+					mySprite.graphics.endFill();
+					mySprite.graphics.drawRect(x, y, cell_side_width, cell_side_height);
+					mySprite.graphics.endFill();
+					mySprite.task = new Object();
+					mySprite.task.matrix_x = w - CELL_BORDER;
+					mySprite.task.matrix_y = h - CELL_BORDER;
+					mySprite.addEventListener(MouseEvent.CLICK, cellAddTaskHandler);			
+					sve.addChild(mySprite);
+					this.addElement(sve);
+				}
+			}	
+		}
+		
+		private function draw_tasks():void {
+			var cell_side_width:int = cell_width - (2 * cell_width_margin);
+			var cell_side_height:int = cell_height - (2 * cell_height_margin);
+			
+			trace("cell_side_width = " + cell_side_width + " cell_side_height = " + cell_side_height);
+			trace("cell_width_margin = " + cell_width_margin + " cell_height_margin = " + cell_height_margin);
+
+			if (!tasks) {
+				return;
+			}
+			
+			var textfield:TextField = new TextField;
+			var bitmapdata:BitmapData = new BitmapData(cell_side_width, cell_side_height, true, 0x00000000);
+			var sve:SpriteVisualElement;
+			var mySprite:CellSprite;
+			
+			for (var i:int = 0; i < tasks.length; i++) {
+				
+				if (tasks[i].project_id != current_project) {
+					continue;
+				}
+				
+				var x:int = (tasks[i].matrix_x + CELL_BORDER) * cell_width + cell_width_margin;
+				var y:int = (tasks[i].matrix_y + CELL_BORDER) * cell_height + cell_height_margin;
+				// TODO: not very efficent, but to save them somewhere are resuse
+				sve = new SpriteVisualElement();
+				mySprite = new CellSprite();
+				
+				textfield.text = "id = " + tasks[i].id;
+				
+				var task_state:String = tasks[i].status;
+				
+				if (!task_state) {
+					task_state = "Open";
+				}
+				
+				mySprite.graphics.beginFill(0x00ff00);
+				mySprite.graphics.drawRoundRect(x, y, cell_side_width, cell_side_height, 60, 60);
+				mySprite.graphics.endFill();
+				bitmapdata.draw(textfield);				
+				mySprite.graphics.beginBitmapFill(bitmapdata);
+				mySprite.graphics.drawRect(x, y, cell_side_width, cell_side_height);
+				mySprite.graphics.endFill();
+				mySprite.task = tasks[i];
+				mySprite.addEventListener(MouseEvent.CLICK, function(event:MouseEvent):void {
+					var sprite:CellSprite = mySprite;
+					cellClickHandler(event, sprite);
+				});
+				sve.addChild(mySprite);
+				this.addElement(sve);
+				
+				//shape.attr({fill: this.STATE_COLORS[task_state], stroke: this.STATE_COLORS[task_state], "fill-opacity": 50, "stroke-width": 2, cursor: "move"});		
+
+			}			
+		}
+		
+		private function get_project_matrix_size():Object {
+			var max_x:int = 0;
+			var max_y:int = 0;
+			
+			var current_project:int = get_current_project();
+			trace("current_project = " + current_project);
+			
+			if (!tasks) {
+				return {x: 0, y:0};
+			}
+			
+			for (var i:int = 0; i < tasks.length; i++) {
+				
+				if (tasks[i].project_id != current_project) {
+					continue;
+				}
+				
+				if (tasks[i].matrix_x > max_x) {
+					max_x = tasks[i].matrix_x;
+				}
+				if (tasks[i].matrix_y > max_y) {
+					max_y = tasks[i].matrix_y;
+				}
+			}
+			
+			// adjust for zero based index
+			max_x++;
+			max_y++;
+			
+			return {x: max_x, y: max_y};	
+		}
+		
+		private function get_current_project():int {
+			import flash.net.SharedObject;
+			
+			var sharedObj:SharedObject = SharedObject.getLocal("elucio");
+			var project_id:int = 0;
+			
+			tasks = Tasks.get_instance().tasks;
+			
+			if (sharedObj.size > 0) {
+				project_id = sharedObj.data.current_project;
+				trace("get_current_project:project_id = " + project_id);
+			}
+			
+			// check if that project still exists
+			if (project_id > 0) {
+				for (var i:int = 0; i < tasks.length; i++) {
+					if (tasks[i].project_id == project_id) {
+						trace("get_current_project:project_id = " + project_id);
+						current_project = project_id;
+						return project_id;
+					}
+				}
+			}
+			
+			// no project id or a stale id so pick the first good project id
+			if (tasks) {
+				for (var j:int = 0; j < tasks.length; j++) {
+					trace("get_curren_project:tasks:value: " + tasks[j].project_id);
+					project_id = tasks[j].project_id;
+				}
+
+			}
+			else {
+				project_id = 0; // no projects or tasks found
+			}
+			
+			current_project = project_id;
+			sharedObj.data.current_project = project_id;
+			sharedObj.flush();
+			
+			return project_id;
+		}
+		
+		private function cellClickHandler(event:MouseEvent, sprite:CellSprite):void {
+			trace("sprite clicked: x = " + sprite.task.matrix_x + " y = " + sprite.task.matrix_y);
+		}
+		
+		private function cellAddTaskHandler(event:MouseEvent):void {		
+			trace("sprite clicked: x = " + event.target.task.matrix_x + " y = " + event.target.task.matrix_y);
+			addTaskPopup.button_cancel.addEventListener(MouseEvent.CLICK, cellCancelAddTask);
+			PopUpManager.addPopUp(addTaskPopup, this, true);
+			PopUpManager.centerPopUp(addTaskPopup);
+		}
+		
+		public function cellCancelAddTask(event:MouseEvent):void {
+			PopUpManager.removePopUp(addTaskPopup);
+		}
+		
+		private function mouseWheelHandler(event:MouseEvent):void {
+			trace("mousewheel = " + event.delta);
+			zoom = zoom + event.delta;
+			invalidateDisplayList();
+		}
+		
+	]]> </fx:Script>
+	<mx:Canvas>
+		
+	</mx:Canvas>
+</s:Group>
diff --git a/src/client-flex/ElucioFacebook.mxml b/src/client-flex/ElucioFacebook.mxml
new file mode 100644
index 0000000..029dcd3
--- /dev/null
+++ b/src/client-flex/ElucioFacebook.mxml
@@ -0,0 +1,56 @@
+<?xml version="1.0" encoding="utf-8"?>
+<s:Group xmlns:fx="http://ns.adobe.com/mxml/2009" 
+		 xmlns:s="library://ns.adobe.com/flex/spark" 
+		 xmlns:mx="library://ns.adobe.com/flex/mx" width="100" height="100">
+	<fx:Declarations>
+		<!-- Place non-visual elements (e.g., services, value objects) here -->
+	</fx:Declarations>
+	
+	<fx:Script> <![CDATA[
+		import com.facebook.graph.Facebook;
+		import com.facebook.graph.controls.Distractor;
+		import com.facebook.graph.net.FacebookRequest;
+		import com.facebook.graph.utils.FacebookDataUtils;
+	
+		import mx.controls.Alert;
+		
+		protected function getFriends(event:Event):void {
+			trace("Calling getFriends");
+			Facebook.login(loginHandler);
+		}
+		
+		protected function loginHandler(success:Object, fail:Object):void {
+			Alert.show("loginHandler");
+			if(success){
+				trace("loginHandler call sucessfull");
+				Facebook.init("101122279970437", initHandler);
+			} 
+			else {
+				trace("loginHandler call failed");
+			}
+		}
+		
+		protected function initHandler(success:Object, fail:Object):void {
+			if(success){
+				trace("initHandler call sucessfull");
+				Facebook.api("/me/friends", getFriendsHandler);
+			} 
+			else {
+				trace("initHandler call failed");
+			}
+		}
+		
+		protected function getFriendsHandler(result:Object, fail:Object):void{
+			var length:int = result.length;
+			
+			trace("Trying to get friends");
+			for (var i:int=0; i < length; i++) {
+				trace(result[i]);
+			}
+		}
+		
+	]]> </fx:Script>
+	
+	<s:Button x="10" y="10" label="GET FRIENDS" id="button_getFriends" click="getFriends(event)"/>
+	
+</s:Group>
diff --git a/src/client-flex/ElucioLogin.mxml b/src/client-flex/ElucioLogin.mxml
new file mode 100644
index 0000000..0714903
--- /dev/null
+++ b/src/client-flex/ElucioLogin.mxml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<s:Group xmlns:fx="http://ns.adobe.com/mxml/2009" 
+		 xmlns:s="library://ns.adobe.com/flex/spark" 
+		 xmlns:mx="library://ns.adobe.com/flex/mx" width="400" height="300">
+	<fx:Declarations>
+		<!-- Place non-visual elements (e.g., services, value objects) here -->
+	</fx:Declarations>
+</s:Group>
diff --git a/src/client-flex/ElucioProjects.mxml b/src/client-flex/ElucioProjects.mxml
new file mode 100644
index 0000000..03d2b91
--- /dev/null
+++ b/src/client-flex/ElucioProjects.mxml
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="utf-8"?>
+<s:Group xmlns:fx="http://ns.adobe.com/mxml/2009" 
+		 xmlns:s="library://ns.adobe.com/flex/spark" 
+		 xmlns:mx="library://ns.adobe.com/flex/mx" 
+		 width="400" height="300">	
+	
+	<fx:Declarations>		
+	</fx:Declarations>
+	
+	<fx:Script>
+		<![CDATA[
+			import com.elucio.Projects;
+		]]>
+	</fx:Script>
+	
+	<mx:DataGrid id="project_grid" right="10" left="10" top="10" bottom="10" dataProvider="{Projects.get_instance().projects}">
+		<mx:columns>
+			<mx:DataGridColumn headerText="Name" dataField="name"/>
+			<mx:DataGridColumn headerText="Status" dataField="status"/>
+		</mx:columns>
+	</mx:DataGrid>
+	
+</s:Group>
diff --git a/src/client-flex/ElucioTasks.mxml b/src/client-flex/ElucioTasks.mxml
new file mode 100644
index 0000000..9974e86
--- /dev/null
+++ b/src/client-flex/ElucioTasks.mxml
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="utf-8"?>
+<s:Group xmlns:fx="http://ns.adobe.com/mxml/2009" 
+		 xmlns:s="library://ns.adobe.com/flex/spark" 
+		 xmlns:mx="library://ns.adobe.com/flex/mx" width="400" height="300">
+	
+	<fx:Declarations>		
+
+	</fx:Declarations>
+	
+	<fx:Script>
+		<![CDATA[
+			import com.elucio.Tasks;
+		]]>
+	</fx:Script>
+	
+	<mx:DataGrid id="task_grid" right="10" left="10" top="10" bottom="10" dataProvider="{Tasks.get_instance().tasks}">
+		<mx:columns>
+			<mx:DataGridColumn headerText="Name" dataField="name"/>
+			<mx:DataGridColumn headerText="Status" dataField="status"/>
+		</mx:columns>
+	</mx:DataGrid>
+	
+</s:Group>
diff --git a/src/client-flex/ElucioWeb.css b/src/client-flex/ElucioWeb.css
new file mode 100644
index 0000000..2a2400e
--- /dev/null
+++ b/src/client-flex/ElucioWeb.css
@@ -0,0 +1,9 @@
+/* CSS file */
+@namespace s "library://ns.adobe.com/flex/spark";
+@namespace mx "library://ns.adobe.com/flex/mx";
+
+
+global
+{
+}
+	
\ No newline at end of file
diff --git a/src/client-flex/ElucioWeb.mxml b/src/client-flex/ElucioWeb.mxml
new file mode 100644
index 0000000..4904c58
--- /dev/null
+++ b/src/client-flex/ElucioWeb.mxml
@@ -0,0 +1,84 @@
+<?xml version="1.0" encoding="utf-8"?>
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
+			   xmlns:s="library://ns.adobe.com/flex/spark"
+			   xmlns:mx="library://ns.adobe.com/flex/mx"
+			   xmlns:ns1="*"
+			   width="720" height="750" backgroundColor="0x359ffb" creationComplete="init()"
+			   currentState="canvas_view" pageTitle="elucio projects">
+	
+	<fx:Style source="ElucioWeb.css"/>
+	
+	<s:states>
+		<s:State name="canvas_view"/>
+		<s:State name="projects_view"/>
+		<s:State name="tasks_view"/>
+	</s:states>
+	
+	<fx:Declarations>
+		
+	</fx:Declarations>
+	
+	<fx:Script> <![CDATA[
+		import com.elucio.Projects;
+		import com.elucio.Tasks;
+		
+		import mx.collections.ArrayCollection;
+		import mx.events.FlexEvent;
+		import mx.events.CollectionEvent;
+
+		public var user_projects:Object;
+		public var user_tasks:Object;
+		
+		[Bindable]
+		public var version:String = "0.0.31";
+		
+		private function init():void {
+			trace("build: "+ version);
+			trace("init() called");
+			user_projects = Projects.get_instance();
+			user_tasks = Tasks.get_instance();
+		}
+
+		public function load_resources():void {
+			user_projects.load_projects();	
+		}
+		
+		protected function getFriends(event:MouseEvent):void {
+			// TODO Auto-generated method stub			
+		}		
+		
+	]]> </fx:Script>
+	
+	<s:Button id="button_c" x="512" y="10" width="32" height="32" label="C"
+			  click="currentState='canvas_view'" fontSize="16" fontWeight="bold"/>
+	<s:Button id="button_p" x="552" y="10" width="32" height="32" label="P"
+			  click="currentState='projects_view'" fontSize="16" fontWeight="bold"/>
+	<s:Button id="button_t" x="592" y="10" width="32" height="32" label="T"
+			  click="currentState='tasks_view'" fontSize="16" fontWeight="bold"/>
+	
+	<s:Button id="button_project_new" x="10" y="10" width="32" height="32" label="+" fontSize="16"
+			  fontWeight="bold" click="e_canvas.invalidateDisplayList()"/>
+	<s:Button id="button_project_left" x="50" y="10" width="32" height="32" label="&lt;"
+			  fontSize="16" fontWeight="bold"/>
+	<s:Button id="button_project_right" x="90" y="10" width="32" height="32" label="&gt;"
+			  fontSize="16" fontWeight="bold"/>
+	
+	<s:TextArea id="text_project_name" x="130" y="10" width="365" height="32"
+				contentBackgroundColor="#ECEAEA" editable="true" fontSize="18" fontWeight="bold"
+				verticalAlign="middle"/>
+	<s:TextArea id="build_number" x="630" y="731" width="90" height="19" borderVisible="false" color="black"
+				contentBackgroundColor="#359FFB" enabled="true" text="{version}"
+				textAlign="center"/>
+	<s:TextArea id="text_status" x="5" y="731" width="48" height="19" borderVisible="false"
+				contentBackgroundColor="#359FFB" text="status:"/>
+	<s:TextArea id="text_status_msg" x="52" y="731" width="420" height="19" borderVisible="false"
+				contentBackgroundColor="#359FFB" editable.canvas_view="false"/>
+	
+	<ns1:ElucioCanvas id="e_canvas" includeIn="canvas_view" x="10" y="50">
+	</ns1:ElucioCanvas>
+	<ns1:ElucioProjects id="e_projects" includeIn="projects_view" x="10" y="50" width="700" height="690">
+	</ns1:ElucioProjects>
+	<ns1:ElucioTasks id="e_tasks" includeIn="tasks_view" x="10" y="50" width="700" height="690">
+	</ns1:ElucioTasks>
+	
+</s:Application>
diff --git a/src/client-flex/assets/elucio_300x80_black.png b/src/client-flex/assets/elucio_300x80_black.png
new file mode 100644
index 0000000000000000000000000000000000000000..29bc2a746dc4ad87b7932ff714443a195aa23cc5
GIT binary patch
literal 3597
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
TK7TWA00000NkvXXu0mjf@?Ob1

literal 0
HcmV?d00001

diff --git a/src/client-flex/assets/elucio_logo_header_133.png b/src/client-flex/assets/elucio_logo_header_133.png
new file mode 100644
index 0000000000000000000000000000000000000000..ea00c73a64dd955acd361bb258665ce9eee50faf
GIT binary patch
literal 2924
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
WDaQIhNj&NR0000<MNUMnLSTYsDV1XY

literal 0
HcmV?d00001

diff --git a/src/client-flex/assets/elucio_sun5.png b/src/client-flex/assets/elucio_sun5.png
new file mode 100644
index 0000000000000000000000000000000000000000..dae9fc2494c44ba8d435876005eb0c54d76a0a76
GIT binary patch
literal 8977
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
MYPVHOl+l>~0Xe|aU;qFB

literal 0
HcmV?d00001

diff --git a/src/client-flex/com/elucio/CellSprite.as b/src/client-flex/com/elucio/CellSprite.as
new file mode 100644
index 0000000..b0972d9
--- /dev/null
+++ b/src/client-flex/com/elucio/CellSprite.as
@@ -0,0 +1,10 @@
+package com.elucio {
+	import flash.display.Sprite;
+	
+	public class CellSprite extends Sprite {
+		public var task:Object;
+		
+		public function CellSprite() {
+		}
+	}
+}
\ No newline at end of file
diff --git a/src/client-flex/com/elucio/DateTimePicker.mxml b/src/client-flex/com/elucio/DateTimePicker.mxml
new file mode 100644
index 0000000..e7e09b8
--- /dev/null
+++ b/src/client-flex/com/elucio/DateTimePicker.mxml
@@ -0,0 +1,90 @@
+<?xml version="1.0" encoding="utf-8"?>
+<mx:HBox xmlns:mx="http://www.adobe.com/2006/mxml" paddingBottom="2" paddingLeft="2" paddingRight="2" paddingTop="2" horizontalGap="0" verticalAlign="middle">
+	
+	<mx:Metadata>
+		[Event(name="change", type="flash.events.Event")]
+	</mx:Metadata>
+	
+	<mx:Script>
+		<![CDATA[
+			
+			[Bindable] private var _selectedDate:Date = new Date();
+			
+			[Bindable] 
+			[Inspectable(defaultValue='5', category="Other", enumeration="1,5,10,15,30")] 
+			public var minuteIncrement:int = 5;
+			
+			
+			public function get selectedDate():Date
+			{
+				this.validateNow();
+				return this._selectedDate;
+			}
+			
+			[Bindable]
+			public function set selectedDate(value:Date):void
+			{
+				this._selectedDate = value
+				this.date.selectedDate = this._selectedDate
+				if(value.getHours() >= 12)
+				{
+					this.ampm.selectedValue = 2;
+				}
+				else
+				{
+					this.ampm.selectedValue = 1;
+				}
+				
+				if(value.getHours() < 13 )
+					this.hours.value = value.getHours()
+				else
+					this.hours.value = value.getHours() - 12
+				
+				if(value.getHours() == 0)
+					this.hours.value = 12;
+				
+				this.minutes.value = value.getMinutes()
+				this.validateNow();
+			}
+			
+			override public function validateProperties():void
+			{
+				super.validateProperties();
+				
+			}
+			
+			public function handleChange():void
+			{
+				
+				var militaryHours:int = hours.value;
+				if(ampm.selectedValue == 2 && hours.value != 12)
+					militaryHours = hours.value+12; 
+				else if(ampm.selectedValue == 1 && hours.value == 12)
+					militaryHours = 0;
+				var selDate:Date = this.date.selectedDate;
+				var date:Date = new Date(
+					selDate.getFullYear(),
+					selDate.getMonth(),
+					selDate.getDate(),
+					militaryHours,
+					minutes.value)
+				this.selectedDate = date;
+				
+				this.invalidateProperties();
+				this.validateNow();
+				this.dispatchEvent(new Event("change"));
+				
+			}
+		]]>
+	</mx:Script>
+	<mx:DateField id="date" selectedDate="{new Date()}" change="handleChange()"/>
+	<mx:Spacer width="20"/>
+	<mx:NumericStepper id="hours" minimum="1" maximum="12" stepSize="1" change="handleChange()" valueCommit="handleChange()" textAlign="center"/>
+	<mx:Label text=":" textAlign="center"/>
+	<mx:NumericStepper id="minutes" minimum="0"  maximum="55" stepSize="{minuteIncrement}" change="handleChange()" valueCommit="handleChange()" textAlign="center"/>
+	<mx:Spacer width="10"/>
+	<mx:RadioButtonGroup id="ampm" selectedValue="1" change="this.handleChange()"/>
+	<mx:RadioButton id="am" value="1" label="AM" group="{ampm}"/>
+	<mx:RadioButton id="pm" value="2" label="PM" group="{ampm}"/>
+</mx:HBox>
+
diff --git a/src/client-flex/com/elucio/ElucioAddTask.mxml b/src/client-flex/com/elucio/ElucioAddTask.mxml
new file mode 100644
index 0000000..ee3a610
--- /dev/null
+++ b/src/client-flex/com/elucio/ElucioAddTask.mxml
@@ -0,0 +1,34 @@
+<?xml version="1.0" encoding="utf-8"?>
+<s:Group xmlns:fx="http://ns.adobe.com/mxml/2009"
+		 xmlns:s="library://ns.adobe.com/flex/spark"
+		 xmlns:mx="library://ns.adobe.com/flex/mx"
+		 xmlns:elucio="com.elucio.*"
+		 width="356" height="436" contentBackgroundColor="#FFFFFF">
+	
+	<fx:Declarations>
+
+	</fx:Declarations>
+	
+	<fx:Script>
+		<![CDATA[
+
+		]]>
+	</fx:Script>
+	
+	<s:Panel id="panel_add_task" x="0" y="0" width="356" height="436" backgroundAlpha="1.0"
+			 backgroundColor="0x359ffb" borderVisible="true" contentBackgroundColor="#ECEAEA"
+			 dropShadowVisible="true" title="Add Task">
+		<s:Button id="button_add_task" x="270" y="372" label="Add Task"/>
+		<s:Button id="button_cancel" x="10" y="372" label="Cancel"/>
+		<s:TextArea x="10" y="42" width="80" height="22" borderVisible="false" editable="false"
+					fontWeight="bold" text="Task Owner"/>
+		<s:TextInput x="165" y="10" width="159"/>
+		<s:TextArea x="10" y="10" width="81" height="22" borderVisible="false" editable="false"
+					fontWeight="bold" text="Task Name"/>
+		<s:TextInput x="165" y="42" width="159"/>
+		<s:TextArea x="8" y="265" width="336" height="29" borderVisible="false" editable="false"
+					fontWeight="bold" text="Select a completion date and time for this task" textAlign="center" verticalAlign="middle"/>
+	    <elucio:DateTimePicker x="4" y="302">
+		</elucio:DateTimePicker>
+	</s:Panel>
+</s:Group>
diff --git a/src/client-flex/com/elucio/Projects.as b/src/client-flex/com/elucio/Projects.as
new file mode 100644
index 0000000..cded88f
--- /dev/null
+++ b/src/client-flex/com/elucio/Projects.as
@@ -0,0 +1,70 @@
+package com.elucio {
+	import com.adobe.serialization.json.JSON;
+	
+	import flash.events.Event;
+	import flash.net.URLLoader;
+	import flash.net.URLRequest;
+	
+	import mx.collections.ArrayCollection;
+	import mx.rpc.events.FaultEvent;
+	import mx.rpc.events.ResultEvent;
+	
+	public final class Projects {
+		private static var _instance:Projects = new Projects();
+		
+		[Bindable]
+		public var projects:ArrayCollection = null;
+		
+		public function Projects() {
+			if (_instance != null) {
+				throw new Error("Projects can only be accessed through Projects.instance");
+			}
+			_instance = this;
+			load_projects();
+		}
+		
+		public static function get_instance():Projects {
+			if (_instance == null) _instance = new Projects();
+			return _instance;
+		}
+		
+		public function get_projects():ArrayCollection {
+			return projects;
+		}
+		
+		public function load_projects():void {
+			var url:String = "http://elucio.com/projects.json?" + new Date().getTime().toString();
+			sendJSONRequest(url);			
+		}
+		
+		public function sendJSONRequest(url:String):void {
+			var jsonURLLoader:URLLoader = new URLLoader();
+			var jsonURLRequest:URLRequest = new URLRequest();
+			jsonURLRequest.url = url;
+			jsonURLLoader.load(jsonURLRequest);
+			jsonURLLoader.addEventListener(Event.COMPLETE, onJSONLoad);   
+		}
+		
+		public function onJSONLoad(event:Event):void {
+			trace("projects:onJSONLoad:" + String(event.target.data));
+			var rawData:String = String(event.target.data);
+			var arr:Array = (JSON.decode(rawData));			
+			var narr:Array = new Array();
+			
+			trace("projects array length = " + arr.length);
+			for (var i:int = 0; i < arr.length; i++) {
+				for each (var value:Object in arr[i]) {
+					trace("project value: " + value.name);
+					narr.push(value);
+				}
+			}
+			projects = new ArrayCollection(narr);
+		}
+		
+		private function onJSONFault(event:FaultEvent):void {
+			trace("onJSONFault Error:" + event.message);   
+		}
+
+	}
+	
+}
\ No newline at end of file
diff --git a/src/client-flex/com/elucio/Tasks.as b/src/client-flex/com/elucio/Tasks.as
new file mode 100644
index 0000000..da2ddc0
--- /dev/null
+++ b/src/client-flex/com/elucio/Tasks.as
@@ -0,0 +1,70 @@
+package com.elucio {	
+	import com.adobe.serialization.json.JSON;
+	
+	import flash.events.Event;
+	import flash.net.URLLoader;
+	import flash.net.URLRequest;
+	
+	import mx.collections.ArrayCollection;
+	import mx.rpc.events.FaultEvent;
+	import mx.rpc.events.ResultEvent;
+	
+	public class Tasks {
+			private static var _instance:Tasks = new Tasks();
+			
+			[Bindable]
+			public var tasks:ArrayCollection = null;
+	
+			public function Tasks() {
+				if (_instance != null) {
+					throw new Error("Tasks can only be accessed through Tasks.instance");
+				}
+				_instance = this;
+				load_tasks();
+			}
+			
+			public static function get_instance():Tasks {
+				if (_instance == null) _instance = new Tasks();
+				return _instance;
+			}
+			
+			public function get_tasks():ArrayCollection {
+				return tasks;
+			}
+			
+			public function load_tasks():void {
+				var url:String = "http://elucio.com/tasks.json?" + new Date().getTime().toString();
+				sendJSONRequest(url);
+			}			
+			
+			public function sendJSONRequest(url:String):void {
+				var jsonURLLoader:URLLoader = new URLLoader();
+				var jsonURLRequest:URLRequest = new URLRequest();
+				jsonURLRequest.url = url;
+				jsonURLLoader.load(jsonURLRequest);
+				jsonURLLoader.addEventListener(Event.COMPLETE, onJSONLoad);   
+			}
+			
+			private function onJSONLoad(event:Event):void {
+				trace("tasks:onJSONLoad:" + String(event.target.data));
+				var rawData:String = String(event.target.data);
+				var arr:Array = (JSON.decode(rawData));			
+				var narr:Array = new Array();
+				
+				trace("tasks array length = " + arr.length);
+				for (var i:int = 0; i < arr.length; i++) {
+					for each (var value:Object in arr[i]) {
+						trace("task value: " + value.name);
+						narr.push(value);
+					}
+				}
+				tasks = new ArrayCollection(narr);
+			}
+			
+			private function onJSONFault(event:FaultEvent):void {
+				trace("onJSONFault Error:" + event.message);   
+			}
+
+		}	
+
+}
\ No newline at end of file
diff --git a/src/client-svg/application.js b/src/client-svg/application.js
new file mode 100644
index 0000000..b93ab2d
--- /dev/null
+++ b/src/client-svg/application.js
@@ -0,0 +1,427 @@
+// deck
+
+function projects_itemLoadCallback(carousel, state) {
+    if (state != 'init')
+        return;
+ 
+    jQuery.getJSON('/projects.json' + '?' + Math.round(new Date().getTime()), function(data) {
+        projects_itemAddCallback(carousel, carousel.first, carousel.last, data);
+    });
+};
+ 
+function projects_itemAddCallback(carousel, first, last, data) {
+    // Simply add all items at once and set the size accordingly.
+    var items = [];
+
+    for (i = 0; i < data.length; i++) {
+        items.push(data[i].project.name);
+    }
+ 
+    for (i = 0; i < items.length; i++) {
+        carousel.add(i+1, mycarousel_getItemHTML(items[i]));
+    }
+ 
+    carousel.size(items.length);
+};
+
+// Item html creation helper.
+function mycarousel_getItemHTML(s) {
+    return '<li>' + s + '</li>';
+};
+
+// 
+// matrix
+//
+
+var elucio = {
+    // TODO: too many globals
+    STATE_COLORS: ({ Done: "green", Open: "white", Late: "yellow", Started: "blue", Blocked: "red", New: "light blue" }),
+    HEIGHT_TO_WIDTH_RATIO: 0.6,
+    CELL_MARGIN: 0.1,
+    CELL_BORDER: 1,
+    paper: null,
+    div: null,
+    canvas_width: 0,
+    canvas_height: 0,
+    tasks: [],
+    zoom: 0,
+    zoom_factor: 0,
+    matrix_width: 0,
+    matrix_height: 0,
+    cell_width: 0,
+    cell_height: 0,
+    cell_width_margin: 0,
+    cell_height_margin: 0,
+
+    init: function(div, canvas_width, canvas_height) {
+        elucio.get_tasks(div, canvas_width, canvas_height);
+    },
+
+    setup: function(div, canvas_width, canvas_height, tasks) {
+        this.div = div;
+        this.canvas_width = canvas_width;
+        this.canvas_height = canvas_height;
+        this.tasks = tasks;
+        this.paper = Raphael(div, canvas_width, canvas_height);
+        elucio.matrix();
+    },
+
+    matrix: function() { 
+        this.adjust_sizes();
+
+        if (this.paper) {
+            this.paper.clear();
+        }
+
+        elucio.draw_matrix(this.paper);
+        elucio.draw_tasks(this.paper, this.tasks);
+        elucio.draw_controls(this.paper, this.canvas_width - 60, 0);
+    },
+
+    adjust_sizes: function() {
+        var max_coord = elucio.get_project_matrix_size(this.tasks); 
+        this.matrix_width = max_coord.x;
+        this.matrix_height = max_coord.y;
+
+        if (this.zoom) {
+            this.zoom_factor+= this.zoom;
+            this.CELL_BORDER += this.zoom;
+            this.zoom = 0;
+        }
+
+        // figure our matrix size based on needed dimensions plus a buffer 
+        this.cell_width = this.canvas_width / (this.matrix_width + this.CELL_BORDER + this.CELL_BORDER);
+        this.cell_height = (this.canvas_height / (this.matrix_height + this.CELL_BORDER + this.CELL_BORDER)) * this.HEIGHT_TO_WIDTH_RATIO;
+        this.cell_width_margin = this.cell_width * this.CELL_MARGIN;
+        this.cell_height_margin = this.cell_height * this.CELL_MARGIN;
+    },
+
+    // draw empty matrix
+    draw_matrix: function(r) {
+        var cell_side_width = this.cell_width - (2 * this.cell_width_margin);
+        var cell_side_height = this.cell_height - (2 * this.cell_height_margin);
+        var full_cell_width = this.cell_width + this.cell_width_margin;
+        var full_cell_height = this.cell_height + this.cell_height_margin; 
+        var full_matrix_width = this.matrix_width + this.CELL_BORDER + this.CELL_BORDER;
+        var full_matrix_height = this.matrix_height + this.CELL_BORDER + this.CELL_BORDER;
+
+        for (var w = 0; w < full_matrix_width; w++) {
+            for (var h = 0; h < full_matrix_height; h++) {
+                var shape = r.rect(w * full_cell_width, h * full_cell_height, cell_side_width, cell_side_height, 10);
+                shape.attr({fill: "gray", stroke: "gray", "fill-opacity": 0, "stroke-width": 1, cursor: "move"});
+
+                // save values which are relative to the tasks and not the matrix
+                shape.node.matrix_x = w - this.CELL_BORDER;
+                shape.node.matrix_y = h - this.CELL_BORDER;
+                shape.dblclick(elucio.handler_doubleclick_add_task);
+            }
+        }
+    },
+
+    // draw tasks on matrix
+    draw_tasks: function(r, tasks) {
+        var cell_side_width = this.cell_width - (2 * this.cell_width_margin);
+        var cell_side_height = this.cell_height - (2 * this.cell_height_margin);
+        var full_cell_width = this.cell_width + this.cell_width_margin;
+        var full_cell_height = this.cell_height + this.cell_height_margin; 
+
+        for (var i = 0; i < tasks.length; i++) {
+            //alert("coords:" + tasks[i].task.matrix_x + "," + tasks[i].task.matrix_y);
+            var x = (tasks[i].task.matrix_x + this.CELL_BORDER) * full_cell_width;
+            var y = (tasks[i].task.matrix_y + this.CELL_BORDER) * full_cell_height;
+            var shape = r.rect(x, y, cell_side_width, cell_side_height, 10);
+
+            shape.node.id = tasks[i].task.id;
+
+            // task cells overwrite the empty shape so set these again
+            // these are relative to the tasks and not the matrix
+            shape.node.matrix_x = tasks[i].task.matrix_x;
+            shape.node.matrix_y = tasks[i].task.matrix_y;
+
+            var task_state = tasks[i].task.status;
+
+            if (!task_state) {
+                task_state = "Open";
+            }
+
+            shape.attr({fill: this.STATE_COLORS[task_state], stroke: this.STATE_COLORS[task_state], "fill-opacity": 50, "stroke-width": 2, cursor: "move"});
+
+            // add text
+            var bbox = shape.getBBox();
+
+            if (bbox.width > 50 || bbox.height > 50) {
+                t = r.text(x + (2 * this.cell_width_margin), y + this.cell_height_margin, tasks[i].task.name); // BUG: offset don't make sense, but are working
+            }
+
+            // attach an event
+            shape.dblclick(elucio.handler_doubleclick_task);
+       }
+    },
+
+    draw_controls: function(r, x, y) {
+        icon_plus = "M25.979,12.896 19.312,12.896 19.312,6.229 12.647,6.229 12.647,12.896 5.979,12.896 5.979,19.562 12.647,19.562 12.647,26.229 19.312,26.229 19.312,19.562 25.979,19.562z";
+        icon_minus = "M25.979,12.896,19.312,12.896,5.979,12.896,5.979,19.562,25.979,19.562z";
+
+        shape = r.rect(x, 0, 25, 25);
+        shape.attr({fill: "white" , stroke: "white" , "fill-opacity": 50, "stroke-width": 2, cursor: "move"});
+        icon = r.path(icon_plus).attr({fill: "#000", stroke: "none"});
+        icon.translate(x - 3, -4);
+        shape.click(elucio.handler_click_zoomin);
+        icon.click(elucio.handler_click_zoomin);
+
+        shape = r.rect(x+28, 0, 25, 25);
+        shape.attr({fill: "white" , stroke: "white" , "fill-opacity": 50, "stroke-width": 2, cursor: "move"});
+        icon = r.path(icon_minus).attr({fill: "#000", stroke: "none"});
+        icon.translate(x+25, -4);
+        shape.click(elucio.handler_click_zoomout);
+        icon.click(elucio.handler_click_zoomout);
+    },
+
+    //
+    // event handlers
+    //
+
+    handler_click_zoomin: function(event) {
+        elucio.zoom++;
+        elucio.matrix();
+    },
+
+    handler_click_zoomout: function(event) {
+        elucio.zoom--;
+        elucio.matrix();
+    },
+
+    handler_doubleclick_task: function(event) {
+        var task_id = this.node.id;
+        var matrix_x = this.node.matrix_x;
+        var matrix_y = this.node.matrix_y;
+
+        $('<div align="center" style="width: 320px; height: 720px; overflow: hidden"><iframe src="/tasks/' 
+          + task_id + '/edit?x=' + matrix_x + "&y=" + matrix_y 
+          + '" width="320" frameborder="0" height="720"></iframe></d iv>').dialog({
+            width: 320,
+            height: 720,
+            title: 'Task Editor - Edit Task'
+        })
+
+    },
+
+    handler_doubleclick_add_task: function(event) {
+        var matrix_x = this.node.matrix_x;
+        var matrix_y = this.node.matrix_y;
+
+        $('<div align="center" style="width: 320px; height: 720px; overflow: hidden"><iframe src="/tasks/new?x='
+          + matrix_x + "&y=" + matrix_y + '" width="320" frameborder="0" height="720"></iframe></div>').dialog({
+            width: 320,
+            height: 720,
+            title: 'Task Editor - New Task'
+        })
+    },
+
+    // figure out the cell width and height of the project
+    get_project_matrix_size: function(tasks) {
+        var max_x = 0;
+        var max_y = 0;
+
+        for (var i = 0; i < tasks.length; i++) {
+            if (tasks[i].task.matrix_x > max_x) {
+                max_x = tasks[i].task.matrix_x;
+            }
+            if (tasks[i].task.matrix_y > max_y) {
+                max_y = tasks[i].task.matrix_y;
+            }
+        }
+
+        // adjust for zero based index
+        max_x++;
+        max_y++;
+
+        return {x: max_x, y: max_y};
+    },
+
+    get_tasks: function(div, canvas_width, canvas_height) {
+        jQuery.getJSON('/tasks.json' + '?' + Math.round(new Date().getTime()), function(data) {
+            elucio.get_tasks_callback(div, canvas_width, canvas_height, data);
+        });
+    },
+
+    get_tasks_callback: function(div, canvas_width, canvas_height, data) {
+
+        //for (i = 0; i < data.length; i++) {
+        //    alert("get_tasks_callback: " + data[i].task.name);
+        //}
+
+        elucio.setup(div, canvas_width, canvas_height, data);
+    }
+
+}
+
+/*
+var el;
+function initMatrix(div, canvas_width, canvas_height) {
+    getTasks(div, canvas_width, canvas_height);
+}
+
+CELL_BORDER = 2; // should be an even number
+
+function elucioMatrix(div, canvas_width, canvas_height, tasks, zoom) {
+    STATE_COLORS = ({ Done: "green", Open: "white", Late: "yellow", Started: "blue", Blocked: "red", New: "light blue" });
+    HEIGHT_TO_WIDTH_RATIO = 0.6;
+    CELL_MARGIN = 0.1;
+    zoom = 6; // for testing
+
+    r = Raphael(div, canvas_width, canvas_height);
+
+    // TODO: adjust for odd sizes
+
+    var max_coord = get_project_matrix_size(tasks); 
+    matrix_width = max_coord.x;
+    matrix_height = max_coord.y;
+
+    if (zoom != null) {
+        CELL_BORDER += zoom;
+    }
+ 
+    // figure our matrix size based on needed dimensions plus a buffer 
+    cell_width = canvas_width / (matrix_width + CELL_BORDER);
+    cell_height = (canvas_height / (matrix_height + CELL_BORDER)) * HEIGHT_TO_WIDTH_RATIO;
+    cell_width_margin = cell_width * CELL_MARGIN;
+    cell_height_margin = cell_height * CELL_MARGIN;
+
+    // draw empty matrix
+    for (var w = 0; w < matrix_width + CELL_BORDER; w++) {
+        for (var h = 0; h < matrix_height + CELL_BORDER; h++) {
+            shape = r.rect(w * cell_width + cell_width_margin, h * cell_height + cell_height_margin, cell_width - (2 * cell_width_margin), cell_height - (2 * cell_height_margin), 10);            
+            shape.attr({fill: "gray", stroke: "gray", "fill-opacity": 0, "stroke-width": 1, cursor: "move"});
+            // these are relative to the tasks and not the matrix
+            shape.node.matrix_x = w - CELL_BORDER / 2;
+            shape.node.matrix_y = h - CELL_BORDER / 2;
+            shape.dblclick(handler_doubleclick_add_task);
+        }
+    }
+
+    // draw tasks on matrix
+    for (var i = 0; i < tasks.length; i++) {
+         //alert("coords:" + tasks[i].task.matrix_x + "," + tasks[i].task.matrix_y);
+         x = (tasks[i].task.matrix_x + CELL_BORDER/2) * cell_width + cell_width_margin;
+         y = (tasks[i].task.matrix_y + CELL_BORDER/2) * cell_height + cell_height_margin;
+         shape = r.rect(x, y, cell_width - (2 * cell_width_margin), cell_height - (2 * cell_height_margin), 10);
+         shape.node.id = tasks[i].task.id;
+         task_state = tasks[i].task.status;
+         // task cells overwrite the empty shape so set these again
+         // these are relative to the tasks and not the matrix
+         shape.node.matrix_x = tasks[i].task.matrix_x;
+         shape.node.matrix_y = tasks[i].task.matrix_y;
+         if (task_state == null) {
+             task_state = "Open";
+         }
+         shape.attr({fill: STATE_COLORS[task_state], stroke: STATE_COLORS[task_state], "fill-opacity": 50, "stroke-width": 2, cursor: "move"});
+         // add text
+         var bbox = shape.getBBox();
+         if (bbox.width > 50 || bbox.height > 50) {
+             t = r.text(x + (2 * cell_width_margin), y + cell_height_margin, tasks[i].task.name); // BUG: offset don't make sense, but are working
+         }
+         // attach an event
+         shape.dblclick(handler_doubleclick_task);
+    }
+
+    zoom_buttons(r, canvas_width - 60, 0, div, canvas_width, canvas_height, tasks);
+};
+
+function zoom_buttons(r, x, y) {
+    icon_plus = "M25.979,12.896 19.312,12.896 19.312,6.229 12.647,6.229 12.647,12.896 5.979,12.896 5.979,19.562 12.647,19.562 12.647,26.229 19.312,26.229 19.312,19.562 25.979,19.562z";
+    icon_minus = "M25.979,12.896,19.312,12.896,5.979,12.896,5.979,19.562,25.979,19.562z";
+
+    shape = r.rect(x, 0, 25, 25);
+    shape.attr({fill: "white" , stroke: "white" , "fill-opacity": 50, "stroke-width": 2, cursor: "move"});
+    icon = r.path(icon_plus).attr({fill: "#000", stroke: "none"});
+    icon.translate(x - 3, -4);
+    shape.click(handler_click_zoomin);
+    icon.click(handler_click_zoomin);
+
+    shape = r.rect(x+28, 0, 25, 25);
+    shape.attr({fill: "white" , stroke: "white" , "fill-opacity": 50, "stroke-width": 2, cursor: "move"});
+    icon = r.path(icon_minus).attr({fill: "#000", stroke: "none"});
+    icon.translate(x+25, -4);
+    shape.click(handler_click_zoomout);
+    icon.click(handler_click_zoomout);
+
+}
+
+function handler_doubleclick_task(event) {
+    task_id = this.node.id;
+    matrix_x = this.node.matrix_x;
+    matrix_y = this.node.matrix_y;
+
+    $('<div align="center" style="width: 320px; height: 720px; overflow: hidden"><iframe src="/tasks/' + task_id + '/edit?x=' + matrix_x + "&y=" + matrix_y + '" width="320" frameborder="0" height="720"></iframe></div>').dialog({
+        width: 320,
+        height: 720,
+        title: 'Task Editor - Edit Task'
+    })
+
+}
+
+function handler_doubleclick_add_task(event) {
+    matrix_x = this.node.matrix_x;
+    matrix_y = this.node.matrix_y;
+
+    $('<div align="center" style="width: 320px; height: 720px; overflow: hidden"><iframe src="/tasks/new?x=' + matrix_x + "&y=" + matrix_y + '" width="320" frameborder="0" height="720"></iframe></div>').dialog({
+        width: 320,
+        height: 720,
+        title: 'Task Editor - New Task'
+    })
+}
+
+function handler_click_on_matrix(event) {
+    alert(event.which);
+}
+
+// figure out the cell width and height of the project
+function get_project_matrix_size(tasks) {
+    var max_x = 0;
+    var max_y = 0;
+    for (var i = 0; i < tasks.length; i++) {
+        if (tasks[i].task.matrix_x > max_x) {
+            max_x = tasks[i].task.matrix_x;        
+        }
+        if (tasks[i].task.matrix_y > max_y) {
+            max_y = tasks[i].task.matrix_y;
+        }
+    }
+    // adjust for zero based index
+    max_x++;
+    max_y++;
+
+    return {x: max_x, y: max_y};
+}
+
+
+// Misc Calls
+
+function getTasks(div, canvas_width, canvas_height) {
+    jQuery.getJSON('/tasks.json' + '?' + Math.round(new Date().getTime()), function(data) {
+        get_tasks_callback(div, canvas_width, canvas_height, data);
+    });
+};
+
+function get_tasks_callback(div, canvas_width, canvas_height, data) {
+    // Simply add all items at once and set the size accordingly.
+    var items = [];
+
+    //for (i = 0; i < data.length; i++) {
+    //    alert("get_tasks_callback: " + data[i].task.name);
+    //}
+
+    var tasks = data;
+    elucioMatrix(div, canvas_width, canvas_height, tasks);
+
+};
+
+
+// OLD
+function elucioProjectCanvas() {
+    var canvas = document.getElementById("elucioCanvas");  
+    var ctx = canvas.getContext("2d");  
+    ctx.fillRect(160, 120, 320, 480);
+}
+*/