xynt-link.js

   1 function tasks_link(o, anc, a, b, type) {
   2     var cur;
   3     this.o = o;
   4     this.anc = anc;
   5     this.beg = document.createElement("div");
   6     this.end = document.createElement("div");
   7     this.arr = document.createElement("img");
   8     this.arr.style.position = "absolute";
   9     o.appendChild(this.arr);
  10     for (var i = 0 ; i < 2 ; i++) {
  11         cur = i == 0 ? this.beg : this.end;
  12         cur.style.width = '5px';
  13         cur.style.height = '5px';
  14         cur.style.backgroundColor = 'gray';
  15         cur.style.visibility = 'inherit';
  16         cur.style.zIndex = 20;
  17         cur.style.position = 'absolute';
  18         o.appendChild(cur);
  19         // alert("gugu");
  20     }
  21
  22     this.a = a;
  23     this.b = b;
  24     this.type = type;
  25
  26     if (typeof(a.connected) != 'object')
  27         return null;
  28
  29     if (typeof(b.connected) != 'object')
  30         return null;
  31
  32     for (var i = 0 ; i < 2 ; i++) {
  33         cur = (i == 0 ? a : b);
  34         cur.connected[cur.connected.length++] = this;
  35         for( ; cur.parentNode != null && cur.parentNode != anc ; cur = cur.parentNode) {
  36             cur.parentNode.connected[cur.parentNode.connected.length++] = this;
  37         }
  38     }
  39     this.update()
  40 }
  41
  42 tasks_link.prototype = {
  43     a: null,
  44     b: null,
  45     type: null,
  46
  47     update: function(method, obj)
  48     {
  49         /*
  50         if (method == 'end') {
  51             if (this.o.style.visibility == 'visible')
  52                 this.o.style.visibility = 'hidden';
  53             else
  54                 this.o.style.visibility = 'visible';
  55         }
  56         */
  57
  58         // FIXME you need to user the width of the border instead of +2
  59         this.beg.style.left = (parseInt(this.a.style.left) + parseInt(this.a.style.width) + 2 + parseInt(this.a.parentNode.style.left))+"px";
  60         this.beg.style.top  = (parseInt(this.a.style.top)  + parseInt(((parseInt(this.a.style.height) + 2) / 2)) + parseInt(this.a.parentNode.style.top))+"px";
  61         this.beg.style.width = (parseInt(this.b.style.left) - (parseInt(this.a.style.left) + 2 + parseInt(this.b.style.width) + 2)+ parseInt(this.b.parentNode.style.left) + 5)+"px";
  62         this.beg.style.height = "1px";
  63
  64         this.end.style.left = (parseInt(this.beg.style.left) + parseInt(this.beg.style.width))+"px";
  65         this.arr.style.left = (parseInt(this.end.style.left) - 3)+"px";
  66         /* this.end.style.left = (parseInt(this.b.style.left) + parseInt(this.b.parentNode.style.left))+"px";
  67            this.end.style.top  = (parseInt(this.b.style.top)  + parseInt(this.b.parentNode.style.top))+"px"; */
  68         endpty = parseInt(this.b.style.top)  + parseInt(this.b.parentNode.style.top)+10;
  69         this.end.style.width  = "1px";
  70
  71         if (parseInt(this.beg.style.top) < endpty) {
  72             this.end.style.top  = this.beg.style.top;
  73             this.end.style.height = (parseInt(this.b.style.top)  + parseInt(this.b.parentNode.style.top) - ((parseInt(this.a.style.top)  + parseInt(this.a.parentNode.style.top))) ) - 11 +"px";
  74             this.arr.style.top = (parseInt(this.end.style.top) + parseInt(this.end.style.height) - 5)+"px";
  75             this.arr.src = "img/arrow_do.png";
  76         }
  77         else {
  78             this.end.style.top  = (parseInt(this.b.style.top)  + parseInt(this.b.parentNode.style.top) + 23)+"px";
  79             this.end.style.height = (parseInt(this.a.style.top)  + parseInt(this.a.parentNode.style.top) - ((parseInt(this.b.style.top)  + parseInt(this.b.parentNode.style.top))) ) - 11 +"px";
  80
  81             this.arr.style.top = this.end.style.top;
  82             this.arr.src = "img/arrow_up.png";
  83         }
  84
  85
  86         this.o.style.visibility = "visible";
  87
  88         console.log("met: " + method + " obj: " + (obj == this.a ? "Obj A" : (obj == this.b ? "Obj B" : "Other")) );
  89     }
  90 }