Update gantt library (#6541)

* Update gantt library
- Current version is ver 0.3.0

* Add frappe-gantt.css

frappe/public/js/frappe/views/gantt/gantt_view.js

@@ -72,7 +72,7 @@ frappe.views.GanttView = frappe.views.ListRenderer.extend({
 
 				var html =
 					`<h5>${task.name}</h5>
-					<p>${task._start.format('MMM D')} - ${task._end.format('MMM D')}</p>`;
+					<p>${moment(task._start).format('MMM D')} - ${moment(task._end).format('MMM D')}</p>`;
 
 				// 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 = "<div class='dropdown pull-right'>" +
 			"<a class='text-muted dropdown-toggle' data-toggle='dropdown'>" +
 			"<span class='dropdown-text'>"+__(this.gantt_view_mode)+"</span><i class='caret'></i></a>" +
@@ -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"
 	]
 });

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); }