From 5d477ff6e986a2fc01ade6ffb66a04ab4999fdfe Mon Sep 17 00:00:00 2001 From: Suraj Shetty Date: Thu, 29 Nov 2018 12:49:26 +0530 Subject: [PATCH] Update gantt library (#6541) * Update gantt library - Current version is ver 0.3.0 * Add frappe-gantt.css --- .../js/frappe/views/gantt/gantt_view.js | 11 +- .../js/lib/frappe-gantt/frappe-gantt.css | 119 ++ .../js/lib/frappe-gantt/frappe-gantt.js | 1825 ----------------- .../js/lib/frappe-gantt/frappe-gantt.min.js | 1 + 4 files changed, 126 insertions(+), 1830 deletions(-) create mode 100644 frappe/public/js/lib/frappe-gantt/frappe-gantt.css delete mode 100755 frappe/public/js/lib/frappe-gantt/frappe-gantt.js create mode 100644 frappe/public/js/lib/frappe-gantt/frappe-gantt.min.js diff --git a/frappe/public/js/frappe/views/gantt/gantt_view.js b/frappe/public/js/frappe/views/gantt/gantt_view.js index e58d5e7403..8c1a3a1f31 100644 --- a/frappe/public/js/frappe/views/gantt/gantt_view.js +++ b/frappe/public/js/frappe/views/gantt/gantt_view.js @@ -72,7 +72,7 @@ frappe.views.GanttView = frappe.views.ListRenderer.extend({ var html = `
${task.name}
-

${task._start.format('MMM D')} - ${task._end.format('MMM D')}

`; +

${moment(task._start).format('MMM D')} - ${moment(task._end).format('MMM D')}

`; // custom html in doctype settings var custom = me.settings.gantt_custom_popup_html; @@ -89,7 +89,7 @@ frappe.views.GanttView = frappe.views.ListRenderer.extend({ render_dropdown: function() { var me = this; - var view_modes = this.gantt.config.view_modes || []; + var view_modes = this.gantt.options.view_modes || []; var dropdown = "
" + "" + ""+__(this.gantt_view_mode)+"" + @@ -206,8 +206,8 @@ frappe.views.GanttView = frappe.views.ListRenderer.extend({ args: { doctype: task.doctype, name: task.id, - start: start.format('YYYY-MM-DD'), - end: end.format('YYYY-MM-DD') + start: moment(start).format('YYYY-MM-DD'), + end: moment(end).format('YYYY-MM-DD') }, field_map: field_map }, @@ -237,6 +237,7 @@ frappe.views.GanttView = frappe.views.ListRenderer.extend({ set_columns: function() {}, required_libs: [ "assets/frappe/js/lib/snap.svg-min.js", - "assets/frappe/js/lib/frappe-gantt/frappe-gantt.js" + "assets/frappe/js/lib/frappe-gantt/frappe-gantt.css", + "assets/frappe/js/lib/frappe-gantt/frappe-gantt.min.js" ] }); \ No newline at end of file diff --git a/frappe/public/js/lib/frappe-gantt/frappe-gantt.css b/frappe/public/js/lib/frappe-gantt/frappe-gantt.css new file mode 100644 index 0000000000..9e7afed44c --- /dev/null +++ b/frappe/public/js/lib/frappe-gantt/frappe-gantt.css @@ -0,0 +1,119 @@ +.gantt .grid-background { + fill: none; } + +.gantt .grid-header { + fill: #ffffff; + stroke: #e0e0e0; + stroke-width: 1.4; } + +.gantt .grid-row { + fill: #ffffff; } + +.gantt .grid-row:nth-child(even) { + fill: #f5f5f5; } + +.gantt .row-line { + stroke: #ebeff2; } + +.gantt .tick { + stroke: #e0e0e0; + stroke-width: 0.2; } + .gantt .tick.thick { + stroke-width: 0.4; } + +.gantt .today-highlight { + fill: #fcf8e3; + opacity: 0.5; } + +.gantt .arrow { + fill: none; + stroke: #666; + stroke-width: 1.4; } + +.gantt .bar { + fill: #b8c2cc; + stroke: #8D99A6; + stroke-width: 0; + transition: stroke-width .3s ease; + user-select: none; } + +.gantt .bar-progress { + fill: #a3a3ff; } + +.gantt .bar-invalid { + fill: transparent; + stroke: #8D99A6; + stroke-width: 1; + stroke-dasharray: 5; } + .gantt .bar-invalid ~ .bar-label { + fill: #555; } + +.gantt .bar-label { + fill: #fff; + dominant-baseline: central; + text-anchor: middle; + font-size: 12px; + font-weight: lighter; } + .gantt .bar-label.big { + fill: #555; + text-anchor: start; } + +.gantt .handle { + fill: #ddd; + cursor: ew-resize; + opacity: 0; + visibility: hidden; + transition: opacity .3s ease; } + +.gantt .bar-wrapper { + cursor: pointer; + outline: none; } + .gantt .bar-wrapper:hover .bar { + fill: #a9b5c1; } + .gantt .bar-wrapper:hover .bar-progress { + fill: #8a8aff; } + .gantt .bar-wrapper:hover .handle { + visibility: visible; + opacity: 1; } + .gantt .bar-wrapper.active .bar { + fill: #a9b5c1; } + .gantt .bar-wrapper.active .bar-progress { + fill: #8a8aff; } + +.gantt .lower-text, .gantt .upper-text { + font-size: 12px; + text-anchor: middle; } + +.gantt .upper-text { + fill: #555; } + +.gantt .lower-text { + fill: #333; } + +.gantt .hide { + display: none; } + +.gantt-container { + position: relative; + overflow: auto; + font-size: 12px; } + .gantt-container .popup-wrapper { + position: absolute; + top: 0; + left: 0; + background: rgba(0, 0, 0, 0.8); + padding: 0; + color: #959da5; + border-radius: 3px; } + .gantt-container .popup-wrapper .title { + border-bottom: 3px solid #a3a3ff; + padding: 10px; } + .gantt-container .popup-wrapper .subtitle { + padding: 10px; + color: #dfe2e5; } + .gantt-container .popup-wrapper .pointer { + position: absolute; + height: 5px; + margin: 0 0 0 -5px; + border: 5px solid transparent; + border-top-color: rgba(0, 0, 0, 0.8); } diff --git a/frappe/public/js/lib/frappe-gantt/frappe-gantt.js b/frappe/public/js/lib/frappe-gantt/frappe-gantt.js deleted file mode 100755 index a20cada571..0000000000 --- a/frappe/public/js/lib/frappe-gantt/frappe-gantt.js +++ /dev/null @@ -1,1825 +0,0 @@ -(function webpackUniversalModuleDefinition(root, factory) { - if(typeof exports === 'object' && typeof module === 'object') - module.exports = factory(); - else if(typeof define === 'function' && define.amd) - define("Gantt", [], factory); - else if(typeof exports === 'object') - exports["Gantt"] = factory(); - else - root["Gantt"] = factory(); -})(this, 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] = { -/******/ exports: {}, -/******/ id: moduleId, -/******/ loaded: false -/******/ }; -/******/ -/******/ // Execute the module function -/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__); -/******/ -/******/ // Flag the module as loaded -/******/ module.loaded = 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; -/******/ -/******/ // __webpack_public_path__ -/******/ __webpack_require__.p = ""; -/******/ -/******/ // Load entry module and return exports -/******/ return __webpack_require__(0); -/******/ }) -/************************************************************************/ -/******/ ([ -/* 0 */ -/***/ function(module, exports, __webpack_require__) { - - 'use strict'; - - Object.defineProperty(exports, "__esModule", { - value: true - }); - exports.default = Gantt; - - __webpack_require__(1); - - var _Bar = __webpack_require__(5); - - var _Bar2 = _interopRequireDefault(_Bar); - - var _Arrow = __webpack_require__(6); - - var _Arrow2 = _interopRequireDefault(_Arrow); - - function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } - - function Gantt(element, tasks, config) { - - var self = {}; - - function init() { - set_defaults(); - - // expose methods - self.change_view_mode = change_view_mode; - self.unselect_all = unselect_all; - self.view_is = view_is; - self.get_bar = get_bar; - self.trigger_event = trigger_event; - self.refresh = refresh; - - // initialize with default view mode - change_view_mode(self.config.view_mode); - } - - function set_defaults() { - - var defaults = { - header_height: 50, - column_width: 30, - step: 24, - view_modes: ['Quarter Day', 'Half Day', 'Day', 'Week', 'Month'], - bar: { - height: 20 - }, - arrow: { - curve: 5 - }, - padding: 18, - view_mode: 'Day', - date_format: 'YYYY-MM-DD', - custom_popup_html: null - }; - self.config = Object.assign({}, defaults, config); - - reset_variables(tasks); - } - - function reset_variables(tasks) { - - self.element = element; - self._tasks = tasks; - - self._bars = []; - self._arrows = []; - self.element_groups = {}; - } - - function refresh(updated_tasks) { - reset_variables(updated_tasks); - change_view_mode(self.config.view_mode); - } - - function change_view_mode(mode) { - set_scale(mode); - prepare(); - render(); - // fire viewmode_change event - trigger_event('view_change', [mode]); - } - - function prepare() { - prepare_tasks(); - prepare_dependencies(); - prepare_dates(); - prepare_canvas(); - } - - function prepare_tasks() { - - // prepare tasks - self.tasks = self._tasks.map(function (task, i) { - - // momentify - task._start = moment(task.start, self.config.date_format); - task._end = moment(task.end, self.config.date_format); - - // make task invalid if duration too large - if (task._end.diff(task._start, 'years') > 10) { - task.end = null; - } - - // cache index - task._index = i; - - // invalid dates - if (!task.start && !task.end) { - task._start = moment().startOf('day'); - task._end = moment().startOf('day').add(2, 'days'); - } - if (!task.start && task.end) { - task._start = task._end.clone().add(-2, 'days'); - } - if (task.start && !task.end) { - task._end = task._start.clone().add(2, 'days'); - } - - // invalid flag - if (!task.start || !task.end) { - task.invalid = true; - } - - // dependencies - if (typeof task.dependencies === 'string' || !task.dependencies) { - var deps = []; - if (task.dependencies) { - deps = task.dependencies.split(',').map(function (d) { - return d.trim(); - }).filter(function (d) { - return d; - }); - } - task.dependencies = deps; - } - - // uids - if (!task.id) { - task.id = generate_id(task); - } - - return task; - }); - } - - function prepare_dependencies() { - - self.dependency_map = {}; - var _iteratorNormalCompletion = true; - var _didIteratorError = false; - var _iteratorError = undefined; - - try { - for (var _iterator = self.tasks[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) { - var t = _step.value; - var _iteratorNormalCompletion2 = true; - var _didIteratorError2 = false; - var _iteratorError2 = undefined; - - try { - for (var _iterator2 = t.dependencies[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) { - var d = _step2.value; - - self.dependency_map[d] = self.dependency_map[d] || []; - self.dependency_map[d].push(t.id); - } - } catch (err) { - _didIteratorError2 = true; - _iteratorError2 = err; - } finally { - try { - if (!_iteratorNormalCompletion2 && _iterator2.return) { - _iterator2.return(); - } - } finally { - if (_didIteratorError2) { - throw _iteratorError2; - } - } - } - } - } catch (err) { - _didIteratorError = true; - _iteratorError = err; - } finally { - try { - if (!_iteratorNormalCompletion && _iterator.return) { - _iterator.return(); - } - } finally { - if (_didIteratorError) { - throw _iteratorError; - } - } - } - } - - function prepare_dates() { - - self.gantt_start = self.gantt_end = null; - var _iteratorNormalCompletion3 = true; - var _didIteratorError3 = false; - var _iteratorError3 = undefined; - - try { - for (var _iterator3 = self.tasks[Symbol.iterator](), _step3; !(_iteratorNormalCompletion3 = (_step3 = _iterator3.next()).done); _iteratorNormalCompletion3 = true) { - var task = _step3.value; - - // set global start and end date - if (!self.gantt_start || task._start < self.gantt_start) { - self.gantt_start = task._start; - } - if (!self.gantt_end || task._end > self.gantt_end) { - self.gantt_end = task._end; - } - } - } catch (err) { - _didIteratorError3 = true; - _iteratorError3 = err; - } finally { - try { - if (!_iteratorNormalCompletion3 && _iterator3.return) { - _iterator3.return(); - } - } finally { - if (_didIteratorError3) { - throw _iteratorError3; - } - } - } - - set_gantt_dates(); - setup_dates(); - } - - function prepare_canvas() { - if (self.canvas) return; - self.canvas = Snap(self.element).addClass('gantt'); - } - - function render() { - clear(); - setup_groups(); - make_grid(); - make_dates(); - make_bars(); - make_arrows(); - map_arrows_on_bars(); - set_width(); - set_scroll_position(); - bind_grid_click(); - } - - function clear() { - self.canvas.clear(); - self._bars = []; - self._arrows = []; - } - - function set_gantt_dates() { - - if (view_is(['Quarter Day', 'Half Day'])) { - self.gantt_start = self.gantt_start.clone().subtract(7, 'day'); - self.gantt_end = self.gantt_end.clone().add(7, 'day'); - } else if (view_is('Month')) { - self.gantt_start = self.gantt_start.clone().startOf('year'); - self.gantt_end = self.gantt_end.clone().endOf('month').add(1, 'year'); - } else { - self.gantt_start = self.gantt_start.clone().startOf('month').subtract(1, 'month'); - self.gantt_end = self.gantt_end.clone().endOf('month').add(1, 'month'); - } - } - - function setup_dates() { - - self.dates = []; - var cur_date = null; - - while (cur_date === null || cur_date < self.gantt_end) { - if (!cur_date) { - cur_date = self.gantt_start.clone(); - } else { - cur_date = view_is('Month') ? cur_date.clone().add(1, 'month') : cur_date.clone().add(self.config.step, 'hours'); - } - self.dates.push(cur_date); - } - } - - function setup_groups() { - - var groups = ['grid', 'date', 'arrow', 'progress', 'bar', 'details']; - // make group layers - var _iteratorNormalCompletion4 = true; - var _didIteratorError4 = false; - var _iteratorError4 = undefined; - - try { - for (var _iterator4 = groups[Symbol.iterator](), _step4; !(_iteratorNormalCompletion4 = (_step4 = _iterator4.next()).done); _iteratorNormalCompletion4 = true) { - var group = _step4.value; - - self.element_groups[group] = self.canvas.group().attr({ 'id': group }); - } - } catch (err) { - _didIteratorError4 = true; - _iteratorError4 = err; - } finally { - try { - if (!_iteratorNormalCompletion4 && _iterator4.return) { - _iterator4.return(); - } - } finally { - if (_didIteratorError4) { - throw _iteratorError4; - } - } - } - } - - function set_scale(scale) { - self.config.view_mode = scale; - - if (scale === 'Day') { - self.config.step = 24; - self.config.column_width = 38; - } else if (scale === 'Half Day') { - self.config.step = 24 / 2; - self.config.column_width = 38; - } else if (scale === 'Quarter Day') { - self.config.step = 24 / 4; - self.config.column_width = 38; - } else if (scale === 'Week') { - self.config.step = 24 * 7; - self.config.column_width = 140; - } else if (scale === 'Month') { - self.config.step = 24 * 30; - self.config.column_width = 120; - } - } - - function set_width() { - var cur_width = self.canvas.node.getBoundingClientRect().width; - var actual_width = self.canvas.select('#grid .grid-row').attr('width'); - if (cur_width < actual_width) { - self.canvas.attr('width', actual_width); - } - } - - function set_scroll_position() { - var parent_element = document.querySelector(self.element).parentElement; - if (!parent_element) return; - - var scroll_pos = get_min_date().diff(self.gantt_start, 'hours') / self.config.step * self.config.column_width - self.config.column_width; - parent_element.scrollLeft = scroll_pos; - } - - function get_min_date() { - var task = self.tasks.reduce(function (acc, curr) { - return curr._start.isSameOrBefore(acc._start) ? curr : acc; - }); - return task._start; - } - - function make_grid() { - make_grid_background(); - make_grid_rows(); - make_grid_header(); - make_grid_ticks(); - make_grid_highlights(); - } - - function make_grid_background() { - - var grid_width = self.dates.length * self.config.column_width, - grid_height = self.config.header_height + self.config.padding + (self.config.bar.height + self.config.padding) * self.tasks.length; - - self.canvas.rect(0, 0, grid_width, grid_height).addClass('grid-background').appendTo(self.element_groups.grid); - - self.canvas.attr({ - height: grid_height + self.config.padding + 100, - width: '100%' - }); - } - - function make_grid_header() { - var header_width = self.dates.length * self.config.column_width, - header_height = self.config.header_height + 10; - self.canvas.rect(0, 0, header_width, header_height).addClass('grid-header').appendTo(self.element_groups.grid); - } - - function make_grid_rows() { - - var rows = self.canvas.group().appendTo(self.element_groups.grid), - lines = self.canvas.group().appendTo(self.element_groups.grid), - row_width = self.dates.length * self.config.column_width, - row_height = self.config.bar.height + self.config.padding; - - var row_y = self.config.header_height + self.config.padding / 2; - - var _iteratorNormalCompletion5 = true; - var _didIteratorError5 = false; - var _iteratorError5 = undefined; - - try { - for (var _iterator5 = self.tasks[Symbol.iterator](), _step5; !(_iteratorNormalCompletion5 = (_step5 = _iterator5.next()).done); _iteratorNormalCompletion5 = true) { - var task = _step5.value; - // eslint-disable-line - self.canvas.rect(0, row_y, row_width, row_height).addClass('grid-row').appendTo(rows); - - self.canvas.line(0, row_y + row_height, row_width, row_y + row_height).addClass('row-line').appendTo(lines); - - row_y += self.config.bar.height + self.config.padding; - } - } catch (err) { - _didIteratorError5 = true; - _iteratorError5 = err; - } finally { - try { - if (!_iteratorNormalCompletion5 && _iterator5.return) { - _iterator5.return(); - } - } finally { - if (_didIteratorError5) { - throw _iteratorError5; - } - } - } - } - - function make_grid_ticks() { - var tick_x = 0, - tick_y = self.config.header_height + self.config.padding / 2, - tick_height = (self.config.bar.height + self.config.padding) * self.tasks.length; - - var _iteratorNormalCompletion6 = true; - var _didIteratorError6 = false; - var _iteratorError6 = undefined; - - try { - for (var _iterator6 = self.dates[Symbol.iterator](), _step6; !(_iteratorNormalCompletion6 = (_step6 = _iterator6.next()).done); _iteratorNormalCompletion6 = true) { - var date = _step6.value; - - var tick_class = 'tick'; - // thick tick for monday - if (view_is('Day') && date.day() === 1) { - tick_class += ' thick'; - } - // thick tick for first week - if (view_is('Week') && date.date() >= 1 && date.date() < 8) { - tick_class += ' thick'; - } - // thick ticks for quarters - if (view_is('Month') && date.month() % 3 === 0) { - tick_class += ' thick'; - } - - self.canvas.path(Snap.format('M {x} {y} v {height}', { - x: tick_x, - y: tick_y, - height: tick_height - })).addClass(tick_class).appendTo(self.element_groups.grid); - - if (view_is('Month')) { - tick_x += date.daysInMonth() * self.config.column_width / 30; - } else { - tick_x += self.config.column_width; - } - } - } catch (err) { - _didIteratorError6 = true; - _iteratorError6 = err; - } finally { - try { - if (!_iteratorNormalCompletion6 && _iterator6.return) { - _iterator6.return(); - } - } finally { - if (_didIteratorError6) { - throw _iteratorError6; - } - } - } - } - - function make_grid_highlights() { - - // highlight today's date - if (view_is('Day')) { - var x = moment().startOf('day').diff(self.gantt_start, 'hours') / self.config.step * self.config.column_width; - var y = 0; - var width = self.config.column_width; - var height = (self.config.bar.height + self.config.padding) * self.tasks.length + self.config.header_height + self.config.padding / 2; - - self.canvas.rect(x, y, width, height).addClass('today-highlight').appendTo(self.element_groups.grid); - } - } - - function make_dates() { - var _iteratorNormalCompletion7 = true; - var _didIteratorError7 = false; - var _iteratorError7 = undefined; - - try { - - for (var _iterator7 = get_dates_to_draw()[Symbol.iterator](), _step7; !(_iteratorNormalCompletion7 = (_step7 = _iterator7.next()).done); _iteratorNormalCompletion7 = true) { - var date = _step7.value; - - self.canvas.text(date.lower_x, date.lower_y, date.lower_text).addClass('lower-text').appendTo(self.element_groups.date); - - if (date.upper_text) { - var $upper_text = self.canvas.text(date.upper_x, date.upper_y, date.upper_text).addClass('upper-text').appendTo(self.element_groups.date); - - // remove out-of-bound dates - if ($upper_text.getBBox().x2 > self.element_groups.grid.getBBox().width) { - $upper_text.remove(); - } - } - } - } catch (err) { - _didIteratorError7 = true; - _iteratorError7 = err; - } finally { - try { - if (!_iteratorNormalCompletion7 && _iterator7.return) { - _iterator7.return(); - } - } finally { - if (_didIteratorError7) { - throw _iteratorError7; - } - } - } - } - - function get_dates_to_draw() { - var last_date = null; - var dates = self.dates.map(function (date, i) { - var d = get_date_info(date, last_date, i); - last_date = date; - return d; - }); - return dates; - } - - function get_date_info(date, last_date, i) { - if (!last_date) { - last_date = date.clone().add(1, 'year'); - } - var date_text = { - 'Quarter Day_lower': date.format('HH'), - 'Half Day_lower': date.format('HH'), - 'Day_lower': date.date() !== last_date.date() ? date.format('D') : '', - 'Week_lower': date.month() !== last_date.month() ? date.format('D MMM') : date.format('D'), - 'Month_lower': date.format('MMMM'), - 'Quarter Day_upper': date.date() !== last_date.date() ? date.format('D MMM') : '', - 'Half Day_upper': date.date() !== last_date.date() ? date.month() !== last_date.month() ? date.format('D MMM') : date.format('D') : '', - 'Day_upper': date.month() !== last_date.month() ? date.format('MMMM') : '', - 'Week_upper': date.month() !== last_date.month() ? date.format('MMMM') : '', - 'Month_upper': date.year() !== last_date.year() ? date.format('YYYY') : '' - }; - - var base_pos = { - x: i * self.config.column_width, - lower_y: self.config.header_height, - upper_y: self.config.header_height - 25 - }; - - var x_pos = { - 'Quarter Day_lower': self.config.column_width * 4 / 2, - 'Quarter Day_upper': 0, - 'Half Day_lower': self.config.column_width * 2 / 2, - 'Half Day_upper': 0, - 'Day_lower': self.config.column_width / 2, - 'Day_upper': self.config.column_width * 30 / 2, - 'Week_lower': 0, - 'Week_upper': self.config.column_width * 4 / 2, - 'Month_lower': self.config.column_width / 2, - 'Month_upper': self.config.column_width * 12 / 2 - }; - - return { - upper_text: date_text[self.config.view_mode + '_upper'], - lower_text: date_text[self.config.view_mode + '_lower'], - upper_x: base_pos.x + x_pos[self.config.view_mode + '_upper'], - upper_y: base_pos.upper_y, - lower_x: base_pos.x + x_pos[self.config.view_mode + '_lower'], - lower_y: base_pos.lower_y - }; - } - - function make_arrows() { - self._arrows = []; - var _iteratorNormalCompletion8 = true; - var _didIteratorError8 = false; - var _iteratorError8 = undefined; - - try { - var _loop = function _loop() { - var task = _step8.value; - - var arrows = []; - arrows = task.dependencies.map(function (dep) { - var dependency = get_task(dep); - if (!dependency) return; - - var arrow = (0, _Arrow2.default)(self, // gt - self._bars[dependency._index], // from_task - self._bars[task._index] // to_task - ); - self.element_groups.arrow.add(arrow.element); - return arrow; // eslint-disable-line - }).filter(function (arr) { - return arr; - }); // filter falsy values - self._arrows = self._arrows.concat(arrows); - }; - - for (var _iterator8 = self.tasks[Symbol.iterator](), _step8; !(_iteratorNormalCompletion8 = (_step8 = _iterator8.next()).done); _iteratorNormalCompletion8 = true) { - _loop(); - } - } catch (err) { - _didIteratorError8 = true; - _iteratorError8 = err; - } finally { - try { - if (!_iteratorNormalCompletion8 && _iterator8.return) { - _iterator8.return(); - } - } finally { - if (_didIteratorError8) { - throw _iteratorError8; - } - } - } - } - - function make_bars() { - - self._bars = self.tasks.map(function (task) { - var bar = (0, _Bar2.default)(self, task); - self.element_groups.bar.add(bar.group); - return bar; - }); - } - - function map_arrows_on_bars() { - var _iteratorNormalCompletion9 = true; - var _didIteratorError9 = false; - var _iteratorError9 = undefined; - - try { - var _loop2 = function _loop2() { - var bar = _step9.value; - - bar.arrows = self._arrows.filter(function (arrow) { - return arrow.from_task.task.id === bar.task.id || arrow.to_task.task.id === bar.task.id; - }); - }; - - for (var _iterator9 = self._bars[Symbol.iterator](), _step9; !(_iteratorNormalCompletion9 = (_step9 = _iterator9.next()).done); _iteratorNormalCompletion9 = true) { - _loop2(); - } - } catch (err) { - _didIteratorError9 = true; - _iteratorError9 = err; - } finally { - try { - if (!_iteratorNormalCompletion9 && _iterator9.return) { - _iterator9.return(); - } - } finally { - if (_didIteratorError9) { - throw _iteratorError9; - } - } - } - } - - function bind_grid_click() { - self.element_groups.grid.click(function () { - unselect_all(); - self.element_groups.details.selectAll('.details-wrapper').forEach(function (el) { - return el.addClass('hide'); - }); - }); - } - - function unselect_all() { - self.canvas.selectAll('.bar-wrapper').forEach(function (el) { - el.removeClass('active'); - }); - } - - function view_is(modes) { - if (typeof modes === 'string') { - return self.config.view_mode === modes; - } else if (Array.isArray(modes)) { - var _iteratorNormalCompletion10 = true; - var _didIteratorError10 = false; - var _iteratorError10 = undefined; - - try { - for (var _iterator10 = modes[Symbol.iterator](), _step10; !(_iteratorNormalCompletion10 = (_step10 = _iterator10.next()).done); _iteratorNormalCompletion10 = true) { - var mode = _step10.value; - - if (self.config.view_mode === mode) return true; - } - } catch (err) { - _didIteratorError10 = true; - _iteratorError10 = err; - } finally { - try { - if (!_iteratorNormalCompletion10 && _iterator10.return) { - _iterator10.return(); - } - } finally { - if (_didIteratorError10) { - throw _iteratorError10; - } - } - } - - return false; - } - } - - function get_task(id) { - return self.tasks.find(function (task) { - return task.id === id; - }); - } - - function get_bar(id) { - return self._bars.find(function (bar) { - return bar.task.id === id; - }); - } - - function generate_id(task) { - return task.name + '_' + Math.random().toString(36).slice(2, 12); - } - - function trigger_event(event, args) { - if (self.config['on_' + event]) { - self.config['on_' + event].apply(null, args); - } - } - - init(); - - return self; - } /* global moment, Snap */ - /** - * Gantt: - * element: querySelector string, required - * tasks: array of tasks, required - * task: { id, name, start, end, progress, dependencies, custom_class } - * config: configuration options, optional - */ - module.exports = exports['default']; - -/***/ }, -/* 1 */ -/***/ function(module, exports, __webpack_require__) { - - // style-loader: Adds some css to the DOM by adding a