Context Navigation

source: trunk/expressoMail1_2/js/shortcut.js @ 5635

Revision 5635, 16.7 KB checked in by angelo, 12 years ago (diff)
Ticket #2513 - Inconsistencia ao mover para cima ou para baixo na visualizacao de mensagens
Property svn:eol-style set to `native`

Rev	Line
[128]	1	/**
	2	* http://www.openjs.com/scripts/events/keyboard_shortcuts/
	3	* Version : 2.01.A
	4	* By Binny V A
	5	* License : BSD
	6	*/
	7	shortcut = {
	8	'all_shortcuts':{},//All the shortcuts are stored in this array
	9	'add': function(shortcut_combination,callback,opt) {
	10	//Provide a set of default options
	11	var default_options = {
	12	'type':'keydown',
	13	'propagate':false,
	14	'disable_in_input':false,
	15	'target':document,
	16	'keycode':false
	17	}
	18	if(!opt) opt = default_options;
	19	else {
	20	for(var dfo in default_options) {
	21	if(typeof opt[dfo] == 'undefined') opt[dfo] = default_options[dfo];
	22	}
	23	}
[1390]	24
[5134]	25	var ele = opt.target;
[128]	26	if(typeof opt.target == 'string') ele = document.getElementById(opt.target);
	27	var ths = this;
	28	shortcut_combination = shortcut_combination.toLowerCase();
	29
	30	//The function to be called at keypress
	31	var func = function(e) {
	32	e = e \|\| window.event;
	33
	34	if(opt['disable_in_input']) { //Don't enable shortcut keys in Input, Textarea fields
	35	var element;
	36	if(e.target) element=e.target;
	37	else if(e.srcElement) element=e.srcElement;
	38	if(element.nodeType==3) element=element.parentNode;
	39
	40	if(element.tagName == 'INPUT' \|\| element.tagName == 'TEXTAREA') return;
	41	}
	42
	43	//Find Which key is pressed
	44	if (e.keyCode) code = e.keyCode;
	45	else if (e.which) code = e.which;
	46	var character = String.fromCharCode(code).toLowerCase();
	47
	48	if(code == 188) character=","; //If the user presses , when the type is onkeydown
	49	if(code == 190) character="."; //If the user presses , when the type is onkeydown
	50
	51	var keys = shortcut_combination.split("+");
	52	//Key Pressed - counts the number of valid keypresses - if it is same as the number of keys, the shortcut function is invoked
	53	var kp = 0;
	54
	55	//Work around for stupid Shift key bug created by using lowercase - as a result the shift+num combination was broken
	56	var shift_nums = {
	57	"`":"~",
	58	"1":"!",
	59	"2":"@",
	60	"3":"#",
	61	"4":"$",
	62	"5":"%",
	63	"6":"^",
	64	"7":"&",
	65	"8":"*",
	66	"9":"(",
	67	"0":")",
	68	"-":"_",
	69	"=":"+",
	70	";":":",
	71	"'":"\"",
	72	",":"<",
	73	".":">",
	74	"/":"?",
	75	"\\":"\|"
	76	}
	77	//Special Keys - and their codes
	78	var special_keys = {
	79	'esc':27,
	80	'escape':27,
	81	'tab':9,
	82	'space':32,
	83	'return':13,
	84	'enter':13,
	85	'backspace':8,
	86
	87	'scrolllock':145,
	88	'scroll_lock':145,
	89	'scroll':145,
	90	'capslock':20,
	91	'caps_lock':20,
	92	'caps':20,
	93	'numlock':144,
	94	'num_lock':144,
	95	'num':144,
	96
	97	'pause':19,
	98	'break':19,
	99
	100	'insert':45,
	101	'home':36,
	102	'delete':46,
	103	'end':35,
	104
	105	'pageup':33,
	106	'page_up':33,
	107	'pu':33,
	108
	109	'pagedown':34,
	110	'page_down':34,
	111	'pd':34,
	112
	113	'left':37,
	114	'up':38,
	115	'right':39,
	116	'down':40,
	117
	118	'f1':112,
	119	'f2':113,
	120	'f3':114,
	121	'f4':115,
	122	'f5':116,
	123	'f6':117,
	124	'f7':118,
	125	'f8':119,
	126	'f9':120,
	127	'f10':121,
	128	'f11':122,
	129	'f12':123
	130	}
	131
	132	var modifiers = {
[4761]	133	shift: {wanted:false, pressed:false},
	134	ctrl : {wanted:false, pressed:false},
	135	alt : {wanted:false, pressed:false},
	136	meta : {wanted:false, pressed:false} //Meta is Mac specific
[128]	137	};
	138
	139	if(e.ctrlKey) modifiers.ctrl.pressed = true;
	140	if(e.shiftKey) modifiers.shift.pressed = true;
	141	if(e.altKey) modifiers.alt.pressed = true;
	142	if(e.metaKey) modifiers.meta.pressed = true;
	143
	144	for(var i=0; k=keys[i],i<keys.length; i++) {
	145	//Modifiers
	146	if(k == 'ctrl' \|\| k == 'control') {
	147	kp++;
	148	modifiers.ctrl.wanted = true;
	149
	150	} else if(k == 'shift') {
	151	kp++;
	152	modifiers.shift.wanted = true;
	153
	154	} else if(k == 'alt') {
	155	kp++;
	156	modifiers.alt.wanted = true;
	157	} else if(k == 'meta') {
	158	kp++;
	159	modifiers.meta.wanted = true;
	160	} else if(k.length > 1) { //If it is a special key
	161	if(special_keys[k] == code) kp++;
	162
	163	} else if(opt['keycode']) {
	164	if(opt['keycode'] == code) kp++;
	165
	166	} else { //The special keys did not match
	167	if(character == k) kp++;
	168	else {
	169	if(shift_nums[character] && e.shiftKey) { //Stupid Shift key bug created by using lowercase
	170	character = shift_nums[character];
	171	if(character == k) kp++;
	172	}
	173	}
	174	}
	175	}
	176
	177	if(kp == keys.length &&
	178	modifiers.ctrl.pressed == modifiers.ctrl.wanted &&
	179	modifiers.shift.pressed == modifiers.shift.wanted &&
	180	modifiers.alt.pressed == modifiers.alt.wanted &&
	181	modifiers.meta.pressed == modifiers.meta.wanted) {
	182	callback(e);
	183
	184	if(!opt['propagate']) { //Stop the event
	185	//e.cancelBubble is supported by IE - this will kill the bubbling process.
[5338]	186	if ( Element('border_id_0') && Element('border_id_0').className != 'menu-sel' ){
	187	return false;
	188	}
[128]	189	e.cancelBubble = true;
	190	e.returnValue = false;
	191
[5338]	192
[128]	193	//e.stopPropagation works in Firefox.
	194	if (e.stopPropagation) {
[5338]	195	if ( Element('border_id_0') && Element('border_id_0').className != 'menu-sel' ){
	196	return false;
	197	}
	198
[128]	199	e.stopPropagation();
	200	e.preventDefault();
	201	}
	202	return false;
	203	}
[5338]	204
[128]	205	}
	206	}
	207	this.all_shortcuts[shortcut_combination] = {
	208	'callback':func,
	209	'target':ele,
	210	'event': opt['type']
	211	};
	212	//Attach the function with the event
	213	if(ele.addEventListener) ele.addEventListener(opt['type'], func, false);
	214	else if(ele.attachEvent) ele.attachEvent('on'+opt['type'], func);
	215	else ele['on'+opt['type']] = func;
	216	},
	217
	218	//Remove the shortcut - just specify the shortcut and I will remove the binding
	219	'remove':function(shortcut_combination) {
	220	shortcut_combination = shortcut_combination.toLowerCase();
	221	var binding = this.all_shortcuts[shortcut_combination];
	222	delete(this.all_shortcuts[shortcut_combination])
	223	if(!binding) return;
	224	var type = binding['event'];
	225	var ele = binding['target'];
	226	var callback = binding['callback'];
	227
	228	if(ele.detachEvent) ele.detachEvent('on'+type, callback);
	229	else if(ele.removeEventListener) ele.removeEventListener(type, callback, false);
	230	else ele['on'+type] = false;
	231	}
	232	}
	233
	234	/* ExpressMail Functions */
[5338]	235
[139]	236	var shift_up_count = 0;
	237	var shift_down_count = 0;
[1390]	238	var selMessageShortcut = "";
	239
[3194]	240	shortcut.add("N",function()
	241	{
	242	// avoids problem related at ticket #1011
	243	var search_in_focus = false;
	244	var search_win = document.getElementById( 'QuickCatalogSearch_window_QuickCatalogSearch' );
	245	if ( search_win && search_win.style.visibility != 'hidden' )
	246	search_in_focus = true;
[139]	247
[3194]	248	if ( ! search_in_focus )
	249	new_message("new","null");
	250	},{'disable_in_input':true});
	251
[139]	252	shortcut.add("Esc",function(){
	253	var window_closed = false;
[4787]	254	var search_win = document.getElementById( 'window_QuickCatalogSearch' );
	255
	256	for(var window in arrayJSWin)
	257	{
	258	if (arrayJSWin[window].visible)
	259	{
	260	window_closed = true;
	261	if(search_win.style.visibility == 'hidden'){
[4761]	262	arrayJSWin[window].close();
[4787]	263	}
	264	}
	265	}
	266	if((search_win) && (search_win.style.visibility == 'visible')){
	267	search_win.style.visibility = 'hidden';
	268	win.close();
	269	}
	270
[139]	271	if (!window_closed)
	272	delete_border(get_msg_id(), 'false');
	273	},{'disable_in_input':false});
	274
[4761]	275	shortcut.add("I",function(){print_all();},{'disable_in_input':true});
	276	shortcut.add("E",function(){exec_msg_action('forward');},{'disable_in_input':true});
	277	shortcut.add("R",function(){exec_msg_action('reply');},{'disable_in_input':true});
[5134]	278	shortcut.add("T",function(){ var msg_id = get_msg_id(); if(msg_id) new_message("reply_to_all_with_history",msg_id);},{'disable_in_input':true});
[4761]	279	shortcut.add("O",function(){show_head_option();},{'disable_in_input':true});
	280	shortcut.add("M",function(){show_address_full();},{'disable_in_input':true});
[1390]	281
[128]	282	shortcut.add("Delete",function(){
[1390]	283
	284	var selected_shortcut_msgs = '';
	285	var tbody_box = Element('tbody_box');
	286	all_messages = Element('tbody_box').childNodes;
	287
	288	for ( var i=0; i < all_messages.length; i++ )
[128]	289	{
[1390]	290	if ( exist_className(all_messages[i], 'selected_shortcut_msg') )
[163]	291	{
[1390]	292	selected_shortcut_msgs += all_messages[i].id + ',';
	293
	294	if( all_messages[i].nextSibling )
	295	selMessageShortcut = all_messages[i].nextSibling.id + "-" + "down";
	296	else if(all_messages[i].previousSibling)
	297	selMessageShortcut = all_messages[i].previousSibling.id + "-" + "up";
[163]	298	}
[1390]	299	}
[3683]	300
[1390]	301	selected_shortcut_msgs = selected_shortcut_msgs.substring(0,(selected_shortcut_msgs.length-1));
	302
[3683]	303	if ( Element('border_id_0').className === 'menu-sel' )
[1390]	304	{
[689]	305	proxy_mensagens.delete_msgs(current_folder, selected_shortcut_msgs, 'null');
[128]	306	}
	307	else
[1390]	308	{
[128]	309	exec_msg_action('delete');
[1390]	310	select_msg(selMessageShortcut.substring(0, selMessageShortcut.indexOf("-")),
	311	selMessageShortcut.substring(selMessageShortcut.indexOf("-")), true );
[3683]	312
	313	proxy_mensagens.delete_msgs(current_folder, selected_shortcut_msgs, 'null');
[1390]	314	}
[128]	315	}
	316	,{'disable_in_input':true});
	317
[5635]	318	shortcut.add("Ctrl+Up",function(){exec_msg_action('previous');/select_msg('null', 'up');/},{'disable_in_input':true});
	319	shortcut.add("Ctrl+Down",function(){exec_msg_action('next');/select_msg('null', 'down');/},{'disable_in_input':true});
[536]	320
	321	if (is_ie)
	322	{
[4761]	323	//**********************
	324	shortcut.add('up', function()
	325	{
	326	var search_in_focus = false;
	327	var search_win = document.getElementById( 'window_QuickCatalogSearch' );
	328	if ( search_win && search_win.style.visibility == 'visible' )
	329	search_in_focus = true;
	330
[5631]	331	if ( !search_in_focus && currentTab == 0 )
[4761]	332	select_msg('null', 'up');
	333	else
	334	shortcut.remove('up');
[5250]	335	e.stopPropagation();
	336	e.preventDefault();
[4761]	337	},{'disable_in_input':false});
	338
	339
	340	shortcut.add('down', function()
	341	{
	342	var search_in_focus = false;
	343	var search_win = document.getElementById( 'window_QuickCatalogSearch' );
	344	if ( search_win && search_win.style.visibility == 'visible' )
	345	search_in_focus = true;
	346
[5631]	347	if ( !search_in_focus && currentTab == 0 )
[4761]	348	select_msg('null', 'down');
	349	else
	350	shortcut.remove('down');
[5250]	351	e.stopPropagation();
	352	e.preventDefault();
[4761]	353	},{'disable_in_input':false});
	354
	355	//****************
	356
[139]	357	shortcut.add("Shift+down",function(){
[536]	358	if ( Element('border_id_0').className==='menu-sel' )
	359	{
	360	if (shift_up_count > 0)
	361	unselect_top_msg();
	362	else
	363	select_bottom_msg();
	364	}
	365	},{'disable_in_input':true, 'propagate':false});
	366
[139]	367	shortcut.add("Shift+up",function(){
[536]	368	if ( Element('border_id_0').className==='menu-sel' )
	369	{
	370	if (shift_down_count > 0)
	371	unselect_bottom_msg();
	372	else
	373	select_top_msg();
	374	}
	375	},{'disable_in_input':true, 'propagate':false});
[139]	376	}
[536]	377	else
	378	{
[5338]	379	shortcut.add("Up",function(){
[5631]	380	if (currentTab == 0)
[5338]	381	select_msg('null', 'up');
	382	},{'disable_in_input':false});
[536]	383
[5338]	384	shortcut.add("Down",function(){
[5631]	385	if (currentTab == 0)
[5338]	386	select_msg('null', 'down');
	387
	388	},{'disable_in_input':false});
	389
[536]	390	shortcut.add("Shift+down",function(){
	391	if ( Element('border_id_0').className==='menu-sel' )
	392	{
	393	if (shift_up_count > 0)
	394	unselect_top_msg();
	395	else
	396	select_bottom_msg();
	397	}
	398	},{'type':'keypress','disable_in_input':true, 'propagate':false});
	399
	400	shortcut.add("Shift+up",function(){
	401	if ( Element('border_id_0').className==='menu-sel' )
	402	{
	403	if (shift_down_count > 0)
	404	unselect_bottom_msg();
	405	else
	406	select_top_msg();
	407	}
	408	},{'type':'keypress', 'disable_in_input':true, 'propagate':false});
[139]	409	}
[128]	410
	411	shortcut.add("return",function(){
	412	if ( Element('border_id_0').className==='menu-sel' )
	413	{
	414	all_messages = Element('tbody_box').childNodes;
	415	for (var i=0; i < all_messages.length; i++)
	416	{
[163]	417	if ( exist_className(all_messages[i], 'selected_shortcut_msg') )
[128]	418	{
[4771]	419	Element("td_from_" + all_messages[i].id).onclick();
[128]	420	return;
	421	}
	422	}
	423	}
[4761]	424	},{'disable_in_input':true});
[128]	425
[139]	426	shortcut.add("f9",function(){
	427	Element("em_refresh_button").onclick();
	428	return;
	429	},{'disable_in_input':true});
[128]	430
	431	function exec_msg_action(action)
	432	{
	433	var msg_id = get_msg_id();
	434	if (msg_id)
	435	{
	436	var msg_id = 'msg_opt_' + action + '_' + msg_id;
	437	try {Element(msg_id).onclick();}
	438	catch(e){/alert(e);/}
	439	}
	440	return;
	441	}
	442
[3168]	443	function show_head_option()
	444	{
	445	var msg_id = get_msg_id();
	446	if (msg_id) {
	447	var msg_id = 'option_hide_more_' + msg_id;
	448	try {Element(msg_id).onclick();}
	449	catch(e){/alert(e);/}
	450	}
	451	return;
	452	}
	453
	454	function show_address_full()
	455	{
	456	var toaddress = Element('div_toaddress_' + get_msg_id());
	457	var ccaddress = Element('div_ccaddress_' + get_msg_id());
	458
	459	if(toaddress && '' == toaddress.style.display) {
	460	show_div_address_full(get_msg_id(),'to');
	461	}
	462	else {
	463	if(toaddress)
	464	toaddress.style.display = '';
	465	var toaddress_full = Element('div_toaddress_full_' + get_msg_id());
	466	if(toaddress_full)
	467	toaddress_full.style.display = 'none';
	468	}
	469	if(ccaddress && '' == ccaddress.style.display) {
	470	show_div_address_full(get_msg_id(),'cc');
	471	}
	472	else {
	473	if(ccaddress)
	474	ccaddress.style.display = '';
	475	var ccaddress_full = Element('div_ccaddress_full_' + get_msg_id());
	476	if(ccaddress_full)
	477	ccaddress_full.style.display = 'none';
	478	}
	479	return;
	480	}
	481
[128]	482	function get_msg_id()
	483	{
	484	children = Element('border_tr').childNodes;
	485
	486	for (var i=0; i<children.length; i++)
	487	{
	488	if ( (children[i].nodeName==='TD') && (children[i].className==='menu-sel') && children[i].id != 'border_id_0')
	489	{
	490	var border_selected = children[i];
	491	var msg_id = border_selected.id.replace("border_id_","");
	492	return msg_id;
	493	}
	494	}
	495	return false;
	496	}
	497
[163]	498	function select_msg(msg_number, keyboard_action, force_msg_selection)
[128]	499	{
[163]	500	//Select msg, even if the focus isn't the border_id_0
[5524]	501	//if ( (Element('border_id_0').className != 'menu-sel') && (!force_msg_selection) )
	502	//return;
[350]	503
[139]	504	shift_up_count = 0;
	505	shift_down_count = 0;
	506
[128]	507	if (msg_number != 'null')
	508	{
[5250]	509	if(Element(msg_number)){
	510	unselect_all_msgs();
	511	add_className(Element(msg_number), 'selected_shortcut_msg');
	512	}
[128]	513	}
	514	else
	515	{
[1403]	516	var scrollMain = Element('divScrollMain_0');
	517	var selection_size = parseInt(preferences.line_height) + 10;
	518
[1390]	519	if( keyboard_action == 'down')
[128]	520	{
[139]	521	for (var i=all_messages.length-1; i >=0; i--)
[128]	522	{
[163]	523	if ( exist_className(all_messages[i], 'selected_shortcut_msg') )
[128]	524	{
[163]	525	add_className(all_messages[i+1], 'selected_shortcut_msg')
[350]	526	var mailPos = i;
[139]	527	break;
[128]	528	}
[139]	529	}
[1390]	530
[139]	531	for (; i>=0; i--)
	532	{
[1390]	533	if( all_messages[i].nextSibling )
	534	remove_className(all_messages[i], 'selected_shortcut_msg');
[139]	535	}
[1403]	536	if ((mailPos) && (parseInt(scrollMain.style.height.substr(0,scrollMain.style.height.length-2)) + scrollMain.scrollTop) < (all_messages[mailPos].offsetTop + selection_size))
	537	scrollMain.scrollTop += selection_size;
	538
[139]	539	}
[1390]	540	else if( keyboard_action == 'up')
[139]	541	{
	542	for (var i=0; i < all_messages.length; i++)
	543	{
[163]	544	if ( exist_className(all_messages[i], 'selected_shortcut_msg') )
[128]	545	{
[1390]	546	if( all_messages[i].previousSibling )
	547	{
	548	add_className(all_messages[i-1], 'selected_shortcut_msg')
	549	var mailPos = i;
	550	break;
	551	}
[139]	552	}
[128]	553	}
[1390]	554
[139]	555	for (; i< all_messages.length; i++)
	556	{
[163]	557	remove_className(all_messages[i], 'selected_shortcut_msg')
[139]	558	}
[1403]	559	if (typeof(all_messages[mailPos]) != 'undefined' && all_messages[mailPos].offsetTop <= scrollMain.scrollTop)
	560	scrollMain.scrollTop -= selection_size+10;
[350]	561	}
[1390]	562
	563	return true;
[128]	564	}
[1390]	565	}
[139]	566
	567	function select_bottom_msg()
	568	{
	569	all_messages = Element('tbody_box').childNodes;
	570
[163]	571	if ( exist_className(all_messages[all_messages.length-1], 'selected_shortcut_msg') )
[139]	572	return;
	573
	574	for (var i=all_messages.length-1; i >=0; i--)
	575	{
[163]	576	if ( (exist_className(all_messages[i], 'selected_shortcut_msg')) && (i+1 <= all_messages.length-1) )
[139]	577	{
	578	shift_down_count++;
[163]	579	add_className(all_messages[i+1], 'selected_shortcut_msg');
[139]	580	break;
	581	}
	582	}
	583	}
	584
	585	function select_top_msg()
	586	{
	587	all_messages = Element('tbody_box').childNodes;
[350]	588
[163]	589	if ( exist_className(all_messages[0], 'selected_shortcut_msg') )
[139]	590	return;
	591
	592	for (var i=0; i <=all_messages.length-1; i++)
	593	{
[163]	594	if ( exist_className(all_messages[i], 'selected_shortcut_msg') )
[139]	595	{
	596	shift_up_count++;
[163]	597	add_className(all_messages[i-1], 'selected_shortcut_msg');
[139]	598	break;
	599	}
	600	}
	601	}
	602
	603	function unselect_bottom_msg()
	604	{
	605	all_messages = Element('tbody_box').childNodes;
	606	for (var i=all_messages.length-1; i >=0; i--)
	607	{
[163]	608	if ( exist_className(all_messages[i], 'selected_shortcut_msg') )
[139]	609	{
	610	shift_down_count--;
[163]	611	remove_className(all_messages[i], 'selected_shortcut_msg');
[139]	612	break;
	613	}
	614	}
	615	}
	616
	617	function unselect_top_msg()
	618	{
	619	all_messages = Element('tbody_box').childNodes;
	620	for (var i=0; i <=all_messages.length-1; i++)
	621	{
[163]	622	if ( exist_className(all_messages[i], 'selected_shortcut_msg') )
[139]	623	{
	624	shift_up_count--;
[163]	625	remove_className(all_messages[i], 'selected_shortcut_msg');
[139]	626	break;
	627	}
	628	}
[163]	629	}
	630
	631	function unselect_all_msgs()
	632	{
	633	all_messages = Element('tbody_box').childNodes;
	634	for (var i=0; i <=all_messages.length-1; i++)
	635	{
	636	remove_className(all_messages[i], 'selected_shortcut_msg');
	637	}
[631]	638	}
[5338]	639
	640
	641
	642
	643

Note: See TracBrowser for help on using the repository browser.

Download in other formats: