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

thomascube

2011-12-30 f5521a4a6d2132f8fe49c66858326e00e9a68b84

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

 skins/larry/mail.css

@@ -1110,5 +1110,12 @@
    border-bottom: 1px solid #ddd;
}

#uploadform a.iconlink {
    margin-left: 1em;
    text-indent: -1000px;
}

#uploadform form div {
    margin: 4px 0;
}


 skins/larry/ui.js

@@ -532,6 +532,17 @@
      $dialog.dialog('close');
      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({
      modal: true,
@@ -543,14 +554,27 @@
        catch(e){ }  // ignore errors

        $dialog.dialog('destroy').hide();
        $('div.addline', $dialog).remove();
      },
      width: 480
    }).show();

    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();
  }


  /**
   *
   */