|
293 | 293 | core.scrollPanel(element, 0);
|
294 | 294 | // or, scroll the grid to the left most date in the panel
|
295 | 295 | } else {
|
296 |
| - if ((element.hPosition !== 0)) { |
| 296 | + if (element.hPosition !== 0) { |
297 | 297 | if (element.scaleOldWidth) {
|
298 | 298 | mLeft = ($dataPanel.width() - $rightPanel.width());
|
299 | 299 | hPos = mLeft * element.hPosition / element.scaleOldWidth;
|
|
306 | 306 | $dataPanel.css({ "margin-left": element.hPosition + "px" });
|
307 | 307 | element.scrollNavigation.panelMargin = element.hPosition;
|
308 | 308 | }
|
309 |
| - core.repositionLabel(element); |
310 |
| - } else { |
311 |
| - core.repositionLabel(element); |
312 | 309 | }
|
| 310 | + core.repositionLabel(element); |
313 | 311 | }
|
314 | 312 |
|
315 | 313 | $dataPanel.css({ height: $leftPanel.height() });
|
|
329 | 327 | $.each(element.data, function (i, entry) {
|
330 | 328 | if (i >= element.pageNum * settings.itemsPerPage && i < (element.pageNum * settings.itemsPerPage + settings.itemsPerPage)) {
|
331 | 329 | entries.push('<div class="row name row' + i + (entry.desc ? '' : ' fn-wide') + '" id="rowheader' + i + '" offset="' + i % settings.itemsPerPage * tools.getCellSize() + '">');
|
332 |
| - entries.push('<span class="fn-label' + (entry.cssClass ? ' ' + entry.cssClass : '') + '">' + entry.name + '</span>'); |
| 330 | + entries.push('<span class="fn-label' + (entry.cssClass ? ' ' + entry.cssClass : '') + '">' + (entry.name || '') + '</span>'); |
333 | 331 | entries.push('</div>');
|
334 | 332 |
|
335 | 333 | if (entry.desc) {
|
|
770 | 768 | }))
|
771 | 769 | .append($('<div class="page-number"/>')
|
772 | 770 | .append($('<span/>')
|
773 |
| - .html(element.pageNum + 1 + ' of ' + element.pageCount))) |
| 771 | + .html(element.pageNum + 1 + ' / ' + element.pageCount))) |
774 | 772 | .append($('<button type="button" class="nav-link nav-page-next"/>')
|
775 | 773 | .html('>')
|
776 | 774 | .click(function () {
|
|
1168 | 1166 | var $dataPanel = $rightPanel.find(".dataPanel");
|
1169 | 1167 | var rightPanelWidth = $rightPanel.width();
|
1170 | 1168 | var dataPanelWidth = $dataPanel.width();
|
1171 |
| - |
| 1169 | + var shift = function () { |
| 1170 | + core.repositionLabel(element); |
| 1171 | + }; |
1172 | 1172 | switch (val) {
|
1173 | 1173 | case "begin":
|
1174 |
| - $dataPanel.animate({ |
1175 |
| - "margin-left": "0px" |
1176 |
| - }, "fast", function () { core.repositionLabel(element); }); |
| 1174 | + $dataPanel.animate({ "margin-left": "0px" }, "fast", shift); |
1177 | 1175 | element.scrollNavigation.panelMargin = 0;
|
1178 | 1176 | break;
|
1179 | 1177 | case "end":
|
1180 | 1178 | var mLeft = dataPanelWidth - rightPanelWidth;
|
1181 | 1179 | element.scrollNavigation.panelMargin = mLeft * -1;
|
1182 |
| - $dataPanel.animate({ |
1183 |
| - "margin-left": "-" + mLeft + "px" |
1184 |
| - }, "fast", function () { core.repositionLabel(element); }); |
| 1180 | + $dataPanel.animate({ "margin-left": "-" + mLeft + "px" }, "fast", shift); |
1185 | 1181 | break;
|
1186 | 1182 | case "now":
|
1187 | 1183 | if (!element.scrollNavigation.canScroll || !$dataPanel.find(".today").length) {
|
|
1196 | 1192 | } else if (val < max_left) {
|
1197 | 1193 | val = max_left;
|
1198 | 1194 | }
|
1199 |
| - $dataPanel.animate({ |
1200 |
| - "margin-left": val + "px" |
1201 |
| - }, "fast", core.repositionLabel(element)); |
| 1195 | + $dataPanel.animate({ "margin-left": val + "px" }, "fast", shift); |
1202 | 1196 | element.scrollNavigation.panelMargin = val;
|
1203 | 1197 | break;
|
1204 | 1198 | default:
|
1205 | 1199 | var max_left = (dataPanelWidth - rightPanelWidth) * -1;
|
1206 | 1200 | var cur_marg = $dataPanel.css("margin-left").replace("px", "");
|
1207 | 1201 | var val = parseInt(cur_marg, 10) + val;
|
1208 | 1202 | if (val <= 0 && val >= max_left) {
|
1209 |
| - $dataPanel.animate({ |
1210 |
| - "margin-left": val + "px" |
1211 |
| - }, "fast", core.repositionLabel(element)); |
| 1203 | + $dataPanel.animate({ "margin-left": val + "px" }, "fast", shift); |
1212 | 1204 | }
|
1213 | 1205 | element.scrollNavigation.panelMargin = val;
|
1214 | 1206 | break;
|
1215 | 1207 | }
|
| 1208 | + core.synchronizeScroller(element); |
1216 | 1209 | },
|
1217 | 1210 |
|
1218 | 1211 | // Navigate to a specific page
|
|
1428 | 1421 | $(element).append(element.loader);
|
1429 | 1422 | setTimeout(fn, 500);
|
1430 | 1423 |
|
1431 |
| - } else { |
1432 |
| - if (element.loader) { |
1433 |
| - element.loader.remove(); |
1434 |
| - } |
1435 |
| - element.loader = null; |
| 1424 | + } else if (element.loader) { |
| 1425 | + element.loader.detach(); |
1436 | 1426 | }
|
1437 | 1427 | }
|
1438 | 1428 | };
|
|
0 commit comments