/* Copyright (c) 2012-2014 Open Lab Written by Roberto Bicchierai and Silvia Chelazzi http://roberto.open-lab.com Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */ function GridEditor(master) { this.master = master; // is the a GantEditor instance this.gridified = jQuery.gridify(jQuery.JST.createFromTemplate({}, "TASKSEDITHEAD")); this.element = this.gridified.find(".gdfTable").eq(1); } GridEditor.prototype.fillEmptyLines = function () { var factory = new TaskFactory(); //console.debug("GridEditor.fillEmptyLines"); var rowsToAdd = 30 - this.element.find(".taskEditRow").size(); //fill with empty lines for (var i = 0; i < rowsToAdd; i++) { var emptyRow = jQuery.JST.createFromTemplate({}, "TASKEMPTYROW"); //click on empty row create a task and fill above var master = this.master; emptyRow.click(function (ev) { var emptyRow = jQuery(this); //add on the first empty row only if (!master.canWrite || emptyRow.prevAll(".emptyRow").size() > 0) return master.beginTransaction(); var lastTask; var start = new Date().getTime(); var level = 0; if (master.tasks[0]) { start = master.tasks[0].start; level = master.tasks[0].level + 1; } //fill all empty previouses emptyRow.prevAll(".emptyRow").andSelf().each(function () { var ch = factory.build("tmp_fk" + new Date().getTime(), "", "", level, start, 1); var task = master.addTask(ch); lastTask = ch; }); master.endTransaction(); lastTask.rowElement.click(); lastTask.rowElement.find("[name=name]").focus()//focus to "name" input .blur(function () { //if name not inserted -> undo -> remove just added lines var imp = jQuery(this); if (imp.val() == "") { lastTask.name="Task "+(lastTask.getRow()+1); imp.val(lastTask.name); } }); }); this.element.append(emptyRow); } }; GridEditor.prototype.addTask = function (task, row, hideIfParentCollapsed) { //console.debug("GridEditor.addTask",task,row); //var prof = new Profiler("editorAddTaskHtml"); //remove extisting row this.element.find("[taskId=" + task.id + "]").remove(); var taskRow = jQuery.JST.createFromTemplate(task, "TASKROW"); //save row element on task task.rowElement = taskRow; this.bindRowEvents(task, taskRow); if (typeof(row) != "number") { var emptyRow = this.element.find(".emptyRow:first"); //tries to fill an empty row if (emptyRow.size() > 0) emptyRow.replaceWith(taskRow); else this.element.append(taskRow); } else { var tr = this.element.find("tr.taskEditRow").eq(row); if (tr.size() > 0) { tr.before(taskRow); } else { this.element.append(taskRow); } } // this.element.find(".taskRowIndex").each(function (i, el) { // jQuery(el).html(i + 1); // }); //prof.stop(); //[expand] if(hideIfParentCollapsed) { if(task.collapsed) taskRow.find(".exp-controller").removeClass('exp'); var collapsedDescendant = this.master.getCollapsedDescendant(); if(collapsedDescendant.indexOf(task) >= 0) taskRow.hide(); } return taskRow; }; GridEditor.prototype.refreshExpandStatus = function(task){ if(!task) return; //[expand] var child = task.getChildren(); if(child.length > 0 && task.rowElement.has(".expcoll").length == 0) { task.rowElement.find(".exp-controller").addClass('expcoll exp'); } else if(child.length == 0 && task.rowElement.has(".expcoll").length > 0) { task.rowElement.find(".exp-controller").removeClass('expcoll exp'); } var par = task.getParent(); if(par && par.rowElement.has(".expcoll").length == 0) { par.rowElement.find(".exp-controller").addClass('expcoll exp'); } } GridEditor.prototype.refreshTaskRow = function (task) { //console.debug("refreshTaskRow") //var profiler = new Profiler("editorRefreshTaskRow"); var row = task.rowElement; row.find(".taskRowIndex").html(task.getRow() + 1); row.find(".indentCell").css("padding-left", task.level * 10 +18 ); row.find("[name=name]").val(task.name); row.find("[name=code]").val(task.code); row.find("[status]").attr("status", task.status); //crmv@104562 if (task.isVTEMilestone()) row.find("[name=duration]").val(''); else row.find("[name=duration]").val(task.duration); if (task.isVTEMilestone()) row.find("[name=start]").val(''); else row.find("[name=start]").val(new Date(task.start).format()).updateOldValue(); // called on dates only because for other field is called on focus event //crmv@104562e row.find("[name=end]").val(new Date(task.end).format()).updateOldValue(); row.find("[name=depends]").val(task.depends); row.find(".taskAssigs").html(task.getAssigsString()); //profiler.stop(); }; GridEditor.prototype.redraw = function () { for (var i = 0; i < this.master.tasks.length; i++) { this.refreshTaskRow(this.master.tasks[i]); } }; GridEditor.prototype.reset = function () { this.element.find("[taskid]").remove(); }; GridEditor.prototype.bindRowEvents = function (task, taskRow) { var self = this; //console.debug("bindRowEvents",this,this.master,this.master.canWrite, task.canWrite); if (this.master.canWrite && task.canWrite ) { self.bindRowInputEvents(task, taskRow); } else { //cannot write: disable input taskRow.find("input").attr("readonly", true); } self.bindRowExpandEvents(task, taskRow); taskRow.find(".edit").click(function () {self.openFullEditor(task, taskRow)}); }; GridEditor.prototype.bindRowExpandEvents = function (task, taskRow) { var self = this; //expand collapse taskRow.find(".exp-controller").click(function(){ //expand? var el=jQuery(this); var taskId=el.closest("[taskid]").attr("taskid"); var task=self.master.getTask(taskId); var descs=task.getDescendant(); el.toggleClass('exp'); task.collapsed = !el.is(".exp"); var collapsedDescendant = self.master.getCollapsedDescendant(); if (el.is(".exp")){ el.text('expand_less'); //crmv@104562 for (var i=0;i= 0) continue; childTask.rowElement.show(); } } else { el.text('expand_more'); //crmv@104562 for (var i=0;i= lend) { var end_as_date = new Date(lstart); lend = end_as_date.add('d', task.duration).getTime(); } //update task from editor self.master.beginTransaction(); self.master.moveTask(task, lstart); self.master.endTransaction(); } else { lend = date.getTime(); if (lstart >= lend) { lend=lstart; } lend=lend+3600000*20; // this 20 hours are mandatory to reach the correct day end (snap to grid) //update task from editor self.master.beginTransaction(); self.master.changeTaskDates(task, lstart, lend); self.master.endTransaction(); } inp.updateOldValue(); //in order to avoid multiple call if nothing changed } } }); }); //binding on blur for task update (date exluded as click on calendar blur and then focus, so will always return false, its called refreshing the task row) taskRow.find("input:not(.date)").focus(function () { jQuery(this).updateOldValue(); }).blur(function () { var el = jQuery(this); if (el.isValueChanged()) { var row = el.closest("tr"); var taskId = row.attr("taskId"); var task = self.master.getTask(taskId); //update task from editor var field = el.attr("name"); self.master.beginTransaction(); if (field == "depends") { var oldDeps = task.depends; task.depends = el.val(); //start is readonly in case of deps if (task.depends) { row.find("[name=start]").attr("readonly", "true"); } else { row.find("[name=start]").removeAttr("readonly"); } // update links var linkOK = self.master.updateLinks(task); if (linkOK) { //synchronize status from superiors states var sups = task.getSuperiors(); for (var i = 0; i < sups.length; i++) { if (!sups[i].from.synchronizeStatus()) break; } self.master.changeTaskDates(task, task.start, task.end); // fake change to force date recomputation from dependencies } } else if (field == "duration") { var dur = task.duration; dur = parseInt(el.val()) || 1; el.val(dur); var newEnd = computeEndByDuration(task.start, dur); self.master.changeTaskDates(task, task.start, newEnd); } else if (field == "name" && el.val() == "") { // remove unfilled task task.deleteTask(); } else { task[field] = el.val(); } self.master.endTransaction(); } }); //cursor key movement taskRow.find("input").keydown(function (event) { var theCell = jQuery(this); var theTd = theCell.parent(); var theRow = theTd.parent(); var col = theTd.prevAll("td").size(); var ret = true; switch (event.keyCode) { case 37: //left arrow if(this.selectionEnd==0) theTd.prev().find("input").focus(); break; case 39: //right arrow if(this.selectionEnd==this.value.length) theTd.next().find("input").focus(); break; case 38: //up arrow var prevRow = theRow.prev(); var td = prevRow.find("td").eq(col); var inp = td.find("input"); if (inp.size()>0) inp.focus(); break; case 40: //down arrow var nextRow = theRow.next(); var td = nextRow.find("td").eq(col); var inp = td.find("input"); if (inp.size()>0) inp.focus(); else nextRow.click(); //create a new row break; case 36: //home break; case 35: //end break; case 9: //tab case 13: //enter break; } return ret; }).focus(function () { jQuery(this).closest("tr").click(); }); //change status taskRow.find(".taskStatus").click(function () { var el = jQuery(this); var tr = el.closest("[taskid]"); var taskId = tr.attr("taskid"); var task = self.master.getTask(taskId); var changer = jQuery.JST.createFromTemplate({}, "CHANGE_STATUS"); changer.find("[status=" + task.status + "]").addClass("selected"); changer.find(".taskStatus").click(function (e) { e.stopPropagation(); var newStatus = jQuery(this).attr("status"); changer.remove(); self.master.beginTransaction(); task.changeStatus(newStatus); self.master.endTransaction(); el.attr("status", task.status); }); el.oneTime(3000, "hideChanger", function () { changer.remove(); }); el.after(changer); }); //bind row selection taskRow.click(function () { var row = jQuery(this); //var isSel = row.hasClass("rowSelected"); row.closest("table").find(".rowSelected").removeClass("rowSelected"); row.addClass("rowSelected"); //set current task self.master.currentTask = self.master.getTask(row.attr("taskId")); //move highlighter self.master.gantt.synchHighlight(); //if offscreen scroll to element var top = row.position().top; if (top > self.element.parent().height()) { row.offsetParent().scrollTop(top - self.element.parent().height() + 100); } else if (top<40){ row.offsetParent().scrollTop(row.offsetParent().scrollTop()-40+top); } }); }; GridEditor.prototype.openFullEditor = function (task, taskRow) { var self = this; //task editor in popup var taskId = taskRow.attr("taskId"); //console.debug(task); //make task editor var taskEditor = jQuery.JST.createFromTemplate({}, "TASK_EDITOR"); taskEditor.find("#name").val(task.name); taskEditor.find("#description").val(task.description); taskEditor.find("#code").val(task.code); taskEditor.find("#progress").val(task.progress ? parseFloat(task.progress) : 0); taskEditor.find("#status").attr("status", task.status); if (task.startIsMilestone) taskEditor.find("#startIsMilestone").attr("checked", true); if (task.endIsMilestone) taskEditor.find("#endIsMilestone").attr("checked", true); taskEditor.find("#duration").val(task.duration); var startDate = taskEditor.find("#start"); startDate.val(new Date(task.start).format()); //start is readonly in case of deps if (task.depends) { startDate.attr("readonly", "true"); } else { startDate.removeAttr("readonly"); } taskEditor.find("#end").val(new Date(task.end).format()); //taskEditor.find("[name=depends]").val(task.depends); //make assignments table var assigsTable = taskEditor.find("#assigsTable"); assigsTable.find("[assigId]").remove(); // loop on already assigned resources for (var i = 0; i < task.assigs.length; i++) { var assig = task.assigs[i]; var assigRow = jQuery.JST.createFromTemplate({task:task, assig:assig}, "ASSIGNMENT_ROW"); assigsTable.append(assigRow); } //define start end callbacks function startChangeCallback(date) { var dur = parseInt(taskEditor.find("#duration").val()); date.clearTime(); taskEditor.find("#end").val(new Date(computeEndByDuration(date.getTime(), dur)).format()); } function endChangeCallback(end) { var start = Date.parseString(taskEditor.find("#start").val()); end.setHours(23, 59, 59, 999); if (end.getTime() < start.getTime()) { var dur = parseInt(taskEditor.find("#duration").val()); start = incrementDateByWorkingDays(end.getTime(), -dur); taskEditor.find("#start").val(new Date(computeStart(start)).format()); } else { taskEditor.find("#duration").val(recomputeDuration(start.getTime(), end.getTime())); } } if (!self.master.canWrite || !task.canWrite) { taskEditor.find("input,textarea").attr("readOnly", true); taskEditor.find("input:checkbox,select").attr("disabled", true); taskEditor.find("#saveButton").remove(); } else { //bind dateField on dates taskEditor.find("#start").click(function () { jQuery(this).dateField({ inputField:jQuery(this), callback: startChangeCallback }); }).blur(function () { var inp = jQuery(this); if (!Date.isValid(inp.val())) { alert(GanttMaster.messages["INVALID_DATE_FORMAT"]); inp.val(inp.getOldValue()); } else { startChangeCallback(Date.parseString(inp.val())) } }); //bind dateField on dates taskEditor.find("#end").click(function () { jQuery(this).dateField({ inputField:jQuery(this), callback: endChangeCallback }); }).blur(function () { var inp = jQuery(this); if (!Date.isValid(inp.val())) { alert(GanttMaster.messages["INVALID_DATE_FORMAT"]); inp.val(inp.getOldValue()); } else { endChangeCallback(Date.parseString(inp.val())) } }); //bind blur on duration taskEditor.find("#duration").change(function () { var start = Date.parseString(taskEditor.find("#start").val()); var el = jQuery(this); var dur = parseInt(el.val()); dur = dur <= 0 ? 1 : dur; el.val(dur); taskEditor.find("#end").val(new Date(computeEndByDuration(start.getTime(), dur)).format()); }); //bind add assignment taskEditor.find("#addAssig").click(function () { var assigsTable = taskEditor.find("#assigsTable"); var assigRow = jQuery.JST.createFromTemplate({task:task, assig:{id:"tmp_" + new Date().getTime()}}, "ASSIGNMENT_ROW"); assigsTable.append(assigRow); jQuery("#bwinPopupd").scrollTop(10000); }); taskEditor.find("#status").click(function () { var tskStatusChooser = jQuery(this); var changer = jQuery.JST.createFromTemplate({}, "CHANGE_STATUS"); changer.find("[status=" + task.status + "]").addClass("selected"); changer.find(".taskStatus").click(function (e) { e.stopPropagation(); tskStatusChooser.attr("status", jQuery(this).attr("status")); changer.remove(); }); tskStatusChooser.oneTime(3000, "hideChanger", function () { changer.remove(); }); tskStatusChooser.after(changer); }); //save task taskEditor.find("#saveButton").click(function () { var task = self.master.getTask(taskId); // get task again because in case of rollback old task is lost self.master.beginTransaction(); task.name = taskEditor.find("#name").val(); task.description = taskEditor.find("#description").val(); task.code = taskEditor.find("#code").val(); task.progress = parseFloat(taskEditor.find("#progress").val()); task.duration = parseInt(taskEditor.find("#duration").val()); task.startIsMilestone = taskEditor.find("#startIsMilestone").is(":checked"); task.endIsMilestone = taskEditor.find("#endIsMilestone").is(":checked"); //set assignments taskEditor.find("tr[assigId]").each(function () { var trAss = jQuery(this); var assId = trAss.attr("assigId"); var resId = trAss.find("[name=resourceId]").val(); var roleId = trAss.find("[name=roleId]").val(); var effort = millisFromString(trAss.find("[name=effort]").val()); //check if an existing assig has been deleted and re-created with the same values var found = false; for (var i = 0; i < task.assigs.length; i++) { var ass = task.assigs[i]; if (assId == ass.id) { ass.effort = effort; ass.roleId = roleId; ass.resourceId = resId; ass.touched = true; found = true; break; } else if (roleId == ass.roleId && resId == ass.resourceId) { ass.effort = effort; ass.touched = true; found = true; break; } } if (!found) { //insert var ass = task.createAssignment("tmp_" + new Date().getTime(), resId, roleId, effort); ass.touched = true; } }); //remove untouched assigs task.assigs = task.assigs.filter(function (ass) { var ret = ass.touched; delete ass.touched; return ret; }); //change dates task.setPeriod(Date.parseString(taskEditor.find("#start").val()).getTime(), Date.parseString(taskEditor.find("#end").val()).getTime() + (3600000 * 24)); //change status task.changeStatus(taskEditor.find("#status").attr("status")); if (self.master.endTransaction()) { jQuery("#__blackpopup__").trigger("close"); } }); } var ndo = createBlackPage(800, 500).append(taskEditor); };