/* @license dhtmlxGantt v.6.3.5 Standard This version of dhtmlxGantt is distributed under GPL 2.0 license and can be legally used in GPL projects. To use dhtmlxGantt in non-GPL projects (and get Pro version of the product), please obtain Commercial/Enterprise or Ultimate license on our site https://dhtmlx.com/docs/products/dhtmlxGantt/#licensing or contact us at sales@dhtmlx.com (c) XB Software Ltd. */ (function webpackUniversalModuleDefinition(root, factory) { if(typeof exports === 'object' && typeof module === 'object') module.exports = factory(); else if(typeof define === 'function' && define.amd) define("ext/dhtmlxgantt_smart_rendering", [], factory); else if(typeof exports === 'object') exports["ext/dhtmlxgantt_smart_rendering"] = factory(); else root["ext/dhtmlxgantt_smart_rendering"] = factory(); })(window, function() { return /******/ (function(modules) { // webpackBootstrap /******/ // The module cache /******/ var installedModules = {}; /******/ /******/ // The require function /******/ function __webpack_require__(moduleId) { /******/ /******/ // Check if module is in cache /******/ if(installedModules[moduleId]) { /******/ return installedModules[moduleId].exports; /******/ } /******/ // Create a new module (and put it into the cache) /******/ var module = installedModules[moduleId] = { /******/ i: moduleId, /******/ l: false, /******/ exports: {} /******/ }; /******/ /******/ // Execute the module function /******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__); /******/ /******/ // Flag the module as loaded /******/ module.l = true; /******/ /******/ // Return the exports of the module /******/ return module.exports; /******/ } /******/ /******/ /******/ // expose the modules object (__webpack_modules__) /******/ __webpack_require__.m = modules; /******/ /******/ // expose the module cache /******/ __webpack_require__.c = installedModules; /******/ /******/ // define getter function for harmony exports /******/ __webpack_require__.d = function(exports, name, getter) { /******/ if(!__webpack_require__.o(exports, name)) { /******/ Object.defineProperty(exports, name, { enumerable: true, get: getter }); /******/ } /******/ }; /******/ /******/ // define __esModule on exports /******/ __webpack_require__.r = function(exports) { /******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { /******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); /******/ } /******/ Object.defineProperty(exports, '__esModule', { value: true }); /******/ }; /******/ /******/ // create a fake namespace object /******/ // mode & 1: value is a module id, require it /******/ // mode & 2: merge all properties of value into the ns /******/ // mode & 4: return value when already ns object /******/ // mode & 8|1: behave like require /******/ __webpack_require__.t = function(value, mode) { /******/ if(mode & 1) value = __webpack_require__(value); /******/ if(mode & 8) return value; /******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value; /******/ var ns = Object.create(null); /******/ __webpack_require__.r(ns); /******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value }); /******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key)); /******/ return ns; /******/ }; /******/ /******/ // getDefaultExport function for compatibility with non-harmony modules /******/ __webpack_require__.n = function(module) { /******/ var getter = module && module.__esModule ? /******/ function getDefault() { return module['default']; } : /******/ function getModuleExports() { return module; }; /******/ __webpack_require__.d(getter, 'a', getter); /******/ return getter; /******/ }; /******/ /******/ // Object.prototype.hasOwnProperty.call /******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); }; /******/ /******/ // __webpack_public_path__ /******/ __webpack_require__.p = "/codebase/sources/"; /******/ /******/ /******/ // Load entry module and return exports /******/ return __webpack_require__(__webpack_require__.s = "./sources/ext/smart_rendering.js"); /******/ }) /************************************************************************/ /******/ ({ /***/ "./sources/ext/smart_rendering.js": /*!****************************************!*\ !*** ./sources/ext/smart_rendering.js ***! \****************************************/ /*! no static exports found */ /***/ (function(module, exports) { gantt.config.smart_rendering = true; gantt._smart_render = { getViewPort: function(){ var timeline = gantt.$ui.getView("timeline"); var grid = gantt.$ui.getView("grid"); var view = gantt.$layout; if (timeline && timeline.isVisible()) { view = timeline; } else if (grid && grid.isVisible()) { view = grid; } var viewSize = view.getSize(); var scrollPos = gantt.getScrollState(); return { y: scrollPos.y, y_end: scrollPos.y + viewSize.y, x: scrollPos.x, x_end: scrollPos.x + viewSize.x }; }, getScrollSizes: function(){ var scroll = gantt.getScrollState(); scroll.x = scroll.x || 0; scroll.y = scroll.y || gantt.getVisibleTaskCount()*gantt.config.row_height; return scroll; }, isInViewPort: function(item, viewPort){ return !!(item.y < viewPort.y_end && item.y_end > viewPort.y); }, isTaskDisplayed: function(id, task){ if(gantt.$keyboardNavigation && gantt.$keyboardNavigation.dispatcher.isTaskFocused(id)){ return true; } return this.isInViewPort(this.getTaskPosition(id), this.getViewPort()); }, isLinkDisplayed: function(id, link){ return this.isInViewPort(this.getLinkPosition(id, link), this.getViewPort()); }, getTaskPosition: function(id){ var y = gantt.getTaskTop(id); return { y: y, y_end: y + gantt.config.row_height }; }, getLinkPosition: function(id, link){ var from_pos = gantt.getTaskTop(link.source), to_pos = gantt.getTaskTop(link.target); return { y: Math.min(from_pos, to_pos), y_end: Math.max(from_pos, to_pos) + gantt.config.row_height }; }, getRange: function(buffer){ buffer = buffer || 0; var port = this.getViewPort(); var firstTask = Math.floor(Math.max(0, port.y) / gantt.config.row_height) - buffer; var lastTask = Math.ceil(Math.max(0, port.y_end) / gantt.config.row_height) + buffer; var visibleTasks = gantt.$data.tasksStore.getIndexRange(firstTask, lastTask); var visibleIds = []; for(var i = 0; i < visibleTasks.length; i++){ visibleIds.push(visibleTasks[i].id); } return visibleIds; }, _redrawItems: function(renderers, visibleItems){ var shouldBeVisible = {}; for(var t = 0; t < visibleItems.length; t++){ shouldBeVisible[visibleItems[t].id] = true; } var alreadyVisible = {}; for(var r = 0; r < renderers.length; r++){ var render = renderers[r]; for(var i in render.rendered){ if(!shouldBeVisible[i]){ render.hide(i); }else{ var node = render.rendered[i]; if(node && node.parentNode) { alreadyVisible[i] = true; } } } for(var t = 0; t < visibleItems.length; t++){ if(!alreadyVisible[visibleItems[t].id]) render.restore(visibleItems[t]); } } }, _getVisibleTasks: function(){ var ids = this.getRange(); var rows = []; for(var i=0; i < ids.length; i++){ var item = gantt.getTask(ids[i]); item.$index = i; //this._update_parents(item.id, true); gantt.resetProjectDates(item); rows.push(item); } return rows; }, _getVisibleLinks: function(){ var visible_links = []; var links = gantt.$data.linksStore.getIndexRange(); for(var i = 0; i < links.length; i++){ if(this.isLinkDisplayed(links[i].id, links[i])){ visible_links.push(links[i]); } } return visible_links; }, _recalculateLinkedProjects: function(visibleLinks){ // projects have dynamic duration, make sure that durations are recalculated before links display, // so links are shown on correct dates var recalculateTasks = {}; for(var i = 0; i < visibleLinks.length; i++){ recalculateTasks[visibleLinks[i].source] = true; recalculateTasks[visibleLinks[i].target] = true; } for(var i in recalculateTasks){ if(gantt.isTaskExists(i)) gantt.resetProjectDates(gantt.getTask(i)); } }, updateRender: function(){ gantt.callEvent("onBeforeSmartRender", []); var visibleTasks = this._getVisibleTasks(); var visibleLinks = this._getVisibleLinks(); // TODO: performance test this._recalculateLinkedProjects(visibleLinks); var layers = gantt.$services.getService("layers"); var taskRenderer = layers.getDataRender("task"); var linkRenderer = layers.getDataRender("link"); this._redrawTasks(taskRenderer.getLayers(), visibleTasks); this._redrawItems(linkRenderer.getLayers(), visibleLinks); gantt.callEvent("onSmartRender", []); }, // hook to override from key nav _redrawTasks: function(layers, visibleTasks){ this._redrawItems(layers, visibleTasks); }, cached:{}, _takeFromCache: function(id, payload, cacheName){ if(!this.cached[cacheName]) this.cached[cacheName] = null; var cached = this.cached[cacheName]; if(id !== undefined){ if(!cached){ cached = this.cached[cacheName] = {}; } if(cached[id] === undefined){ cached[id] = payload(id); } return cached[id]; }else{ if(!cached){ cached = payload(); } return cached; } }, initCache:function(){ var caches = [ "getLinkPosition", "getTaskPosition", "isTaskDisplayed", "isLinkDisplayed", "getViewPort", "getScrollSizes" ]; for(var i = 0; i < caches.length; i++){ var method = caches[i]; var payload = gantt.bind(this[method], this); this[method] = (function(calculate, cache){ return function(id){ return this._takeFromCache(id, calculate, cache); }; })(payload, method); } this.invalidateCache(); this.initCache = function(){}; }, invalidateCache: function(){ var smartRender = this; function clearViewPortCache(){ smartRender.cached.getViewPort = null; smartRender.cached.getScrollSizes = null; smartRender.cached.isTaskDisplayed = null; smartRender.cached.isLinkDisplayed = null; } function clearDataCache(){ smartRender.cached.isTaskDisplayed = null; smartRender.cached.isLinkDisplayed = null; smartRender.cached.getLinkPosition = null; smartRender.cached.getTaskPosition = null; } function clearAllCache(){ clearViewPortCache(); clearDataCache(); } function clearTaskCache(id){ if(smartRender.cached.isTaskDisplayed){ smartRender.cached.isTaskDisplayed[id] = undefined; } if(smartRender.cached.getTaskPosition){ smartRender.cached.getTaskPosition[id] = undefined; } } function clearLinkCache(id){ if(smartRender.cached.isLinkDisplayed){ smartRender.cached.isLinkDisplayed[id] = undefined; } if(smartRender.cached.getLinkPosition){ smartRender.cached.getLinkPosition[id] = undefined; } } gantt.attachEvent("onClear", function(){ clearAllCache(); }); gantt.attachEvent("onParse", function(){ clearAllCache(); }); gantt.attachEvent("onAfterLinkUpdate", clearLinkCache); gantt.attachEvent("onAfterTaskAdd", clearAllCache); gantt.attachEvent("onAfterTaskDelete", clearAllCache); gantt.attachEvent("onAfterTaskUpdate", clearTaskCache); gantt.attachEvent("onGanttScroll", clearViewPortCache); gantt.attachEvent("onDataRender", clearAllCache); this.invalidateCache = function(){}; } }; gantt.attachEvent("onGanttScroll", function(oldLeft, oldTop, left, top){ if(gantt.config.smart_rendering){ if((oldTop != top) || (oldLeft == left)){ //var visibleTasks = gantt._smart_render.getRange(); gantt._smart_render.updateRender(); } } }); gantt.attachEvent("onDataRender", function() { if(gantt.config.smart_rendering){ gantt._smart_render.updateRender(); } }); (function(){ var attachOnce = gantt.attachEvent("onGanttReady", function(){ var layers = gantt.$services.getService("layers"); var taskRenderer = layers.getDataRender("task"); taskRenderer.filters.push(function(id, task){ if(!gantt.config.smart_rendering) return true; else return !!gantt._smart_render.isTaskDisplayed(id, task); }); var linkRenderer = layers.getDataRender("link"); linkRenderer.filters.push(function(id, link){ if(!gantt.config.smart_rendering) return true; else return !!gantt._smart_render.isLinkDisplayed(id, link); }); gantt.detachEvent(attachOnce); }); })(); /***/ }) /******/ }); });