Gantt milestones (#3370)

frappe/public/build.json

@@ -214,7 +214,8 @@
 		"public/css/list.css",
 		"public/css/calendar.css",
 		"public/css/role_editor.css",
-		"public/css/filter_dashboard.css"
+		"public/css/filter_dashboard.css",
+		"public/css/gantt.css"
 	],
 	"js/list.min.js": [
 		"public/js/frappe/ui/listing.html",

frappe/public/css/gantt.css

@@ -0,0 +1,6 @@
+.gantt .bar-milestone .bar {
+  fill: #FD8B8B;
+}
+.gantt .bar-milestone .bar-progress {
+  fill: #FC4F51;
+}

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

@@ -137,7 +137,7 @@ frappe.views.GanttView = frappe.views.ListRenderer.extend({
 				var label = item[field_map.title];
 			}
 
-			return {
+			var r = {
 				start: item[field_map.start],
 				end: item[field_map.end],
 				name: label,
@@ -146,6 +146,12 @@ frappe.views.GanttView = frappe.views.ListRenderer.extend({
 				progress: progress,
 				dependencies: item.depends_on_tasks || ""
 			};
+
+			if(item.is_milestone) {
+				r['custom_class'] = 'bar-milestone';
+			};
+
+			return r
 		});
 	},
 	get_item: function(name) {

frappe/public/less/gantt.less

@@ -0,0 +1,13 @@
+@import "variables.less";
+
+// gantt
+.gantt {
+	.bar-milestone {
+		.bar {
+			fill: @red-light;
+		}
+		.bar-progress {
+			fill: @red;
+		}
+	}
+}