seitime-frappe/webnotes/core/page/todo/todo.js

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

wn.provide('wn.core.pages.todo');

wn.pages.todo.onload = function(wrapper) {
	// create app frame
	wn.ui.make_app_page({
		parent: wrapper,
		single_column: true,
		title: "To Do"
	});

	$(wrapper)
		.css({"background-color": "#FFFDD9", 
			"position": "absolute", "top":"36px", 
			"left":"0px", "width":"100%", "min-height": "100%", "overflow":"auto"})
		.find(".layout-main").html('<div id="todo-list">\
		<h4><i class="icon-hand-right"></i> My Items</h4>\
		<div class="todo-content" data-todo-list=1>\
		</div>\
		<br>\
		<h4><i class="icon-hand-right"></i> Assigned To Me</h4>\
		<div class="todo-content-to-me" data-todo-list=1>\
		</div>\
		<br>\
		<h4><i class="icon-hand-right"></i> Assigned By Me</h4>\
		<div class="todo-content-by-me" data-todo-list=1>\
		</div>\
	</div>').css({"padding-top":"0px", "margin-top": "-15px"});
		
	wrapper.appframe.add_module_icon("To Do");
	wrapper.appframe.set_title_left('Refresh', wn.core.pages.todo.refresh, 'icon-refresh');
	wrapper.appframe.set_title_right('Add', function() {
		wn.core.pages.todo.make_dialog({
			date:get_today(), priority:'Medium', checked:0, description:''});
	}, 'icon-plus');
	
	// show report button for System Manager
	if(wn.boot.profile.roles.indexOf("System Manager") !== -1) {
		wrapper.appframe.add_button("Report", function() { wn.set_route("query-report", "todo"); },
			"icon-table");
	}

	// load todos
	wn.core.pages.todo.refresh();
	
	// save on click
	wrapper.save_action = function() {
		if(wn.core.pages.todo.dialog && wn.core.pages.todo.dialog.display) {
			wn.core.pages.todo.dialog.fields_dict.save.input.click();
		}
	};
}

wn.core.pages.todo.refresh = function() {
	
	return wn.call({
		method: 'core.page.todo.todo.get',
		callback: function(r,rt) {
			$("#todo-list [data-todo-list=1]").empty();
						
			if(r.message) {
				for(var i in r.message) {
					new wn.core.pages.todo.ToDoItem(r.message[i]);
				}
			}

			$("#todo-list [data-todo-list=1]").each(function() {
				if(!$(this).children().length) {
					$(this).html("<span class='text-muted'>This list is empty!</span>");
				}
			})

		}
	});
}

wn.core.pages.todo.ToDoItem = Class.extend({
	init: function(todo) {
		var $parent = $(".todo-content");

		label_map = {
			'High': 'label-danger',
			'Medium': 'label-info',
			'Low':''
		}
		todo.labelclass = label_map[todo.priority];
		todo.userdate = dateutil.str_to_user(todo.date) || '';
		
		todo.fullname = '';

		if(todo.owner !== user) {
			$parent = $(".todo-content-by-me");
			var owner = wn.boot.user_info[todo.owner];
			todo.fullname = repl("[To %(fullname)s] ".bold(), {
				fullname: (owner ? owner.fullname : todo.owner),
			});
		}

		if(todo.assigned_by && !todo.fullname) {
			$parent = $(".todo-content-to-me");
			var assigned_by = wn.boot.user_info[todo.assigned_by]
			todo.fullname = repl("[By %(fullname)s] ".bold(), {
				fullname: (assigned_by ? assigned_by.fullname : todo.assigned_by),
			});
		}
				
		if(todo.reference_name && todo.reference_type) {
			todo.link = repl('<a href="#!Form/%(reference_type)s/%(reference_name)s">\
						%(reference_type)s: %(reference_name)s</a>', todo);
		} else if(todo.reference_type) {
			todo.link = repl('<br><a href="#!List/%(reference_type)s">\
						%(reference_type)s</a>', todo);
		} else {
			todo.link = '';
		}
		if(!todo.description) todo.description = '';
		todo.description_display = todo.description.replace(/\n\n/g, "<br>").trim();
		
		$todo = $(repl('<div class="todoitem">\
				<div class="label %(labelclass)s">%(priority)s</div>\
				<div class="popup-on-click"><a href="#">[edit]</a></div>\
				<div class="todo-date-fullname">\
					<div class="todo-date">%(userdate)s</div>\
					%(fullname)s:\
				</div>\
				<div class="description">%(description_display)s\
					<span class="ref_link">%(link)s</span>\
				</div>\
				<div class="close-span"><a href="#" class="close">&times;</a></div>\
			</div>', todo)).appendTo($parent);
		$('<div class="todo-separator"></div>').appendTo($parent);
		
		if(todo.checked) {
			$todo.find('.description').css('text-decoration', 'line-through');
		}
		
		if(!todo.reference_type)
			$todo.find('.ref_link').toggle(false);
		
		$todo.find('.popup-on-click')
			.data('todo', todo)
			.click(function() {
				wn.core.pages.todo.make_dialog($(this).data('todo'));
				return false;
			});
			
		$todo.find('.close')
			.data('name', todo.name)
			.click(function() {
				$(this).parent().css('opacity', 0.5);
				wn.call({
					method:'core.page.todo.todo.delete',
					args: {name: $(this).data('name')},
					callback: function() {
						wn.core.pages.todo.refresh();
					}
				});
				return false;
			})
	}
});

wn.core.pages.todo.make_dialog = function(det) {
	if(!wn.core.pages.todo.dialog) {
		var dialog = new wn.ui.Dialog({
			width: 480,
			title: 'To Do', 
			fields: [
				{fieldtype:'Text', fieldname:'description', label:'Description', 
					reqd:1},
				{fieldtype:'Date', fieldname:'date', label:'Event Date', reqd:1},
				{fieldtype:'Check', fieldname:'checked', label:'Completed'},
				{fieldtype:'Select', fieldname:'priority', label:'Priority', reqd:1, 'options':['Medium','High','Low'].join('\n')},
				{fieldtype:'Button', fieldname:'save', label:'Save (Ctrl+S)'}
			]
		});
		
		dialog.fields_dict.save.input.onclick = function() {
			wn.core.pages.todo.save(this);	
		}
		wn.core.pages.todo.dialog = dialog;
	}

	if(det) {
		wn.core.pages.todo.dialog.set_values({
			date: det.date,
			priority: det.priority,
			description: det.description,
			checked: det.checked
		});
		wn.core.pages.todo.dialog.det = det;		
	}
	wn.core.pages.todo.dialog.show();
	
}

wn.core.pages.todo.save = function(btn) {
	var d = wn.core.pages.todo.dialog;
	var det = d.get_values();
	
	if(!det) {
	 	return;
	}
	
	det.name = d.det.name || '';
	return wn.call({
		method:'core.page.todo.todo.edit',
		args: det,
		btn: btn,
		callback: function() {
			wn.core.pages.todo.dialog.hide();
			wn.core.pages.todo.refresh();
		}
	});
}