|
257 | 257 | // **Render the grid**
|
258 | 258 | render: function (element) {
|
259 | 259 | var content = $('<div class="fn-content"/>');
|
| 260 | + |
260 | 261 | var $leftPanel = core.leftPanel(element);
|
261 | 262 | content.append($leftPanel);
|
| 263 | + |
262 | 264 | var $rightPanel = core.rightPanel(element, $leftPanel);
|
263 | 265 | var mLeft, hPos;
|
264 | 266 |
|
|
320 | 322 | /* Left panel */
|
321 | 323 | var ganttLeftPanel = $('<div class="leftPanel"/>')
|
322 | 324 | .append($('<div class="row spacer"/>')
|
323 |
| - .css("height", tools.getCellSize() * element.headerRows + "px") |
324 | 325 | .css("width", "100%"));
|
325 | 326 |
|
326 | 327 | var entries = [];
|
|
409 | 410 |
|
410 | 411 | // Creates and return the right panel containing the year/week/day
|
411 | 412 | // header
|
412 |
| - rightPanel: function (element, leftPanel /* <- never used? */) { |
| 413 | + rightPanel: function (element, $leftPanel) { |
413 | 414 |
|
414 | 415 | var range = null;
|
415 | 416 | // Days of the week have a class of one of
|
|
552 | 553 | dataPanel.append($('<div class="row"/>').html(dowArr.join("")));
|
553 | 554 | dataPanel.append($('<div class="row"/>').html(horArr.join("")));
|
554 | 555 |
|
| 556 | + element.headerRows = 5; |
| 557 | + |
555 | 558 | break;
|
556 | 559 |
|
557 | 560 | // **Weeks**
|
|
617 | 620 |
|
618 | 621 | dataPanel.append(yearArr.join("") + monthArr.join("") + dayArr.join("") + (dowArr.join("")));
|
619 | 622 |
|
| 623 | + element.headerRows = 3; |
| 624 | + |
620 | 625 | break;
|
621 | 626 |
|
622 | 627 | // **Months**
|
|
668 | 673 | dataPanel.append($('<div class="row"/>').html(dayArr.join("")));
|
669 | 674 | dataPanel.append($('<div class="row"/>').html(dowArr.join("")));
|
670 | 675 |
|
| 676 | + element.headerRows = 2; |
| 677 | + |
671 | 678 | break;
|
672 | 679 |
|
673 | 680 | // **Days (default)**
|
|
746 | 753 | dataPanel.append($('<div class="row" style="margin-left: 0;" />').html(dayArr.join("")));
|
747 | 754 | dataPanel.append($('<div class="row" style="margin-left: 0;" />').html(dowArr.join("")));
|
748 | 755 |
|
| 756 | + element.headerRows = 4; |
| 757 | + |
749 | 758 | break;
|
750 | 759 | }
|
751 | 760 |
|
| 761 | + // update height of spacer element |
| 762 | + $leftPanel.find('.spacer').css("height", tools.getCellSize() * element.headerRows + "px") |
| 763 | + |
752 | 764 | return $('<div class="rightPanel"></div>').append(dataPanel);
|
753 | 765 | },
|
754 | 766 |
|
|
1029 | 1041 | // find row
|
1030 | 1042 | var topEl = $(element).find("#rowheader" + i);
|
1031 | 1043 |
|
1032 |
| - var top = tools.getCellSize() * 5 + 2 + parseInt(topEl.attr("offset"), 10); |
| 1044 | + var top = tools.getCellSize() * element.headerRows + 2 + parseInt(topEl.attr("offset"), 10); |
1033 | 1045 | _bar.css({ 'top': top, 'left': Math.floor(cFrom) });
|
1034 | 1046 |
|
1035 | 1047 | datapanel.append(_bar);
|
|
1072 | 1084 | // find row
|
1073 | 1085 | var topEl = $(element).find("#rowheader" + i);
|
1074 | 1086 |
|
1075 |
| - var top = tools.getCellSize() * 3 + 2 + parseInt(topEl.attr("offset"), 10); |
| 1087 | + var top = tools.getCellSize() * element.headerRows + 2 + parseInt(topEl.attr("offset"), 10); |
1076 | 1088 | _bar.css({ 'top': top, 'left': Math.floor(cFrom) });
|
1077 | 1089 |
|
1078 | 1090 | datapanel.append(_bar);
|
|
1112 | 1124 | // find row
|
1113 | 1125 | var topEl = $(element).find("#rowheader" + i);
|
1114 | 1126 |
|
1115 |
| - var top = tools.getCellSize() * 2 + 2 + parseInt(topEl.attr("offset"), 10); |
| 1127 | + var top = tools.getCellSize() * element.headerRows + 2 + parseInt(topEl.attr("offset"), 10); |
1116 | 1128 | _bar.css({ 'top': top, 'left': Math.floor(cFrom) });
|
1117 | 1129 |
|
1118 | 1130 | datapanel.append(_bar);
|
|
1138 | 1150 | // find row
|
1139 | 1151 | var topEl = $(element).find("#rowheader" + i);
|
1140 | 1152 |
|
1141 |
| - var top = tools.getCellSize() * 4 + 2 + parseInt(topEl.attr("offset"), 10); |
| 1153 | + var top = tools.getCellSize() * element.headerRows + 2 + parseInt(topEl.attr("offset"), 10); |
1142 | 1154 | _bar.css({ 'top': top, 'left': Math.floor(cFrom) });
|
1143 | 1155 |
|
1144 | 1156 | datapanel.append(_bar);
|
|
1226 | 1238 | var scaleSt = element.scaleStep + val * 3;
|
1227 | 1239 | scaleSt = scaleSt <= 1 ? 1 : scaleSt === 4 ? 3 : scaleSt;
|
1228 | 1240 | var scale = settings.scale;
|
1229 |
| - var headerRows = element.headerRows; |
1230 | 1241 | if (settings.scale === "hours" && scaleSt >= 13) {
|
1231 | 1242 | scale = "days";
|
1232 |
| - headerRows = 4; |
1233 | 1243 | scaleSt = 13;
|
1234 | 1244 | } else if (settings.scale === "days" && zoomIn) {
|
1235 | 1245 | scale = "hours";
|
1236 |
| - headerRows = 5; |
1237 | 1246 | scaleSt = 12;
|
1238 | 1247 | } else if (settings.scale === "days" && !zoomIn) {
|
1239 | 1248 | scale = "weeks";
|
1240 |
| - headerRows = 3; |
1241 | 1249 | scaleSt = 13;
|
1242 | 1250 | } else if (settings.scale === "weeks" && !zoomIn) {
|
1243 | 1251 | scale = "months";
|
1244 |
| - headerRows = 2; |
1245 | 1252 | scaleSt = 14;
|
1246 | 1253 | } else if (settings.scale === "weeks" && zoomIn) {
|
1247 | 1254 | scale = "days";
|
1248 |
| - headerRows = 4; |
1249 | 1255 | scaleSt = 13;
|
1250 | 1256 | } else if (settings.scale === "months" && zoomIn) {
|
1251 | 1257 | scale = "weeks";
|
1252 |
| - headerRows = 3; |
1253 | 1258 | scaleSt = 13;
|
1254 | 1259 | }
|
1255 | 1260 |
|
|
1260 | 1265 | }
|
1261 | 1266 | element.scaleStep = scaleSt;
|
1262 | 1267 | settings.scale = scale;
|
1263 |
| - element.headerRows = headerRows; |
1264 | 1268 | var $rightPanel = $(element).find(".fn-gantt .rightPanel");
|
1265 | 1269 | var $dataPanel = $rightPanel.find(".dataPanel");
|
1266 | 1270 | element.hPosition = $dataPanel.css("margin-left").replace("px", "");
|
|
1730 | 1734 | }
|
1731 | 1735 |
|
1732 | 1736 | switch (settings.scale) {
|
1733 |
| - //case "hours": this.headerRows = 5; this.scaleStep = 8; break; |
1734 |
| - case "hours": this.headerRows = 5; this.scaleStep = 1; break; |
1735 |
| - case "weeks": this.headerRows = 3; this.scaleStep = 13; break; |
1736 |
| - case "months": this.headerRows = 2; this.scaleStep = 14; break; |
1737 |
| - default: this.headerRows = 4; this.scaleStep = 13; break; |
| 1737 | + //case "hours": this.scaleStep = 8; break; |
| 1738 | + case "hours": this.scaleStep = 1; break; |
| 1739 | + case "weeks": this.scaleStep = 13; break; |
| 1740 | + case "months": this.scaleStep = 14; break; |
| 1741 | + default: this.scaleStep = 13; break; |
1738 | 1742 | }
|
1739 | 1743 |
|
1740 | 1744 | this.scrollNavigation = {
|
|
0 commit comments