seitime-frappe/frappe/desk/page/activity/activity.js

// Copyright (c) 2015, Frappe Technologies Pvt. Ltd. and Contributors
// License: See license.txt

frappe.provide("frappe.activity");

frappe.pages['activity'].on_page_load = function(wrapper) {
	var me = this;

	frappe.require('assets/frappe/js/lib/flot/jquery.flot.js');
	frappe.require('assets/frappe/js/lib/flot/jquery.flot.downsample.js');

	frappe.ui.make_app_page({
		parent: wrapper,
		single_column: true
	});

	this.page = wrapper.page;

	this.page.set_title(__("Activity"), frappe.get_module("Activity").icon);

	this.page.list = new frappe.ui.Listing({
		hide_refresh: true,
		page: this.page,
		method: 'frappe.desk.page.activity.activity.get_feed',
		parent: $("<div></div>").appendTo(this.page.main),
		render_row: function(row, data) {
			new frappe.activity.Feed(row, data);
		}
	});

	this.page.list.run();

	frappe.activity.render_plot(this.page);

	this.page.main.on("click", ".activity-message", function() {
		var doctype = $(this).attr("data-doctype"),
			docname = $(this).attr("data-docname");
		if (doctype && docname) {
			frappe.set_route(["Form", doctype, docname]);
		}
	});

	this.page.set_primary_action(__("Refresh"), function() { me.page.list.run(); }, "octicon octicon-sync");

	// Build Report Button
	if(frappe.boot.user.can_get_report.indexOf("Feed")!=-1) {
		this.page.set_secondary_action(__('Build Report'), function() {
			frappe.set_route('Report', "Feed");
		}, 'icon-th');
	}
}

frappe.activity.last_feed_date = false;
frappe.activity.Feed = Class.extend({
	init: function(row, data) {
		this.scrub_data(data);
		this.add_date_separator(row, data);
		if(!data.add_class)
			data.add_class = "label-default";

		data.link = "";
		if (data.doc_type && data.doc_name) {
			data.link = frappe.format(data.doc_name, {fieldtype: "Link", options: data.doc_type},
				{label: __(data.doc_type) + " " + __(data.doc_name)});
		}

		$(row)
			.append(frappe.render_template("activity_row", data))
			.find("a").addClass("grey");
	},
	scrub_data: function(data) {
		data.by = frappe.user_info(data.owner).fullname;
		data.imgsrc = frappe.utils.get_file_link(frappe.user_info(data.owner).image);

		data.icon = "icon-flag";
		// if(data.doc_type) {
		// 	data.feed_type = data.doc_type;
		// 	data.icon = frappe.boot.doctype_icons[data.doc_type];
		// }

		// data.feed_type = data.feed_type || "Comment";

		// color for comment
		data.add_class = {
			"Comment": "label-danger",
			"Assignment": "label-warning",
			"Login": "label-default"
		}[data.feed_type] || "label-info"

		data.when = comment_when(data.creation);
		data.feed_type = __(data.feed_type);
	},
	add_date_separator: function(row, data) {
		var date = dateutil.str_to_obj(data.creation);
		var last = frappe.activity.last_feed_date;

		if((last && dateutil.obj_to_str(last) != dateutil.obj_to_str(date)) || (!last)) {
			var diff = dateutil.get_day_diff(dateutil.get_today(), dateutil.obj_to_str(date));
			if(diff < 1) {
				pdate = 'Today';
			} else if(diff < 2) {
				pdate = 'Yesterday';
			} else {
				pdate = dateutil.global_date_format(date);
			}
			data.date_sep = pdate;
			data.date_class = pdate=='Today' ? "date-indicator blue" : "date-indicator";
		} else {
			data.date_sep = null;
			data.date_class = "";
		}
		frappe.activity.last_feed_date = date;
	}
});

frappe.activity.render_plot = function(page) {
	page.plot_wrapper = $('<div class="plot-wrapper"><div class="plot"></div></div>')
		.prependTo(page.main)
		.find(".plot");

	frappe.call({
		method: "frappe.desk.page.activity.activity.get_months_activity",
		callback: function(r) {
			var plot_data = [{
				data: $.map(r.message, function(v, i) {
					var d = dateutil.str_to_obj(v[0]);
					return [[d.getTime(), v[1]]];
				})
			}];

			var plot_options = frappe.activity.get_plot_options();

			page.plot = $.plot(page.plot_wrapper.empty(), plot_data, plot_options);

			frappe.activity.setup_plot_hover(page);
		}
	});
};

frappe.activity.get_plot_options = function(data) {
	return {
		grid: {
			hoverable: true,
			clickable: true,
			borderWidth: 1,
			borderColor: "#d1d8dd"
		},
		xaxis: {
			mode: "time",
			timeformat: "%d-%b",
			minTickSize: [1, "day"],
			monthNames: [__("Jan"), __("Feb"), __("Mar"), __("Apr"), __("May"), __("Jun"),
				__("Jul"), __("Aug"), __("Sep"), __("Oct"), __("Nov"), __("Dec")],
			tickLength: 0
		},
		yaxis: {tickLength: 0},
		series: {
			downsample: { threshold: 1000 },
			bars: {
				show: true,
				fill: true,
				barWidth: 43200000,
				align: "center",
				fillColor: "#FCF8E3"
			}
		},
		colors: ["#ffa00a"]
	}
};

frappe.activity.setup_plot_hover = function(page) {
	var tooltip_id = frappe.dom.set_unique_id();

	function showTooltip(x, y, contents) {
		$('<div id="' + tooltip_id + '" class="small">' + contents + '</div>').css( {
			position: 'absolute',
			display: 'none',
			top: y - 30,
			left: x - 10,
			border: '1px solid #ffa00a',
			padding: '2px',
			'background-color': '#ffa00a',
			color: "#FCF8E3"
		}).appendTo("body").fadeIn(200);
	}

	previousPoint = null;
	page.plot_wrapper.bind("plothover", function (event, pos, item) {
		if (item) {
			if (previousPoint != item.dataIndex) {
				previousPoint = item.dataIndex;

				$("#" + tooltip_id).remove();

				var date = dateutil.obj_to_user(new Date(item.datapoint[0]));
				var tooltip_text = __("{0} on {1}", ["<strong>" + (item.datapoint[1] || 0) + "</strong>", date]);

				showTooltip(item.pageX, item.pageY, tooltip_text);
			}
		}
		else {
			$("#" + tooltip_id).remove();
			previousPoint = null;
		}
    });
}