summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorsvncommit <devs@roundcube.net>2006-04-25 17:29:48 +0000
committersvncommit <devs@roundcube.net>2006-04-25 17:29:48 +0000
commite8adc707c24b76d947e23be9546d0078dd83adf1 (patch)
treef6cbd0eef2def0c090a8bed065f3590402f0c99c
parent356b6ef52516b0f5106abb5fe09af941e77029f0 (diff)
added a couple new features and bug fixes:
1) ability to change focus of selected message without selecting that message (requires a new class) 2) fixed bug where navigating with arrows would "select" hidden messages 3) moving or deleting messages will now select the next message on the list
-rw-r--r--program/js/app.js53
1 files changed, 34 insertions, 19 deletions
diff --git a/program/js/app.js b/program/js/app.js
index 17da5385e..32607a8c5 100644
--- a/program/js/app.js
+++ b/program/js/app.js
@@ -13,7 +13,6 @@
$Id$
*/
-
// Constants
var CONTROL_KEY = 1;
var SHIFT_KEY = 2;
@@ -29,6 +28,7 @@ function rcube_webmail()
this.gui_objects = new Object();
this.commands = new Object();
this.selection = new Array();
+ this.last_selected = 0;
// create public reference to myself
rcube_webmail_client = this;
@@ -288,26 +288,17 @@ function rcube_webmail()
this.use_arrow_key = function(keyCode, mod_key, msg_list_frame) {
var scroll_to = 0;
- var last_selected_row = this.list_rows[this.last_selected];
-
if (keyCode == 40) { // down arrow key pressed
- var new_row = last_selected_row.obj.nextSibling;
- while (new_row && new_row.nodeType != 1) {
- new_row = new_row.nextSibling;
- }
+ new_row = this.get_next_row();
if (!new_row) return false;
scroll_to = (Number(new_row.offsetTop) + Number(new_row.offsetHeight)) - Number(msg_list_frame.offsetHeight);
} else if (keyCode == 38) { // up arrow key pressed
- var new_row = last_selected_row.obj.previousSibling;
- while (new_row && new_row.nodeType != 1) {
- new_row = new_row.previousSibling;
- }
+ new_row = this.get_prev_row();
if (!new_row) return false;
scroll_to = new_row.offsetTop;
} else {return true;}
- if (mod_key != CONTROL_KEY)
- this.select_row(new_row.uid,mod_key);
+ this.select_row(new_row.uid,mod_key,true);
if (((Number(new_row.offsetTop)) < (Number(msg_list_frame.scrollTop))) ||
((Number(new_row.offsetTop) + Number(new_row.offsetHeight)) > (Number(msg_list_frame.scrollTop) + Number(msg_list_frame.offsetHeight)))) {
@@ -1111,7 +1102,7 @@ function rcube_webmail()
if (!this.in_selection_before)
{
var mod_key = this.get_modifier(e);
- this.select_row(id,mod_key);
+ this.select_row(id,mod_key,false);
}
if (this.selection.length)
@@ -1139,7 +1130,7 @@ function rcube_webmail()
// unselects currently selected row
if (!this.drag_active && this.in_selection_before==id)
- this.select_row(id,mod_key);
+ this.select_row(id,mod_key,false);
this.drag_start = false;
this.in_selection_before = false;
@@ -1213,6 +1204,25 @@ function rcube_webmail()
/********* (message) list functionality *********/
/*********************************************************/
+ // get next and previous rows that are not hidden
+ this.get_next_row = function(){
+ var last_selected_row = this.list_rows[this.last_selected];
+ var new_row = last_selected_row.obj.nextSibling;
+ while (new_row && (new_row.nodeType != 1 || new_row.style.display == 'none')) {
+ new_row = new_row.nextSibling;
+ }
+ return new_row;
+ }
+
+ this.get_prev_row = function(){
+ var last_selected_row = this.list_rows[this.last_selected];
+ var new_row = last_selected_row.obj.previousSibling;
+ while (new_row && (new_row.nodeType != 1 || new_row.style.display == 'none')) {
+ new_row = new_row.previousSibling;
+ }
+ return new_row;
+ }
+
// highlight/unhighlight a row
this.highlight_row = function(id, multiple)
{
@@ -1231,7 +1241,7 @@ function rcube_webmail()
if (!this.in_selection(id)) // select row
{
this.selection[this.selection.length] = id;
- this.set_classname(this.list_rows[id].obj, 'selected', true);
+ this.set_classname(this.list_rows[id].obj, 'selected', true);
}
else // unselect row
{
@@ -1259,7 +1269,7 @@ function rcube_webmail()
// selects or unselects the proper row depending on the modifier key pressed
- this.select_row = function(id,mod_key) {
+ this.select_row = function(id,mod_key,with_arrow) {
if (!mod_key) {
this.shift_start = id;
this.highlight_row(id, false);
@@ -1270,7 +1280,8 @@ function rcube_webmail()
break; }
case CONTROL_KEY: {
this.shift_start = id;
- this.highlight_row(id, true);
+ if (!with_arrow)
+ this.highlight_row(id, true);
break;
}
case CONTROL_SHIFT_KEY: {
@@ -1283,7 +1294,9 @@ function rcube_webmail()
}
}
}
- this.last_selected = id;
+ if (this.last_selected > 0) this.set_classname(this.list_rows[this.last_selected].obj, 'focused', false);
+ this.set_classname(this.list_rows[id].obj, 'focused', true);
+ this.last_selected = id;
};
this.shift_select = function(id, control) {
@@ -1525,6 +1538,8 @@ function rcube_webmail()
// 'remove' message row from list (just hide it)
if (this.message_rows[id].obj)
this.message_rows[id].obj.style.display = 'none';
+ new_row = this.get_next_row();
+ this.select_row(new_row.uid,false,false);
}
}