Changeset 5667 in subversion

Timestamp:

Dec 30, 2011 11:02:24 AM (18 months ago)

Author:

thomasb

Message:

Add button to clone file upload fields for mutli-file uploads

Location:

trunk/roundcubemail/skins/larry

Files:

• mail.css (modified) (1 diff)
• ui.js (modified) (3 diffs)

trunk/roundcubemail/skins/larry/mail.css

@@ -1111 +1111 @@
 }
 
-
-
+#uploadform a.iconlink {
+        margin-left: 1em;
+        text-indent: -1000px;
+}
+
+#uploadform form div {
+        margin: 4px 0;
+}
+

trunk/roundcubemail/skins/larry/ui.js

@@ -533 +533 @@
       return;
     }
+    
+    // add icons to clone file input field
+    if (rcmail.env.action = 'compose' && !$dialog.data('extended')) {
+      $('<a>')
+        .addClass('iconlink add')
+        .attr('href', '#add')
+        .html('Add')
+        .appendTo($('input[type="file"]', $dialog).parent())
+        .click(add_uploadfile);
+      $dialog.data('extended', true);
+    }
 
     $dialog.dialog({
@@ -544 +555 @@
 
         $dialog.dialog('destroy').hide();
+        $('div.addline', $dialog).remove();
       },
       width: 480
@@ -549 +561 @@
 
     if (!document.all)
-      $('input[type=file]', $dialog).click();
-  }
+      $('input[type=file]', $dialog).first().click();
+  }
+
+  function add_uploadfile(e)
+  {
+    var div = $(this).parent();
+    var clone = div.clone().addClass('addline').insertAfter(div);
+    clone.children('.iconlink').click(add_uploadfile);
+    clone.children('input').val('');
+
+    if (!document.all)
+      $('input[type=file]', clone).click();
+  }
+
 
   /**