frappe/core/page/todo/todo.js

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

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

wn.core.pages.todo.refresh = function() {
	
	return wn.call({
		method: 'core.page.todo.todo.get',
		callback: function(r,rt) {
			var todo_list = $('#todo-list div.todo-content');
			var assigned_todo_list = $('#assigned-todo-list div.todo-content');
			todo_list.empty();
			assigned_todo_list.empty();
			
			var nothing_to_do = function() {
				$('#todo-list div.todo-content')
					.html('<div class="alert alert-success">Nothing to do :)</div>');
			}
			
			
			if(r.message) {
				for(var i in r.message) {
					new wn.core.pages.todo.ToDoItem(r.message[i]);
				}
				if (!todo_list.html()) { nothing_to_do(); }
			} else {
				nothing_to_do();
			}
		}
	});
}

wn.core.pages.todo.ToDoItem = Class.extend({
	init: function(todo) {
		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.assigned_by) {
			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),
			});
		}
		
		var parent_list = "#todo-list";
		if(todo.owner !== user) {
			var owner = wn.boot.user_info[todo.owner];
			todo.fullname = repl("[To %(fullname)s] ".bold(), {
				fullname: (owner ? owner.fullname : todo.owner),
			});
		}
		parent_list += " div.todo-content";
		
		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();
				
		$(parent_list).append(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>\
			<div class="todo-separator"></div>', todo));
		$todo = $(parent_list + ' div.todoitem:last');
		
		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();
		}
	});
}

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": "#FFFDC9", "min-height": "300px"})
		.find(".layout-main").html('<div id="todo-list">\
		<div class="todo-content"></div>\
	</div>');
		
	wrapper.appframe.add_module_icon("To Do");
	wrapper.appframe.add_button('Refresh', wn.core.pages.todo.refresh, 'icon-refresh');
	wrapper.appframe.add_button('Add', function() {
		wn.core.pages.todo.make_dialog({
			date:get_today(), priority:'Medium', checked:0, description:''});
	}, 'icon-plus');
	wrapper.appframe.add_ripped_paper_effect(wrapper);
	
	// 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();
		}
	};
}