RenJuan/TASKPM
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Created a base widget-class for dependency elements

Browse source 
* Most content has been refactored from DependencyComponent
* This will be used by DependencyComponent and other Dependency-like components (for example when creating a dependency)

FEA:ItEr02S03MigracionZK5
This commit is contained in:
Farruco Sanjurjo 2010-09-02 12:09:54 +02:00
parent 4baf3efc0a
commit ada3bd15e8
1 changed files with 57 additions and 47 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

104
ganttzk/src/main/resources/web/js/ganttz/DependencyComponent.js
View file

@ -1,50 +1,13 @@
zk.$package("ganttz");
ganttz.DependencyComponent = zk.$extends(zk.Widget,{
ganttz.DependencyComponentBase = zk.$extends(zk.Widget,{
$define : {
idTaskOrig : null,
idTaskEnd : null,
dependencyType : null
},
bind_ : function(){
this.$supers('bind_', arguments);
this._initializeProperties();
this._setupArrow();
YAHOO.util.Event.onDOMReady(this.proxy(function() {
this.draw();
ganttz.TaskComponent.$(this.getIdTaskOrig()).addRelatedDependency(this);
ganttz.TaskComponent.$(this.getIdTaskEnd()).addRelatedDependency(this);
}));
},
draw : function(){
var orig = this._findPos(this._origin);
var dest = this._findPos(this._destination);
// This corner case may depend on dependence type
var offsetX = this._origin.outerWidth() - ganttz.TaskComponent.CORNER_WIDTH;
var separation = orig.left + this._origin.outerWidth() - dest.left;
if (separation > 0) {
offsetX = offsetX - separation;
}
if (this.getDependencyType() == this.$class.END_START
|| this.getDependencyType() == null) {
orig.left = orig.left + Math.max(0, offsetX);
} else if (this.getDependencyType() == this.$class.END_END) {
orig.left = orig.left + this._origin.outerWidth();
dest.left = dest.left + this._destination.outerWidth();
}
orig.top = orig.top + ganttz.TaskComponent.HEIGHT;
dest.top = dest.top + ganttz.TaskComponent.HALF_HEIGHT;
if (orig.top > dest.top) {
orig.top = orig.top - ganttz.TaskComponent.HEIGHT;
}
this._drawArrow(orig, dest);
},
_drawArrow : function(coordOrig, coordDest){
draw : function(){throw "draw method must be overwriten by extending classes"},
drawArrow_ : function(coordOrig, coordDest){
switch(this.getDependencyType)
{
case this.$class.START_START:
@ -199,7 +162,7 @@ ganttz.DependencyComponent = zk.$extends(zk.Widget,{
deparrow.attr('src', deparrowsrc);
deparrow.css(deparrowcss);
},
_findPos : function(element){
findPos_ : function(element){
var pos1 = jq('#listdependencies').offset();
var pos2 = element.offset();
return {left : (pos2.left - pos1.left), top : (pos2.top - pos1.top)};
@ -208,11 +171,7 @@ ganttz.DependencyComponent = zk.$extends(zk.Widget,{
var img = jq('#' + this.uuid + ' > img[class*=' + name + ']');
return img;
},
_initializeProperties : function(){
this._origin = jq('#' + this.getIdTaskOrig());
this._destination = jq('#' + this.getIdTaskEnd());
},
_setupArrow : function(){
setupArrow_ : function(){
var image_data = [ [ "start", "pixel.gif" ], [ "mid", "pixel.gif" ],
[ "end", "pixel.gif" ], [ "arrow", "arrow.png" ] ];
var img;
@ -236,4 +195,55 @@ ganttz.DependencyComponent = zk.$extends(zk.Widget,{
getImagesDir : function(){
return "/" + common.Common.webAppContextPath() + "/zkau/web/ganttz/img/";
}
})
})
ganttz.DependencyComponent = zk.$extends(ganttz.DependencyComponentBase,{
$define : {
idTaskOrig : null,
idTaskEnd : null,
dependencyType : null
},
bind_ : function(){
this.$supers('bind_', arguments);
this._initializeProperties();
this.setupArrow_();
/*maybe move this listener to the $init method*/
YAHOO.util.Event.onDOMReady(this.proxy(function() {
this.draw();
ganttz.TaskComponent.$(this.getIdTaskOrig()).addRelatedDependency(this);
ganttz.TaskComponent.$(this.getIdTaskEnd()).addRelatedDependency(this);
}));
},
draw : function(){
var orig = this.findPos_(this._origin);
var dest = this.findPos_(this._destination);
// This corner case may depend on dependence type
var offsetX = this._origin.outerWidth() - ganttz.TaskComponent.CORNER_WIDTH;
var separation = orig.left + this._origin.outerWidth() - dest.left;
if (separation > 0) {
offsetX = offsetX - separation;
}
if (this.getDependencyType() == this.$class.END_START
|| this.getDependencyType() == null) {
orig.left = orig.left + Math.max(0, offsetX);
} else if (this.getDependencyType() == this.$class.END_END) {
orig.left = orig.left + this._origin.outerWidth();
dest.left = dest.left + this._destination.outerWidth();
}
orig.top = orig.top + ganttz.TaskComponent.HEIGHT;
dest.top = dest.top + ganttz.TaskComponent.HALF_HEIGHT;
if (orig.top > dest.top) {
orig.top = orig.top - ganttz.TaskComponent.HEIGHT;
}
this.drawArrow_(orig, dest);
},
_initializeProperties : function(){
this._origin = jq('#' + this.getIdTaskOrig());
this._destination = jq('#' + this.getIdTaskEnd());
}
},{});