Initial commit of intern.ccwn.org contentsHEADmaster

1 files changed, 578 insertions, 0 deletions

diff --git a/js/dojo-1.7.2/dojox/gantt/TabMenu.js b/js/dojo-1.7.2/dojox/gantt/TabMenu.js
new file mode 100644
index 0000000..20dead1
--- /dev/null
+++ b/js/dojo-1.7.2/dojox/gantt/TabMenu.js
@@ -0,0 +1,578 @@
+//>>built
+// wrapped by build app
+define("dojox/gantt/TabMenu", ["dijit","dojo","dojox","dojo/require!dijit/dijit,dijit/Menu,dijit/Dialog,dijit/form/NumberSpinner,dijit/form/Button,dijit/form/CheckBox,dijit/form/DateTextBox,dijit/form/TimeTextBox,dojo/date/locale,dijit/form/Form,dojo/parser"], function(dijit,dojo,dojox){
+dojo.provide("dojox.gantt.TabMenu");
+
+dojo.require("dijit.dijit");
+dojo.require("dijit.Menu");
+dojo.require("dijit.Dialog");
+dojo.require("dijit.form.NumberSpinner");
+dojo.require("dijit.form.Button");
+dojo.require("dijit.form.CheckBox");
+dojo.require("dijit.form.DateTextBox");
+dojo.require("dijit.form.TimeTextBox");
+dojo.require("dojo.date.locale");
+
+dojo.require("dijit.form.Form");
+dojo.require("dojo.parser");
+
+(function(){
+	dojo.declare("dojox.gantt.TabMenu", null, {
+		constructor: function(chart){
+			this.ganttChart = chart;
+			this.menuPanel = null;
+			this.paneContentArea = null;
+			this.paneActionBar = null;
+			this.tabPanelDlg = null;
+			this.tabPanelDlgId = null;
+			this.arrTabs = [];
+			this.isShow = false;
+			this.buildContent();
+		},
+		buildContent: function(){
+			this.createMenuPanel();
+			this.createTabPanel();
+			
+			//tasks customization
+			var taskSucAdd = this.createTab(11, "Add Successor Task", "t", true, this);
+			taskSucAdd.addItem(1, "Id", "id", true);
+			taskSucAdd.addItem(2, "Name", "name");
+			taskSucAdd.addItem(3, "Start Time", "startTime");
+			taskSucAdd.addItem(4, "Duration (hours)", "duration");
+			taskSucAdd.addItem(5, "Percent Complete (%)", "percentage");
+			taskSucAdd.addItem(6, "Task Assignee", "taskOwner");
+			taskSucAdd.addAction("addSuccessorTaskAction");
+			
+			var taskChildAdd = this.createTab(10, "Add Child Task", "t", true, this);
+			taskChildAdd.addItem(1, "Id", "id", true);
+			taskChildAdd.addItem(2, "Name", "name");
+			taskChildAdd.addItem(3, "Start Time", "startTime");
+			taskChildAdd.addItem(4, "Duration (hours)", "duration");
+			taskChildAdd.addItem(5, "Percent Complete (%)", "percentage");
+			taskChildAdd.addItem(6, "Task Assignee", "taskOwner");
+			taskChildAdd.addAction("addChildTaskAction");
+			
+			var taskDuration = this.createTab(4, "Set Duration(hours)", "t", true, this, true);
+			taskDuration.addItem(1, "Duration (hours)", "duration", true);
+			taskDuration.addAction("durationUpdateAction");
+			
+			var taskCP = this.createTab(5, "Set Complete Percentage (%)", "t", true, this, true);
+			taskCP.addItem(1, "Percent Complete (%)", "percentage", true);
+			taskCP.addAction("cpUpdateAction");
+			
+			var taskOwner = this.createTab(20, "Set Owner", "t", true, this, true);
+			taskOwner.addItem(1, "Task Assignee", "taskOwner", true);
+			taskOwner.addAction("ownerUpdateAction");
+			
+			var taskPrevious = this.createTab(13, "Set Previous Task", "t", true, this);
+			taskPrevious.addItem(1, "Previous Task Id", "previousTaskId", true);
+			taskPrevious.addAction("ptUpdateAction");
+			
+			var taskRename = this.createTab(1, "Rename Task", "t", true, this, true);
+			taskRename.addItem(1, "New Name", "name", true);
+			taskRename.addAction("renameTaskAction");
+			
+			var taskDelete = this.createTab(2, "Delete Task", "t", true, this);
+			taskDelete.addAction("deleteAction");
+			
+			//projects customization
+			var projectAdd = this.createTab(12, "Add New Project", "p", false, this);
+			projectAdd.addItem(1, "Id", "id", true);
+			projectAdd.addItem(2, "Name", "name", true);
+			projectAdd.addItem(3, "Start Date", "startDate", true);
+			projectAdd.addAction("addProjectAction");
+			
+			var projectCP = this.createTab(8, "Set Complete Percentage (%)", "p", true, this, true);
+			projectCP.addItem(1, "Percent Complete (%)", "percentage", true);
+			projectCP.addAction("cpProjectAction");
+			
+			var projectRename = this.createTab(6, "Rename Project", "p", true, this, true);
+			projectRename.addItem(1, "New Name", "name", true);
+			projectRename.addAction("renameProjectAction");
+			
+			var projectDelete = this.createTab(7, "Delete Project", "p", true, this);
+			projectDelete.addAction("deleteProjectAction");
+			
+			//task relative
+			var projectTaskAdd = this.createTab(9, "Add New Task", "p", true, this);
+			projectTaskAdd.addItem(1, "Id", "id", true);
+			projectTaskAdd.addItem(2, "Name", "name");
+			projectTaskAdd.addItem(3, "Start Time", "startTime");
+			projectTaskAdd.addItem(4, "Duration (hours)", "duration");
+			projectTaskAdd.addItem(5, "Percent Complete (%)", "percentage");
+			projectTaskAdd.addItem(6, "Task Assignee", "taskOwner");
+			projectTaskAdd.addItem(7, "Parent Task Id", "parentTaskId");
+			projectTaskAdd.addItem(8, "Previous Task Id", "previousTaskId");
+			projectTaskAdd.addAction("addTaskAction");
+		},
+		createMenuPanel: function(){
+			this.menuPanel = dojo.create("div", {
+				innerHTML: "<table></table>",
+				className: "ganttMenuPanel"
+			}, this.ganttChart.content);
+			dojo.addClass(this.menuPanel.firstChild, "ganttContextMenu");
+			this.menuPanel.firstChild.cellPadding = 0;
+			this.menuPanel.firstChild.cellSpacing = 0;
+		},
+		createTabPanel: function(){
+			this.tabPanelDlg = dijit.byId(this.tabPanelDlgId) ||
+				new dijit.Dialog({
+					title: "Settings"
+				});
+			this.tabPanelDlgId = this.tabPanelDlg.id;
+			this.tabPanelDlg.closeButtonNode.style.display = "none";
+			var tabPanel = this.tabPanelDlg.containerNode;
+			this.paneContentArea = dojo.create("div", {className: "dijitDialogPaneContentArea"}, tabPanel);
+			this.paneActionBar = dojo.create("div", {className: "dijitDialogPaneActionBar"}, tabPanel);
+			this.paneContentArea.innerHTML = "<table cellpadding=0 cellspacing=0><tr><th></th></tr><tr><td></td></tr></table>";
+			var headerCell = this.paneContentArea.firstChild.rows[0].cells[0];
+			headerCell.colSpan = 2;
+			headerCell.innerHTML = "Description: ";
+			dojo.addClass(headerCell, "ganttDialogContentHeader");
+			var contentCell = this.paneContentArea.firstChild.rows[1].cells[0];
+			contentCell.innerHTML = "<table></table>";
+			dojo.addClass(contentCell.firstChild, "ganttDialogContentCell");
+			contentCell.align = "center";
+			this.ok = new dijit.form.Button({label: "OK"});
+			this.cancel = new dijit.form.Button({label: "Cancel"});
+			this.paneActionBar.appendChild(this.ok.domNode);
+			this.paneActionBar.appendChild(this.cancel.domNode);
+		},
+		addItemMenuPanel: function(tab){
+			var row = this.menuPanel.firstChild.insertRow(this.menuPanel.firstChild.rows.length);
+			var cell = dojo.create("td", {
+				className: "ganttContextMenuItem",
+				innerHTML: tab.Description
+			});
+			dojo.attr(cell, "tabIndex", 0);
+			this.ganttChart._events.push(
+				dojo.connect(cell, "onclick", this, function(){
+					try{
+						this.hide();
+						tab.show();
+					}catch(e){
+						console.log("dialog open exception: " + e.message);
+					}
+				})
+			);
+			this.ganttChart._events.push(
+				dojo.connect(cell, "onkeydown", this, function(e){
+					if(e.keyCode != dojo.keys.ENTER){return;}
+					try{
+						this.hide();
+						tab.show();
+					}catch(e){
+						console.log("dialog open exception: " + e.message);
+					}
+				})
+			);
+			this.ganttChart._events.push(
+				dojo.connect(cell, "onmouseover", this, function(){
+					dojo.addClass(cell, "ganttContextMenuItemHover");
+				})
+			);
+			this.ganttChart._events.push(
+				dojo.connect(cell, "onmouseout", this, function(){
+					dojo.removeClass(cell, "ganttContextMenuItemHover");
+				})
+			);
+			row.appendChild(cell);
+		},
+		show: function(elem, object){
+			if(object.constructor == dojox.gantt.GanttTaskControl){
+				dojo.forEach(this.arrTabs, function(tab){
+					if(tab.type == "t"){
+						tab.object = object;
+						this.addItemMenuPanel(tab);
+					}
+				}, this);
+			}else if(object.constructor == dojox.gantt.GanttProjectControl){
+				dojo.forEach(this.arrTabs, function(tab){
+					if(tab.type == "p"){
+						tab.object = object;
+						this.addItemMenuPanel(tab);
+					}
+				}, this);
+			}
+			this.isShow = true;
+			dojo.style(this.menuPanel, {
+				zIndex: 15,
+				visibility: "visible"
+			});
+			//make sure menu box inside gantt's bounding box
+			var menuBox = dojo.position(this.menuPanel, true),
+				bBox = dojo.position(this.ganttChart.content, true),
+				pos = dojo.coords(elem, true);
+			if((pos.y + menuBox.h) > (bBox.y + bBox.h + 50)){
+				this.menuPanel.style.top = pos.y - menuBox.h + pos.h + "px";
+			}else{
+				this.menuPanel.style.top = pos.y + "px";
+			}
+			if(dojo._isBodyLtr()){
+				this.menuPanel.style.left = pos.x + pos.w + 5 + "px";
+			}else{
+				this.menuPanel.style.left = pos.x - menuBox.w - 5 + "px";
+			}
+		},
+		hide: function(){
+			this.isShow = false;
+			this.menuPanel.style.visibility = "hidden";
+		},
+		clear: function(){
+			this.menuPanel.removeChild(this.menuPanel.firstChild);
+			this.menuPanel.innerHTML = "<table></table>";
+			dojo.addClass(this.menuPanel.firstChild, "ganttContextMenu");
+			this.menuPanel.firstChild.cellPadding = 0;
+			this.menuPanel.firstChild.cellSpacing = 0;
+		},
+		createTab: function(id, desc, type, showOInfo, menu, withDefaultValue){
+			var tab = new dojox.gantt.contextMenuTab(id, desc, type, showOInfo, menu, withDefaultValue);
+			this.arrTabs.push(tab);
+			return tab;
+		}
+	});
+	
+	dojo.declare("dojox.gantt.contextMenuTab", null, {
+		constructor: function(id, description, type, showOInfo, tabMenu, withDefaultValue){
+			this.id = id;
+			this.arrItems = [];
+			this.TabItemContainer = null;
+			this.Description = description;
+			this.tabMenu = tabMenu;
+			this.type = type;
+			this.object = null;
+			this.showObjectInfo = showOInfo;
+			this.withDefaultValue = withDefaultValue;
+		},
+		preValueValidation: function(items){
+			for(var i = 0; i < items.length; i++){
+				var item = items[i];
+				//TODO add more validation for Id, Name, .....
+				if(item.required && !item.control.textbox.value){
+					return false;
+				}
+			}
+			return true;
+		},
+		encodeDate: function(date){
+			return date.getFullYear() + "." + (date.getMonth() + 1) + "." + date.getDate();
+		},
+		decodeDate: function(dateStr){
+			var arr = dateStr.split(".");
+			return (arr.length < 3) ? "" : (new Date(arr[0], parseInt(arr[1]) - 1, arr[2]));
+		},
+		renameTaskAction: function(){
+			var name = this.arrItems[0].control.textbox.value;
+			if(dojo.trim(name).length <= 0){
+				return;
+			}
+			if(!this.preValueValidation(this.arrItems)){
+				return;
+			}
+			this.object.setName(name);
+			this.hide();
+		},
+		deleteAction: function(){
+			if(!this.preValueValidation(this.arrItems)){
+				return;
+			}
+			this.object.project.deleteTask(this.object.taskItem.id);
+			this.hide();
+			this.tabMenu.ganttChart.resource && this.tabMenu.ganttChart.resource.reConstruct();
+		},
+		durationUpdateAction: function(){
+			var d = this.arrItems[0].control.textbox.value;
+			if(!this.preValueValidation(this.arrItems)){
+				return;
+			}
+			if(this.object.setDuration(d)){
+				this.hide();
+			}else{
+				alert("Duration out of Range");
+				return;
+			}
+			this.tabMenu.ganttChart.resource && this.tabMenu.ganttChart.resource.refresh();
+		},
+		cpUpdateAction: function(){
+			var p = this.arrItems[0].control.textbox.value;
+			if(!this.preValueValidation(this.arrItems)){
+				return;
+			}
+			if(this.object.setPercentCompleted(p)){
+				this.hide();
+			}else{
+				alert("Complete Percentage out of Range");
+				return;
+			}
+		},
+		ownerUpdateAction: function(){
+			var to = this.arrItems[0].control.textbox.value;
+			if(!this.preValueValidation(this.arrItems)){
+				return;
+			}
+			if(this.object.setTaskOwner(to)){
+				this.hide();
+			}else{
+				alert("Task owner not Valid");
+				return;
+			}
+			this.tabMenu.ganttChart.resource && this.tabMenu.ganttChart.resource.reConstruct();
+		},
+		ptUpdateAction: function(){
+			var p = this.arrItems[0].control.textbox.value;
+			if(!this.preValueValidation(this.arrItems)){
+				return;
+			}
+			if(this.object.setPreviousTask(p)){
+				this.hide();
+			}else{
+				alert("Please verify the Previous Task (" + p + ")  and adjust its Time Range");
+				return;
+			}
+		},
+		renameProjectAction: function(){
+			var name = this.arrItems[0].control.textbox.value;
+			if(dojo.trim(name).length <= 0){
+				return;
+			}
+			if(!this.preValueValidation(this.arrItems)){
+				return;
+			}
+			this.object.setName(name);
+			this.hide();
+		},
+		deleteProjectAction: function(){
+			if(!this.preValueValidation(this.arrItems)){
+				return;
+			}
+			this.object.ganttChart.deleteProject(this.object.project.id);
+			this.hide();
+			this.tabMenu.ganttChart.resource && this.tabMenu.ganttChart.resource.reConstruct();
+		},
+		cpProjectAction: function(){
+			var p = this.arrItems[0].control.textbox.value;
+			if(!this.preValueValidation(this.arrItems)){
+				return;
+			}
+			if(this.object.setPercentCompleted(p)){
+				this.hide();
+			}else{
+				alert("Percentage not Acceptable");
+				return;
+			}
+		},
+		addTaskAction: function(){
+			if(!this.preValueValidation(this.arrItems)){
+				return;
+			}
+			var id = this.arrItems[0].control.textbox.value,
+				name = this.arrItems[1].control.textbox.value,
+				startTime = this.decodeDate(this.arrItems[2].control.textbox.value),
+				duration = this.arrItems[3].control.textbox.value,
+				pc = this.arrItems[4].control.textbox.value,
+				owner = this.arrItems[5].control.textbox.value,
+				parentTaskId = this.arrItems[6].control.textbox.value,
+				predTaskId = this.arrItems[7].control.textbox.value;
+			if(dojo.trim(id).length <= 0){
+				return;
+			}
+			if(this.object.insertTask(id, name, startTime, duration, pc, predTaskId, owner, parentTaskId)){
+				this.hide();
+			}else{
+				alert("Please adjust your Customization");
+				return;
+			}
+			this.tabMenu.ganttChart.resource && this.tabMenu.ganttChart.resource.reConstruct();
+		},
+		addSuccessorTaskAction: function(){
+			if(!this.preValueValidation(this.arrItems)){
+				return;
+			}
+			var pr = this.object.project,
+				id = this.arrItems[0].control.textbox.value,
+				name = this.arrItems[1].control.textbox.value,
+				startTime = this.decodeDate(this.arrItems[2].control.textbox.value),
+				duration = this.arrItems[3].control.textbox.value,
+				pc = this.arrItems[4].control.textbox.value,
+				owner = this.arrItems[5].control.textbox.value;
+			if(dojo.trim(id).length <= 0){
+				return;
+			}
+			var parentTaskId = !this.object.parentTask ? "" : this.object.parentTask.taskItem.id;
+			var predTaskId = this.object.taskItem.id;
+			if(pr.insertTask(id, name, startTime, duration, pc, predTaskId, owner, parentTaskId)){
+				this.hide();
+			}else{
+				alert("Please adjust your Customization");
+				return;
+			}
+			this.tabMenu.ganttChart.resource && this.tabMenu.ganttChart.resource.reConstruct();
+		},
+		addChildTaskAction: function(){
+			if(!this.preValueValidation(this.arrItems)){
+				return;
+			}
+			var pr = this.object.project,
+				id = this.arrItems[0].control.textbox.value,
+				name = this.arrItems[1].control.textbox.value,
+				startTime = this.decodeDate(this.arrItems[2].control.textbox.value),
+				duration = this.arrItems[3].control.textbox.value,
+				pc = this.arrItems[4].control.textbox.value,
+				owner = this.arrItems[5].control.textbox.value,
+				parentTaskId = this.object.taskItem.id,
+				predTaskId = "";
+			if(dojo.trim(id).length <= 0){
+				return;
+			}
+			if(pr.insertTask(id, name, startTime, duration, pc, predTaskId, owner, parentTaskId)){
+				this.hide();
+			}else{
+				alert("Please adjust your Customization");
+				return;
+			}
+			this.tabMenu.ganttChart.resource && this.tabMenu.ganttChart.resource.reConstruct();
+		},
+		addProjectAction: function(){
+			if(!this.preValueValidation(this.arrItems)){
+				return;
+			}
+			var id = this.arrItems[0].control.textbox.value,
+			namePr = this.arrItems[1].control.textbox.value,
+			startDatePr = this.decodeDate(this.arrItems[2].control.textbox.value);
+			if(dojo.trim(id).length <= 0 || dojo.trim(namePr).length <= 0){
+				return;
+			}
+			if(this.tabMenu.ganttChart.insertProject(id, namePr, startDatePr)){
+				this.hide();
+			}else{
+				alert("Please adjust your Customization");
+				return;
+			}
+			this.tabMenu.ganttChart.resource && this.tabMenu.ganttChart.resource.reConstruct();
+		},
+		
+		addAction: function(handler){
+			this.actionFunc = this[handler];
+		},
+		addItem: function(id, name, key, required){
+			var inputControl;
+			if(key == "startTime" || key == "startDate"){
+				inputControl = new dijit.form.DateTextBox({type:"text", constraints:{datePattern:"yyyy.M.d", strict:true}});
+			}else if(key == "percentage"){
+				inputControl = new dijit.form.NumberSpinner({ constraints:{ max:100, min:0 }});
+			}else if(key == "duration"){
+				inputControl = new dijit.form.NumberSpinner({ constraints:{ min:0 }});
+			}else{
+				inputControl = new dijit.form.TextBox();
+			}
+			this.arrItems.push({
+				id: id,
+				name: name,
+				control: inputControl,
+				tab: this,
+				key: key,
+				required: required
+			});
+		},
+		show: function(){
+			this.tabMenu.tabPanelDlg = this.tabMenu.tabPanelDlg || dijit.byId(this.tabMenu.tabPanelDlgId) ||
+				new dijit.Dialog({
+					title: "Settings"
+				});
+			try{
+				this.tabMenu.tabPanelDlg.show();
+			}catch(e){
+				console.log("dialog show exception: " + e.message);
+				return;
+			}
+			this.tabMenu.tabPanelDlg.titleNode.innerHTML = this.Description;
+			var content = this.tabMenu.paneContentArea.firstChild.rows[1].cells[0].firstChild,
+				action = this.tabMenu.paneActionBar;
+			var cell, cellValue, row = null;
+			
+			if(this.showObjectInfo){
+				if(this.object){
+					if(this.object.constructor == dojox.gantt.GanttTaskControl){
+						this.insertData(content, "Id", this.object.taskItem.id);
+						this.insertData(content, "Name", this.object.taskItem.name);
+						this.insertData(content, "Start Time", this.encodeDate(this.object.taskItem.startTime));
+						this.insertData(content, "Duration (hours)", this.object.taskItem.duration + " hours");
+						this.insertData(content, "Percent Complete (%)", this.object.taskItem.percentage + "%");
+						this.insertData(content, "Task Assignee", this.object.taskItem.taskOwner);
+						this.insertData(content, "Previous Task Id", this.object.taskItem.previousTaskId);
+					}else{
+						this.insertData(content, "Id", this.object.project.id);
+						this.insertData(content, "Name", this.object.project.name);
+						this.insertData(content, "Start date", this.encodeDate(this.object.project.startDate));
+					}
+				}
+			}
+			//separator
+			row = content.insertRow(content.rows.length);
+			cell = row.insertCell(row.cells.length);
+			cell.colSpan = 2;
+			cell.innerHTML = "<hr/>";
+			//input section header
+			row = content.insertRow(content.rows.length);
+			cell = row.insertCell(row.cells.length);
+			cell.colSpan = 2;
+			dojo.addClass(cell, "ganttMenuDialogInputCellHeader");
+			cell.innerHTML = "Customization: " + this.Description;
+			//input details
+			dojo.forEach(this.arrItems, function(item){
+				row = content.insertRow(content.rows.length);
+				cell = row.insertCell(row.cells.length);
+				dojo.addClass(cell, "ganttMenuDialogInputCell");
+				cellValue = row.insertCell(row.cells.length);
+				dojo.addClass(cellValue, "ganttMenuDialogInputCellValue");
+				cell.innerHTML = item.name;
+				cellValue.appendChild(item.control.domNode);
+				//initialize default value
+				if(this.withDefaultValue && this.object){
+					if(this.object.constructor == dojox.gantt.GanttTaskControl){
+						if(item.key == "startTime"){
+							item.control.textbox.value = this.encodeDate(this.object.taskItem.startTime);
+						}else{
+							item.control.textbox.value = item.key ? this.object.taskItem[item.key] : "";
+						}
+					}else{
+						if(item.key == "startDate"){
+							item.control.textbox.value = this.encodeDate(this.object.project.startDate);
+						}else{
+							item.control.textbox.value = item.key ? (this.object.project[item.key] || this.object[item.key] || "") : "";
+						}
+					}
+				}else{
+					//HTML5 placeholder property
+					item.control.textbox.placeholder = item.required ? "---required---" : "---optional---";
+				}
+			}, this);
+			this.tabMenu.ok.onClick = dojo.hitch(this, this.actionFunc);
+			this.tabMenu.cancel.onClick = dojo.hitch(this, this.hide);
+		},
+		hide: function(){
+			try{
+				this.tabMenu.tabPanelDlg.hide();
+			}catch(e){
+				console.log("dialog show exception: " + e.message);
+				this.tabMenu.tabPanelDlg.destroy();
+			}
+			var cell = this.tabMenu.paneContentArea.firstChild.rows[1].cells[0];
+			cell.firstChild.parentNode.removeChild(cell.firstChild);
+			cell.innerHTML = "<table></table>";
+			dojo.addClass(cell.firstChild, "ganttDialogContentCell");
+		},
+		insertData: function(content, name, value){
+			var cell, cellValue, row = null;
+			row = content.insertRow(content.rows.length);
+			cell = row.insertCell(row.cells.length);
+			dojo.addClass(cell, "ganttMenuDialogDescCell");
+			cell.innerHTML = name;
+			cellValue = row.insertCell(row.cells.length);
+			dojo.addClass(cellValue, "ganttMenuDialogDescCellValue");
+			cellValue.innerHTML = value;
+		}
+	});
+})();
+
+});