selecting a single file works now

1 files changed, 42 insertions, 8 deletions

diff --git a/js/shows.js b/js/shows.js
index 38cf60d..8de5411 100644
--- a/js/shows.js
+++ b/js/shows.js
@@ -10,7 +10,7 @@ function shows_deleteCart(cart) {
   $.post("/rd-bin/rdxport.cgi", data, null, "xml").done(shows_showSelected);
 }
 
-function shows_importCartCancel(cart) {
+function shows_importCartCancel(cart, dz) {
   var cart_row = $('#show-cart-' + cart)
   cart_row.next().remove();
   cart_row.find('.btn').removeAttr('disabled');
@@ -19,24 +19,58 @@ function shows_importCartCancel(cart) {
   // TODO: cancel upload
 }
 
-function shows_importCartConfirm(cart) {
+function shows_importCartConfirm(cart, dz) {
   $('#shows-upload').modal('hide');
   var cart_row = $('#show-cart-' + cart)
   cart_row.next().remove();
   cart_row.find('.btn').attr('disabled','disabled');
   var dz_stat = shows_getDzStat(false);
-  dz_stat.find('button').unbind('click').click(function() { shows_importCartCancel(cart); });
+  dz_stat.find('button').unbind('click').click(function() { shows_importCartCancel(cart, dz); });
   cart_row.after(dz_stat);
 
-  // TODO: call dropzone.processQueue()
+  // call dz.processQueue()
+}
+
+function shows_createImportForm(cart) {
+  return $('<form>').attr("action", "/rd-bin/rdxport.cgi").attr("method", "post").attr("enctype", "multipart/form-data")
+	.append($('<input>').attr("type", "hidden").attr("name", "COMMAND").attr("value", 2))
+	.append($('<input>').attr("type", "hidden").attr("name", "LOGIN_NAME").attr("value", auth_username))
+	.append($('<input>').attr("type", "hidden").attr("name", "PASSWORD").attr("value", auth_token))
+	.append($('<input>').attr("type", "hidden").attr("name", "CART_NUMBER").attr("value", cart))
+	.append($('<input>').attr("type", "hidden").attr("name", "CUT_NUMBER").attr("value", 1))
+	.append($('<input>').attr("type", "hidden").attr("name", "CHANNELS").attr("value", 2))
+	.append($('<input>').attr("type", "hidden").attr("name", "NORMALIZATION_LEVEL").attr("value", shows_current.normlevel))
+	.append($('<input>').attr("type", "hidden").attr("name", "AUTOTRIM_LEVEL").attr("value", shows_current.trimlevel))
+	.append($('<input>').attr("type", "hidden").attr("name", "USE_METADATA").attr("value", 1));
+}
+
+function shows_importFileAdded(dz, file, cart) {
+  $(dz.getAcceptedFiles()).each(function(idx, elem) { dz.removeFile(elem); });
+  $('#shows-upload div.modal-body').css("background-image", "url('/img/audio_file.png')")
+  $('#shows-upload div.modal-header h3').text(file.name)
+  $('#shows-upload-confirm').removeAttr('disabled').unbind('click').click(function() { shows_importCartConfirm(cart, dz); });
+}
+
+function shows_importFileError(dz, file, msg) {
+  $('#shows-upload div.modal-header h3').text("Datei auswählen...")
+  $('#shows-upload div.modal-body').css("background-image", "url('/img/dz-backdrop.png')");
+  $('#shows-upload-confirm').attr('disabled','disabled').unbind('click');
+  dz.removeFile(file);
 }
 
 function shows_importCart(cart) {
-  $('#shows-upload div.modal-body').text("Cart: " + cart);
-  $('#shows-upload-confirm').unbind('click').click(function() { shows_importCartConfirm(cart); });
-  $('#shows-upload').modal({ keyboard: true });
+  var form = shows_createImportForm(cart);
+  $('#shows-upload div.modal-header h3').text("Datei auswählen...")
+  $('#shows-upload div.modal-body').empty().append(form).css("background-image", "url('/img/dz-backdrop.png')");
+  $('#shows-upload-confirm').attr('disabled','disabled').unbind('click');
+  var dz = form.dropzone({ url: "/rd-bin/rdxport.cgi", prallelUploads: 1, maxFilesize: 2048, paramName: 'FILENAME',
+        uploadMultiple: false, clickable: true, createImageThumbnails: false,
+	acceptedFiles: ".flac,.wav,.ogg,.mp3", autoProcessQueue: false, init: function() {
+	    this.on("addedfile", function(file) { shows_importFileAdded(this, file, cart); });
+            this.on("error", function(file, msg) { shows_importFileError(this, file, msg); });
+	  }});
 
-  // TODO: add dropzone to 'div.modal-body'
+  $('#shows-upload').modal({ keyboard: true });
 }
 
 // <td>