frappe/public/js/wn/views/moduleview.js

// Copyright (c) 2013, Web Notes Technologies Pvt. Ltd.
// MIT License. See license.txt

wn.provide("wn.views.moduleview");
wn.provide("wn.module_page");

wn.views.moduleview.make = function(wrapper, module) {
	wrapper.module_view = new wn.views.moduleview.ModuleView(wrapper, module);

	wrapper.refresh = function() {
		// remake on refresh
		if((new Date() - wrapper.module_view.created_on) > (180 * 1000)) {
			wrapper.module_view = new wn.views.moduleview.ModuleView(wrapper, module);
		}
	}
}

wn.views.show_open_count_list = function(element) {
	var doctype = $(element).attr("data-doctype");
	var condition = wn.boot.notification_info.conditions[doctype];
	if(condition) {
		wn.route_options = condition;
		var route = wn.get_route()
		if(route[0]==="List" && route[1]===doctype) {
			wn.pages["List/" + doctype].doclistview.refresh();
		} else {
			wn.set_route("List", doctype);
		}
	}
}

wn.views.moduleview.ModuleView = Class.extend({
	init: function(wrapper, module) {
		this.doctypes = [];
		this.top_item_total = {};
		this.top_item_open = {};
		$(wrapper).empty();
		wn.ui.make_app_page({
			parent: wrapper,
			single_column: true,
			title: wn._(wn.modules[module] && wn.modules[module].label || module)
		});
		wrapper.appframe.add_module_icon(module);
		wrapper.appframe.set_title_left('<i class="icon-angle-left"></i> Home', function() { wn.set_route(""); });
		this.wrapper = wrapper;
		this.module = module;
		this.make_body();
		this.render_static();
		this.render_dynamic();
		this.created_on = new Date();

		var me = this;
		$(document).on("notification-update", function() {
			me.update_open_count();
		});
	},
	make_body: function() {
		var wrapper = this.wrapper;
		// make columns
		$(wrapper).find(".layout-main").html("<div class='module-top'></div>\
		<div class='row'>\
			<div class='col-md-6 main-section'></div>\
			<div class='col-md-6 side-section'></div>\
		</div>")

		$(wrapper).on("click", ".badge-important", function() {
			wn.views.show_open_count_list(this);
		});

		$(wrapper).on("click", ".badge-count", function() {
			var doctype = $(this).attr("data-doctype-count");
			wn.set_route("List", doctype);
		});		
	},
	add_section: function(section) {
		section._title = wn._(section.title);
		if(section.top) {
			var module_top = $(this.wrapper).find(".module-top");
			var list_group = $('<div class="row">')
				.appendTo(module_top);
			$('<hr class="row">')
				.insertAfter(module_top);
		} else {
			var list_group = $('<ul class="list-group">\
				<li class="list-group-item">\
					<h4 class="list-group-item-heading" style="margin-bottom: 0px;">\
						<i class="text-muted '+ section.icon+'"></i> '
						+ wn._(section.title) +'</h4>\
				</li>\
			</ul>"').appendTo(section.right 
				? $(this.wrapper).find(".side-section")
				: $(this.wrapper).find(".main-section"));
		}
		section.list_group = list_group;
	},
	add_item: function(item, section) {
		if(!item.description) item.description = "";
		if(item.count==null) item.count = "";
		if(!item.icon) item.icon = "";
		if(section.top) {
			var $parent = $(repl('<div class="col-sm-4">\
				<div class="alert alert-info alert-badge"></div></div>'))
				.appendTo(section.list_group)
				.find(".alert-badge");
			this.top_item_total[item.doctype] = 0;
		} else {
			var $parent = $('<li class="list-group-item">').appendTo(section.list_group);
		}
				
		$(repl('%(icon)s<span' +
				((item.doctype && item.description) 
					? " data-doctype='"+item.doctype+"'" 
					: "") + ">%(link)s</span>"
				+ ((item.description && !section.top)
					? " <span class='text-muted small'>%(description)s</span>" 
					: "")
			+ ((section.right || !item.doctype) 
				? ''
				: '<span data-doctype-count="%(doctype)s" style="margin-left: 2px;"></span>'), item))
		.appendTo($parent);
		
		if(!section.top) {
			$('<span class="clearfix"></span>').appendTo($parent);
		}
	},
	set_top_item_count: function(doctype, count, open_count) {
		return;
		var me = this;
		if(this.top_item_total[doctype]!=null) {

			if(count!=null)
				this.top_item_total[doctype] = count;
			if(open_count!=null)
				this.top_item_open[doctype] = open_count;
				
			var maxtop = Math.max.apply(this, values(this.top_item_total));

			$.each(this.top_item_total, function(doctype, item_count) {
				$(me.wrapper).find(".module-item-progress[data-doctype='"+ doctype +"']")
					.find(".module-item-progress-total")
					.css("width", cint(flt(item_count)/maxtop*100) + "%")
			})

			$.each(this.top_item_open, function(doctype, item_count) {
				$(me.wrapper).find(".module-item-progress[data-doctype='"+ doctype +"']")
					.find(".module-item-progress-open")
					.css("width", cint(flt(item_count)/me.top_item_total[doctype]*100) + "%")
			})
		}
	},
	render_static: function() {
		// render sections
		var me = this;
		$.each(wn.module_page[this.module], function(i, section) {
			me.add_section(section);
			$.each(section.items, function(i, item) {
				if(item.doctype) {
					me.doctypes.push(item.doctype);
					item.icon = '<i class="icon-fixed-width '+ wn.boot.doctype_icons[item.doctype] + '"></i> ';
				}
				if(item.doctype && !item.route) {
					item.route = "List/" + encodeURIComponent(item.doctype);
				}
				if(item.page && !item.route) {
					item.route = item.page;
				}
				if(item.page) {
					item.icon = '<i class="icon-fixed-width '+ wn.boot.doctype_icons[item.page] + '"></i> ';
				}

				// link
				item.link = repl("<a href='#%(route)s'>%(label)s</a>", item);

				// doctype permissions
				if(item.doctype && !wn.model.can_read(item.doctype)) {
					//item.link = item.label;
					return;
				}

				// page permissions
				if(item.page && !in_list(wn.boot.allowed_pages, item.page)) {
					//item.link = item.label;
					return;
				}

				if((item.country && wn.boot.control_panel.country==item.country) 
					|| !item.country)
					me.add_item(item, section)
			});
			if(section.list_group.find("li").length==1) {
				section.list_group.toggle(false);
			}
		});
	},
	render_dynamic: function() {
		// render reports
		var me = this;
		return wn.call({
			method: "webnotes.widgets.moduleview.get_data",
			args: {
				module: me.module,
				doctypes: me.doctypes
			},
			callback: function(r) {
				if(r.message) {
					// reports
					if(r.message.reports.length) {
						var section = {
							title: wn._("Custom Reports"),
							right: true,
							icon: "icon-list",
						}
						me.add_section(section);
						$.each(r.message.reports, function(i, item) {
							if(wn.model.can_read(item.doctype)) {
								item.icon = '<i class="icon-fixed-width '
									+ wn.boot.doctype_icons[item.doctype] + '"></i> ';
								if(item.is_query_report) {
									item.link = repl("<a href=\"#query-report/%(name)s\">%(name)s</a>",
										item);
								} else {
									item.link = repl("<a href=\"#Report/%(doctype)s/%(name)s\">\
										%(name)s</a>", item);
								}
								me.add_item(item, section);
							}
						})
					}
					// counts
					if(r.message.item_count) {
						$.each(r.message.item_count, function(doctype, count) {
							$(me.wrapper).find("[data-doctype-count='"+doctype+"']")
								.html(count)
								.addClass("badge badge-count pull-right")
								.css({cursor:"pointer"});
							me.set_top_item_count(doctype, count)
						})
					}

					// open-counts
					me.update_open_count();
				}
			}
		});	
	},
	update_open_count: function() {
		var me = this;
		$(me.wrapper).find(".badge-important").remove();
		if(wn.boot.notification_info.open_count_doctype) {
			$.each(wn.boot.notification_info.open_count_doctype, function(doctype, count) {
				if(count && in_list(me.doctypes, doctype)) {
					me.set_top_item_count(doctype, null, count);
					$('<span>')
						.css({
							"cursor": "pointer",
							"margin-right": "0px"
						})
						.addClass("badge badge-important pull-right")
						.html(count)
						.attr("data-doctype", doctype)
						.insertAfter($(me.wrapper)
							.find("[data-doctype-count='"+doctype+"']"));
				}
			})
		}
	}
});