diff PalanthirExplorer/file-upload.js @ 45:33d67e1ab173

r
author Sebastien Jodogne <s.jodogne@gmail.com>
date Wed, 05 Sep 2012 13:24:59 +0200
parents PalantirExplorer/file-upload.js@3959d33612cc
children
line wrap: on
line diff
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/PalanthirExplorer/file-upload.js	Wed Sep 05 13:24:59 2012 +0200
@@ -0,0 +1,88 @@
+var pendingUploads = [];
+var currentUpload = 0;
+var totalUpload = 0;
+
+$(document).ready(function() {
+  // Initialize the jQuery File Upload widget:
+  $('#fileupload').fileupload({
+    //dataType: 'json',
+    //maxChunkSize: 500,
+    //sequentialUploads: true,
+    limitConcurrentUploads: 3,
+    add: function (e, data) {
+      pendingUploads.push(data);
+    }
+  })
+    .bind('fileuploadstop', function(e, data) {
+      $('#upload-button').removeClass('ui-disabled');
+      //$('#upload-abort').addClass('ui-disabled');
+      $('#progress .bar').css('width', '100%');
+      if ($('#progress .label').text() != 'Failure')
+        $('#progress .label').text('Done');
+    })
+    .bind('fileuploadfail', function(e, data) {
+      $('#progress .bar')
+        .css('width', '100%')
+        .css('background-color', 'red');
+      $('#progress .label').text('Failure');
+    })
+    .bind('fileuploaddrop', function (e, data) {
+      var target = $('#upload-list');
+      $.each(data.files, function (index, file) {
+        target.append('<li class="pending-file">' + file.name + '</li>');
+      });
+      target.listview('refresh');
+    })
+    .bind('fileuploadsend', function (e, data) {
+      // Update the progress bar. Note: for some weird reason, the
+      // "fileuploadprogressall" does not work under Firefox.
+      var progress = parseInt(currentUpload / totalUploads * 100, 10);
+      currentUpload += 1;
+      $('#progress .label').text('Uploading: ' + progress + '%');
+      $('#progress .bar')
+        .css('width', progress + '%')
+        .css('background-color', 'green');
+    });
+});
+
+
+
+$('#upload').live('pageshow', function() {
+  $('#fileupload').fileupload('enable');
+});
+
+$('#upload').live('pagehide', function() {
+  $('#fileupload').fileupload('disable');
+});
+
+
+$('#upload-button').live('click', function() {
+  var pu = pendingUploads;
+  pendingUploads = [];
+
+  $('.pending-file').remove();
+  $('#upload-list').listview('refresh');
+  $('#progress .bar').css('width', '0%');
+  $('#progress .label').text('');
+
+  currentUpload = 1;
+  totalUploads = pu.length + 1;
+  if (pu.length > 0) {
+    $('#upload-button').addClass('ui-disabled');
+    //$('#upload-abort').removeClass('ui-disabled');
+  }
+
+  for (var i = 0; i < pu.length; i++) {
+    pu[i].submit();
+  }
+});
+
+$('#upload-clear').live('click', function() {
+  pendingUploads = [];
+  $('.pending-file').remove();
+  $('#upload-list').listview('refresh');
+});
+
+/*$('#upload-abort').live('click', function() {
+  $('#fileupload').fileupload().abort();
+  });*/