|
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