215 lines
		
	
	
		
			6.3 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
			
		
		
	
	
			215 lines
		
	
	
		
			6.3 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
| // ERPNext - web based ERP (http://erpnext.com)
 | |
| // Copyright (C) 2012 Web Notes Technologies Pvt Ltd
 | |
| // 
 | |
| // This program is free software: you can redistribute it and/or modify
 | |
| // it under the terms of the GNU General Public License as published by
 | |
| // the Free Software Foundation, either version 3 of the License, or
 | |
| // (at your option) any later version.
 | |
| // 
 | |
| // This program is distributed in the hope that it will be useful,
 | |
| // but WITHOUT ANY WARRANTY; without even the implied warranty of
 | |
| // MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 | |
| // GNU General Public License for more details.
 | |
| // 
 | |
| // You should have received a copy of the GNU General Public License
 | |
| // along with this program.  If not, see <http://www.gnu.org/licenses/>.
 | |
| 
 | |
| wn.provide('erpnext.messages');
 | |
| 
 | |
| wn.pages.messages.onload = function(wrapper) {
 | |
| 	wn.ui.make_app_page({
 | |
| 		parent: wrapper,
 | |
| 		title: "Messages"
 | |
| 	});
 | |
| 	
 | |
| 	$('<div><div class="avatar avatar-large">\
 | |
| 		<img id="avatar-image" src="lib/images/ui/avatar.png"></div>\
 | |
| 		<h3 style="display: inline-block" id="message-title">Everyone</h3>\
 | |
| 	</div><hr>\
 | |
| 	<div id="post-message">\
 | |
| 	<textarea style="width: 100%; height: 24px;"></textarea>\
 | |
| 	<div><button class="btn">Post</button></div><hr>\
 | |
| 	</div>\
 | |
| 	<div class="all-messages"></div>').appendTo($(wrapper).find('.layout-main-section'));
 | |
| 
 | |
| 	wrapper.appframe.add_home_breadcrumb();
 | |
| 	wrapper.appframe.add_breadcrumb(wn.modules["Messages"].icon);
 | |
| 	
 | |
| 	erpnext.messages = new erpnext.Messages(wrapper);
 | |
| 	erpnext.toolbar.set_new_comments(0);
 | |
| }
 | |
| 
 | |
| $(wn.pages.messages).bind('show', function() {
 | |
| 	// remove alerts
 | |
| 	$('#alert-container .alert').remove();
 | |
| 	
 | |
| 	erpnext.toolbar.set_new_comments(0);	
 | |
| 	erpnext.messages.show();
 | |
| 	setTimeout("erpnext.messages.refresh()", 17000);
 | |
| })
 | |
| 
 | |
| erpnext.Messages = Class.extend({
 | |
| 	init: function(wrapper) {
 | |
| 		this.wrapper = wrapper;
 | |
| 		this.show_active_users();
 | |
| 		this.make_post_message();
 | |
| 		this.make_list();
 | |
| 		//this.update_messages('reset'); //Resets notification icons		
 | |
| 	},
 | |
| 	make_post_message: function() {
 | |
| 		var me = this;
 | |
| 		$('#post-message textarea').keydown(function(e) {
 | |
| 			if(e.which==13) {
 | |
| 				$('#post-message .btn').click();
 | |
| 				return false;
 | |
| 			}
 | |
| 		});
 | |
| 		
 | |
| 		$('#post-message .btn').click(function() {
 | |
| 			var txt = $('#post-message textarea').val();
 | |
| 			if(txt) {
 | |
| 				wn.call({
 | |
| 					module:'utilities',
 | |
| 					page:'messages',
 | |
| 					method:'post',
 | |
| 					args: {
 | |
| 						txt: txt,
 | |
| 						contact: me.contact
 | |
| 					},
 | |
| 					callback:function(r,rt) {
 | |
| 						$('#post-message textarea').val('')
 | |
| 						me.list.run();
 | |
| 					},
 | |
| 					btn: this
 | |
| 				});
 | |
| 			}			
 | |
| 		});
 | |
| 	},
 | |
| 	show: function() {
 | |
| 		var contact = this.get_contact() || this.contact || user;
 | |
| 
 | |
| 		$('#message-title').html(contact==user ? "Everyone" :
 | |
| 			wn.user_info(contact).fullname)
 | |
| 
 | |
| 		$('#avatar-image').attr("src", wn.utils.get_file_link(wn.user_info(contact).image));
 | |
| 
 | |
| 		$("#show-everyone").toggle(contact!=user);
 | |
| 		
 | |
| 		$("#post-message button").text(contact==user ? "Post Publicly" : "Post to user")
 | |
| 		
 | |
| 		this.contact = contact;
 | |
| 		this.list.opts.args.contact = contact;
 | |
| 		this.list.run();
 | |
| 		
 | |
| 	},
 | |
| 	// check for updates every 5 seconds if page is active
 | |
| 	refresh: function() {
 | |
| 		setTimeout("erpnext.messages.refresh()", 17000);
 | |
| 		if(wn.container.page.label != 'Messages') return;
 | |
| 		this.show();
 | |
| 	},
 | |
| 	get_contact: function() {
 | |
| 		var route = location.hash;
 | |
| 		if(route.indexOf('/')!=-1) {
 | |
| 			var name = decodeURIComponent(route.split('/')[1]);
 | |
| 			if(name.indexOf('__at__')!=-1) {
 | |
| 				name = name.replace('__at__', '@');
 | |
| 			}
 | |
| 			return name;
 | |
| 		}
 | |
| 	},
 | |
| 	make_list: function() {
 | |
| 		this.list = new wn.ui.Listing({
 | |
| 			parent: $(this.wrapper).find('.all-messages'),
 | |
| 			method: 'utilities.page.messages.messages.get_list',
 | |
| 			args: {
 | |
| 				contact: null
 | |
| 			},
 | |
| 			hide_refresh: true,
 | |
| 			no_loading: true,
 | |
| 			render_row: function(wrapper, data) {
 | |
| 				$(wrapper).removeClass('list-row');
 | |
| 				
 | |
| 				data.creation = dateutil.comment_when(data.creation);
 | |
| 				data.comment_by_fullname = wn.user_info(data.owner).fullname;
 | |
| 				data.image = wn.utils.get_file_link(wn.user_info(data.owner).image);
 | |
| 				data.mark_html = "";
 | |
| 
 | |
| 				data.reply_html = '';
 | |
| 				if(data.owner==user) {
 | |
| 					data.cls = 'message-self';
 | |
| 					data.comment_by_fullname = 'You';	
 | |
| 				} else {
 | |
| 					data.cls = 'message-other';
 | |
| 				}
 | |
| 
 | |
| 				// delete
 | |
| 				data.delete_html = "";
 | |
| 				if(data.owner==user || data.comment.indexOf("assigned to")!=-1) {
 | |
| 					data.delete_html = repl('<a class="close" \
 | |
| 						onclick="erpnext.messages.delete(this)"\
 | |
| 						data-name="%(name)s">×</a>', data);
 | |
| 				}
 | |
| 				
 | |
| 				if(data.owner==data.comment_docname && data.parenttype!="Assignment") {
 | |
| 					data.mark_html = "<div class='message-mark' title='Public'\
 | |
| 						style='background-color: green'></div>"
 | |
| 				}
 | |
| 
 | |
| 				wrapper.innerHTML = repl('<div class="message %(cls)s">%(mark_html)s\
 | |
| 						<span class="avatar avatar-small"><img src="%(image)s"></span><b>%(comment)s</b>\
 | |
| 						%(delete_html)s\
 | |
| 						<div class="help">by %(comment_by_fullname)s, %(creation)s</div>\
 | |
| 					</div>\
 | |
| 					<div style="clear: both;"></div>', data);
 | |
| 			}
 | |
| 		});
 | |
| 	},
 | |
| 	delete: function(ele) {
 | |
| 		$(ele).parent().css('opacity', 0.6);
 | |
| 		wn.call({
 | |
| 			method:'utilities.page.messages.messages.delete',
 | |
| 			args: {name : $(ele).attr('data-name')},
 | |
| 			callback: function() {
 | |
| 				$(ele).parent().toggle(false);
 | |
| 			}
 | |
| 		});
 | |
| 	},
 | |
| 	show_active_users: function() {
 | |
| 		var me = this;
 | |
| 		wn.call({
 | |
| 			module:'utilities',
 | |
| 			page:'messages',
 | |
| 			method:'get_active_users',
 | |
| 			callback: function(r,rt) {
 | |
| 				var $body = $(me.wrapper).find('.layout-side-section');
 | |
| 				$('<h4>Users</h4><hr>\
 | |
| 					<div id="show-everyone">\
 | |
| 						<a href="#messages/'+user+'" class="btn">\
 | |
| 							Show messages from everyone</a><hr></div>\
 | |
| 				').appendTo($body);
 | |
| 				r.message.sort(function(a, b) { return b.has_session - a.has_session; });
 | |
| 				for(var i in r.message) {
 | |
| 					var p = r.message[i];
 | |
| 					if(p.name != user) {
 | |
| 						p.fullname = wn.user_info(p.name).fullname;
 | |
| 						p.image = wn.utils.get_file_link(wn.user_info(p.name).image);
 | |
| 						p.name = p.name.replace('@', '__at__');
 | |
| 						p.status_color = p.has_session ? "green" : "#ddd";
 | |
| 						p.status = p.has_session ? "Online" : "Offline";
 | |
| 						$(repl('<p>\
 | |
| 							<span class="avatar avatar-small" \
 | |
| 								style="border: 3px solid %(status_color)s" \
 | |
| 								title="%(status)s"><img src="%(image)s"></span>\
 | |
| 							<a href="#!messages/%(name)s">%(fullname)s</a>\
 | |
| 							</p>', p))
 | |
| 							.appendTo($body);						
 | |
| 					}
 | |
| 				}
 | |
| 			}
 | |
| 		});
 | |
| 	}
 | |
| });
 | |
| 
 | |
| 
 |