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`

Line
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	}
24
25	var ele = opt.target;
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 = {
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
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.
186	if ( Element('border_id_0') && Element('border_id_0').className != 'menu-sel' ){
187	return false;
188	}
189	e.cancelBubble = true;
190	e.returnValue = false;
191
192
193	//e.stopPropagation works in Firefox.
194	if (e.stopPropagation) {
195	if ( Element('border_id_0') && Element('border_id_0').className != 'menu-sel' ){
196	return false;
197	}
198
199	e.stopPropagation();
200	e.preventDefault();
201	}
202	return false;
203	}
204
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 */
235
236	var shift_up_count = 0;
237	var shift_down_count = 0;
238	var selMessageShortcut = "";
239
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;
247
248	if ( ! search_in_focus )
249	new_message("new","null");
250	},{'disable_in_input':true});
251
252	shortcut.add("Esc",function(){
253	var window_closed = false;
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'){
262	arrayJSWin[window].close();
263	}
264	}
265	}
266	if((search_win) && (search_win.style.visibility == 'visible')){
267	search_win.style.visibility = 'hidden';
268	win.close();
269	}
270
271	if (!window_closed)
272	delete_border(get_msg_id(), 'false');
273	},{'disable_in_input':false});
274
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});
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});
279	shortcut.add("O",function(){show_head_option();},{'disable_in_input':true});
280	shortcut.add("M",function(){show_address_full();},{'disable_in_input':true});
281
282	shortcut.add("Delete",function(){
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++ )
289	{
290	if ( exist_className(all_messages[i], 'selected_shortcut_msg') )
291	{
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";
298	}
299	}
300
301	selected_shortcut_msgs = selected_shortcut_msgs.substring(0,(selected_shortcut_msgs.length-1));
302
303	if ( Element('border_id_0').className === 'menu-sel' )
304	{
305	proxy_mensagens.delete_msgs(current_folder, selected_shortcut_msgs, 'null');
306	}
307	else
308	{
309	exec_msg_action('delete');
310	select_msg(selMessageShortcut.substring(0, selMessageShortcut.indexOf("-")),
311	selMessageShortcut.substring(selMessageShortcut.indexOf("-")), true );
312
313	proxy_mensagens.delete_msgs(current_folder, selected_shortcut_msgs, 'null');
314	}
315	}
316	,{'disable_in_input':true});
317
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});
320
321	if (is_ie)
322	{
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
331	if ( !search_in_focus && currentTab == 0 )
332	select_msg('null', 'up');
333	else
334	shortcut.remove('up');
335	e.stopPropagation();
336	e.preventDefault();
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
347	if ( !search_in_focus && currentTab == 0 )
348	select_msg('null', 'down');
349	else
350	shortcut.remove('down');
351	e.stopPropagation();
352	e.preventDefault();
353	},{'disable_in_input':false});
354
355	//****************
356
357	shortcut.add("Shift+down",function(){
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
367	shortcut.add("Shift+up",function(){
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});
376	}
377	else
378	{
379	shortcut.add("Up",function(){
380	if (currentTab == 0)
381	select_msg('null', 'up');
382	},{'disable_in_input':false});
383
384	shortcut.add("Down",function(){
385	if (currentTab == 0)
386	select_msg('null', 'down');
387
388	},{'disable_in_input':false});
389
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});
409	}
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	{
417	if ( exist_className(all_messages[i], 'selected_shortcut_msg') )
418	{
419	Element("td_from_" + all_messages[i].id).onclick();
420	return;
421	}
422	}
423	}
424	},{'disable_in_input':true});
425
426	shortcut.add("f9",function(){
427	Element("em_refresh_button").onclick();
428	return;
429	},{'disable_in_input':true});
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
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
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
498	function select_msg(msg_number, keyboard_action, force_msg_selection)
499	{
500	//Select msg, even if the focus isn't the border_id_0
501	//if ( (Element('border_id_0').className != 'menu-sel') && (!force_msg_selection) )
502	//return;
503
504	shift_up_count = 0;
505	shift_down_count = 0;
506
507	if (msg_number != 'null')
508	{
509	if(Element(msg_number)){
510	unselect_all_msgs();
511	add_className(Element(msg_number), 'selected_shortcut_msg');
512	}
513	}
514	else
515	{
516	var scrollMain = Element('divScrollMain_0');
517	var selection_size = parseInt(preferences.line_height) + 10;
518
519	if( keyboard_action == 'down')
520	{
521	for (var i=all_messages.length-1; i >=0; i--)
522	{
523	if ( exist_className(all_messages[i], 'selected_shortcut_msg') )
524	{
525	add_className(all_messages[i+1], 'selected_shortcut_msg')
526	var mailPos = i;
527	break;
528	}
529	}
530
531	for (; i>=0; i--)
532	{
533	if( all_messages[i].nextSibling )
534	remove_className(all_messages[i], 'selected_shortcut_msg');
535	}
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
539	}
540	else if( keyboard_action == 'up')
541	{
542	for (var i=0; i < all_messages.length; i++)
543	{
544	if ( exist_className(all_messages[i], 'selected_shortcut_msg') )
545	{
546	if( all_messages[i].previousSibling )
547	{
548	add_className(all_messages[i-1], 'selected_shortcut_msg')
549	var mailPos = i;
550	break;
551	}
552	}
553	}
554
555	for (; i< all_messages.length; i++)
556	{
557	remove_className(all_messages[i], 'selected_shortcut_msg')
558	}
559	if (typeof(all_messages[mailPos]) != 'undefined' && all_messages[mailPos].offsetTop <= scrollMain.scrollTop)
560	scrollMain.scrollTop -= selection_size+10;
561	}
562
563	return true;
564	}
565	}
566
567	function select_bottom_msg()
568	{
569	all_messages = Element('tbody_box').childNodes;
570
571	if ( exist_className(all_messages[all_messages.length-1], 'selected_shortcut_msg') )
572	return;
573
574	for (var i=all_messages.length-1; i >=0; i--)
575	{
576	if ( (exist_className(all_messages[i], 'selected_shortcut_msg')) && (i+1 <= all_messages.length-1) )
577	{
578	shift_down_count++;
579	add_className(all_messages[i+1], 'selected_shortcut_msg');
580	break;
581	}
582	}
583	}
584
585	function select_top_msg()
586	{
587	all_messages = Element('tbody_box').childNodes;
588
589	if ( exist_className(all_messages[0], 'selected_shortcut_msg') )
590	return;
591
592	for (var i=0; i <=all_messages.length-1; i++)
593	{
594	if ( exist_className(all_messages[i], 'selected_shortcut_msg') )
595	{
596	shift_up_count++;
597	add_className(all_messages[i-1], 'selected_shortcut_msg');
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	{
608	if ( exist_className(all_messages[i], 'selected_shortcut_msg') )
609	{
610	shift_down_count--;
611	remove_className(all_messages[i], 'selected_shortcut_msg');
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	{
622	if ( exist_className(all_messages[i], 'selected_shortcut_msg') )
623	{
624	shift_up_count--;
625	remove_className(all_messages[i], 'selected_shortcut_msg');
626	break;
627	}
628	}
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	}
638	}
639
640
641
642
643

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

Download in other formats: