Fossil

Diff
Login

Differences From Artifact [2c8262f91c]:

To Artifact [d59aa4c86b]:


76
77
78
79
80
81
82
83
84
85

86
87
88
89
90

91
92
93
94

95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110




111


112
113
114
115





















116
117
118
119
120
121
122
76
77
78
79
80
81
82



83

84
85
86

87




88

89
90
91
92
93
94
95
96
97
98
99
100



101
102
103
104
105
106
107




108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135







-
-
-
+
-



-
+
-
-
-
-
+
-












-
-
-
+
+
+
+

+
+
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+







}
var tooltipObj = document.createElement("span");
tooltipObj.className = "tl-tooltip";
tooltipObj.style.display = "none";
document.getElementsByClassName("content")[0].appendChild(tooltipObj);
/* Clear the close timer if the mouse is over the tooltip. */
tooltipObj.onmouseenter = function(e) {
  if (tooltipInfo.idTimerClose != 0) {
    clearTimeout(tooltipInfo.idTimerClose);
    tooltipInfo.idTimerClose = 0;
  stopCloseTimer();
  }
};
/* Init the close timer if the mouse is no longer over the tooltip. */
tooltipObj.onmouseleave = function(e) {
  if (tooltipInfo.ixActive != -1 && tooltipInfo.idTimerClose == 0) {
  if (tooltipInfo.ixActive != -1)
    tooltipInfo.idTimerClose = setTimeout(function() {
      tooltipInfo.idTimerClose = 0;
      hideGraphTooltip();
    }.bind(window),tooltipInfo.closeTimeout);
    resumeCloseTimer();
  }
};
/* This object must be in the global scope, so that (non-shadowed) access is
** possible from within a setTimeout() closure. */
window.tooltipInfo = {
  dwellTimeout: 250,  /* The tooltip dwell timeout. */
  closeTimeout: 3000, /* The tooltip close timeout. */
  idTimer: 0,         /* The tooltip dwell timer id. */
  idTimerClose: 0,    /* The tooltip close timer id. */
  ixHover: -1,        /* The id of the element with the mouse. */
  ixActive: -1,       /* The id of the element with the tooltip. */
  posX: 0, posY: 0    /* The last mouse position. */
};
/* This function must be in the global scope, so that access is possible from
** within non-local event handlers. */
function hideGraphTooltip() {
/* These functions must be in the global scope, so that access is possible from
** within (non-local) event handlers. */
var hideGraphTooltip = function() {
  stopCloseTimer();
  tooltipObj.style.display = "none";
  this.tooltipInfo.ixActive = -1;
}.bind(window);
  (function() {
    this.tooltipInfo.ixActive = -1;
  }).call(window);
}
var stopDwellTimer = function() {
  if (this.tooltipInfo.idTimer != 0) {
    clearTimeout(this.tooltipInfo.idTimer);
    this.tooltipInfo.idTimer = 0;
  }
}.bind(window);
var resumeCloseTimer = function() {
  /* This timer must be stopped explicitly to reset the elapsed timeout. */
  if (this.tooltipInfo.idTimerClose == 0) {
    this.tooltipInfo.idTimerClose = setTimeout(function() {
      this.tooltipInfo.idTimerClose = 0;
      hideGraphTooltip();
    }.bind(window),this.tooltipInfo.closeTimeout);
  }
}.bind(window);
var stopCloseTimer = function() {
  if (this.tooltipInfo.idTimerClose != 0) {
    clearTimeout(this.tooltipInfo.idTimerClose);
    this.tooltipInfo.idTimerClose = 0;
  }
}.bind(window);

/* Construct that graph corresponding to the timeline-data-N object */
function TimelineGraph(tx){
  var topObj = document.getElementById("timelineTable"+tx.iTableId);
  amendCss(tx.circleNodes, tx.showArrowheads);
  topObj.onclick = clickOnGraph
  topObj.ondblclick = dblclickOnGraph
132
133
134
135
136
137
138
139
140
141

142
143
144
145
146
147
148
149
150
151

152
153
154

155
156
157
158
159
160
161
162

163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180

181
182
183
184
185
186
187
188
189
190
191
192
193
194
195

196
197
198
199
200

201
202
203
204
205
206
207
208
145
146
147
148
149
150
151



152

153
154
155
156
157
158
159
160

161



162

163
164
165
166



167

168
169
170
171
172
173
174
175
176
177
178
179





180

181
182
183
184
185
186
187
188
189
190
191



192

193



194

195
196
197
198
199
200
201







-
-
-
+
-








-
+
-
-
-
+
-




-
-
-
+
-












-
-
-
-
-
+
-











-
-
-
+
-

-
-
-
+
-







        return;
      if (-1 == tooltipInfo.ixHover && ix == tooltipInfo.ixActive)
        isReentry = true;
    }
    /* The tooltip is either not visible, or the mouse is over a different
    ** element, so clear the dwell timer, and record the new element id and
    ** mouse position. */
    if (tooltipInfo.idTimer != 0) {
      clearTimeout(tooltipInfo.idTimer);
      tooltipInfo.idTimer = 0;
    stopDwellTimer();
    }
    if (ix >= 0) {
      /* Close the tooltip only if the mouse is over another element, and init
      ** the dwell timer again. */
      if (!isReentry)
        hideGraphTooltip();
      tooltipInfo.ixHover = ix;
      tooltipInfo.posX = e.x;
      tooltipInfo.posY = e.y;
      /* Clear the close timer. */
      /* Clear the close timer, if not already cleared by hideGraphTooltip(). */
      if (tooltipInfo.idTimerClose != 0) {
        clearTimeout(tooltipInfo.idTimerClose);
        tooltipInfo.idTimerClose = 0;
      stopCloseTimer();
      }
      if (!isReentry) {
        tooltipInfo.idTimer = setTimeout(function() {
          this.tooltipInfo.idTimer = 0;
          /* Clear the timer to hide the tooltip. */
          if (this.tooltipInfo.idTimerClose != 0) {
            clearTimeout(this.tooltipInfo.idTimerClose);
            this.tooltipInfo.idTimerClose = 0;
          stopCloseTimer();
          }
          showGraphTooltip(
            this.tooltipInfo.ixHover,
            this.tooltipInfo.posX,
            this.tooltipInfo.posY);
          this.tooltipInfo.ixActive = this.tooltipInfo.ixHover;
        }.bind(window),tooltipInfo.dwellTimeout);
      }
    }
    else {
      tooltipInfo.ixHover = -1;
      /* The mouse is not over an element with a tooltip, init the hide
      ** timer. */
      if (tooltipInfo.idTimerClose == 0) {
        tooltipInfo.idTimerClose = setTimeout(function() {
          this.tooltipInfo.idTimerClose = 0;
          hideGraphTooltip();
        }.bind(window),tooltipInfo.closeTimeout);
      resumeCloseTimer();
      }
    }
  };
  topObj.onmouseleave = function(e) {
    /* Hide the tooltip if the mouse is outside the "timelineTableN" element,
    ** and outside the tooltip. */
    if (tooltipObj.style.display != "none" &&
          e.relatedTarget &&
          e.relatedTarget != tooltipObj) {
      tooltipInfo.ixHover = -1;
      hideGraphTooltip();
      /* Clear the dwell timer. */
      if (tooltipInfo.idTimer != 0) {
        clearTimeout(tooltipInfo.idTimer);
        tooltipInfo.idTimer = 0;
      stopDwellTimer();
      }
      /* Clear the close timer. */
      if (tooltipInfo.idTimerClose != 0) {
        clearTimeout(tooltipInfo.idTimerClose);
        tooltipInfo.idTimerClose = 0;
      stopCloseTimer();
      }
    }
  };
  var canvasDiv;
  var railPitch;
  var mergeOffset;
  var node, arrow, arrowSmall, line, mArrow, mLine, wArrow, wLine;