- Implemented messages copying using drag&drop + SHIFT (#1484086)

3 files changed, 51 insertions, 0 deletions

diff --git a/skins/default/common.css b/skins/default/common.css
index 5977087f3..c01012859 100644
--- a/skins/default/common.css
+++ b/skins/default/common.css
@@ -349,6 +349,44 @@ img
   -webkit-box-shadow: #999 1px 1px 12px;
 }
 
+.popupmenu ul
+{
+  margin: -4px 0;
+  padding: 0;
+  list-style: none;
+}
+
+.popupmenu ul li
+{
+  font-size: 11px;
+  white-space: nowrap;
+  min-width: 100px;
+  margin: 3px -4px;
+}
+
+.popupmenu li a
+{
+  display: block;
+  color: #a0a0a0;
+  padding: 2px 10px;
+  text-decoration: none;
+  min-height: 14px;
+}
+
+.popupmenu li a.active,
+.popupmenu li a.active:active,
+.popupmenu li a.active:visited
+{
+  color: #333;
+}
+
+.popupmenu li a.active:hover
+{
+  color: #fff;
+  background-color: #c00;
+}
+
+    
 
 /***** common table settings ******/
 
diff --git a/skins/default/functions.js b/skins/default/functions.js
index 4ee2a9d3e..6d0641d51 100644
--- a/skins/default/functions.js
+++ b/skins/default/functions.js
@@ -125,6 +125,7 @@ function rcube_mail_ui()
   this.searchmenu = $('#searchmenu');
   this.messagemenu = $('#messagemenu');
   this.listmenu = $('#listmenu');
+  this.dragmessagemenu = $('#dragmessagemenu');
 }
 
 rcube_mail_ui.prototype = {
@@ -259,6 +260,8 @@ body_mouseup: function(evt, p)
     this.show_markmenu(false);
   else if (this.messagemenu && this.messagemenu.is(':visible') && target != rcube_find_object('messagemenulink'))
     this.show_messagemenu(false);
+  else if (this.dragmessagemenu && this.dragmessagemenu.is(':visible') && !rcube_mouse_is_over(evt, rcube_find_object('dragmessagemenu')))
+    this.dragmessagemenu.hide();
   else if (this.listmenu && this.listmenu.is(':visible') && target != rcube_find_object('listmenulink')) {
     var menu = rcube_find_object('listmenu');
     while (target.parentNode) {
@@ -290,6 +293,8 @@ body_keypress: function(evt, p)
       this.show_messagemenu(false);
     if (this.listmenu && this.listmenu.is(':visible'))
       this.show_listmenu(false);
+    if (this.dragmessagemenu && this.dragmessagemenu.is(':visible'))
+      this.dragmessagemenu.hide();
   }
 }
 
@@ -304,4 +309,5 @@ function rcube_init_mail_ui()
   rcube_event.add_listener({ object:rcmail_ui, method:'body_keypress', event:'keypress' });
   rcmail.addEventListener('menu-open', 'open_listmenu', rcmail_ui);
   rcmail.addEventListener('menu-save', 'save_listmenu', rcmail_ui);
+  rcmail.gui_object('message_dragmenu', 'dragmessagemenu');
 }
diff --git a/skins/default/templates/mail.html b/skins/default/templates/mail.html
index c66bc5802..206f10155 100644
--- a/skins/default/templates/mail.html
+++ b/skins/default/templates/mail.html
@@ -152,6 +152,13 @@
 <roundcube:button command="reset-search" id="searchreset" image="/images/icons/reset.gif" title="resetsearch" />
 </div>
 
+<div id="dragmessagemenu" class="popupmenu">
+  <ul>
+    <li><roundcube:button command="moveto" onclick="return rcmail.drag_menu_action('moveto')" label="move" classAct="active" /></li>
+    <li><roundcube:button command="copy" onclick="return rcmail.drag_menu_action('copy')" label="copy" classAct="active" /></li>
+  </ul>
+</div>
+
 <div id="listmenu" class="popupmenu">
 <fieldset class="thinbordered"><legend><roundcube:label name="listmode" /></legend>
   <ul class="toolbarmenu">