1 files changed, 139 insertions, 0 deletions
diff --git a/examples/rails_app-2.3.4/public/javascripts/ajax_pull/upload_progress.js b/examples/rails_app-2.3.4/public/javascripts/ajax_pull/upload_progress.js
new file mode 100644
index 0000000..3847ed3
--- /dev/null
+++ b/examples/rails_app-2.3.4/public/javascripts/ajax_pull/upload_progress.js
@@ -0,0 +1,139 @@
+// http://rubyforge.org/pipermail/mongrel-users/2007-July/003747.html
+function appendDebug(text) {
+  li = document.createElement('li');
+  li.innerHTML = text;
+  $('debug').appendChild(li);
+}
+
+var UploadProgress = {
+  uploading: null,
+
+  begin: function(upload_id) {
+    //$('upload-console').src = '/files/upload_progress?upload_id=' + upid;
+
+    new Ajax.Pull('/progress?long&upload_id=' + upload_id, {
+      // TODO:
+      // poll_url is not yet implemented in Ajax.Pull. this is needed for
+      // older versions of safari due to a bug.
+      //
+      //poll_url: '/files/upload_progress?single&upload_id=' + upload_id,
+      //pullDebugger: appendDebug,
+      handler: this.update.bind(this)
+    });
+
+    this.uploading = true;
+    this.StatusBar.create();
+  },
+
+  update: function(json) {
+
+    if(json["state"] == 'starting') {
+      $('results').update('staring upload...');
+
+    } else if(json["state"] == 'done') {
+      this.uploading = false;
+      this.StatusBar.finish();
+      $('results').update('finished!');
+
+    } else if(json["state"] == 'error') {
+      this.error(json['message']);
+
+    } else if(json["state"] == 'uploading') {
+      var status = json["received"] / json["size"];
+      var statusHTML = status.toPercentage();
+      $('results').update(
+        statusHTML + "<br /><small>" + json["received"].toHumanSize() +
+        ' of ' + json["size"].toHumanSize() + " uploaded.</small>"
+      );
+      this.StatusBar.update(status, statusHTML);
+
+    } else {
+      this.error('Unknown upload progress state received: ' + json['state']);
+    }
+  },
+
+  error: function(msg) {
+    if(!this.uploading) return;
+    this.uploading = false;
+    if(this.StatusBar.statusText) this.StatusBar.statusText.innerHTML = msg || 'Error Uploading File';
+  },
+
+  StatusBar: {
+    statusBar: null,
+    statusText: null,
+    statusBarWidth: 500,
+
+    create: function() {
+      this.statusBar  = this._createStatus('status-bar');
+      this.statusText = this._createStatus('status-text');
+      this.statusText.innerHTML  = '0%';
+      this.statusBar.style.width = '0';
+    },
+
+    update: function(status, statusHTML) {
+      this.statusText.innerHTML = statusHTML;
+      this.statusBar.style.width = Math.floor(this.statusBarWidth * status);
+    },
+
+    finish: function() {
+      this.statusText.innerHTML  = '100%';
+      this.statusBar.style.width = '100%';
+    },
+
+    _createStatus: function(id) {
+      el = $(id);
+      if(!el) {
+        el = document.createElement('span');
+        el.setAttribute('id', id);
+        $('progress-bar').appendChild(el);
+      }
+      return el;
+    }
+  },
+
+  FileField: {
+    add: function() {
+      new Insertion.Bottom('file-fields', '<p style="display:none"><input id="data" name="data" type="file" /> <a href="#" onclick="UploadProgress.FileField.remove(this);return false;">x</a></p>')
+      $$('#file-fields p').last().visualEffect('blind_down', {duration:0.3});
+    },
+
+    remove: function(anchor) {
+      anchor.parentNode.visualEffect('drop_out', {duration:0.25});
+    }
+  }
+}
+
+Number.prototype.bytes     = function() { return this; };
+Number.prototype.kilobytes = function() { return this *  1024; };
+Number.prototype.megabytes = function() { return this * (1024).kilobytes(); };
+Number.prototype.gigabytes = function() { return this * (1024).megabytes(); };
+Number.prototype.terabytes = function() { return this * (1024).gigabytes(); };
+Number.prototype.petabytes = function() { return this * (1024).terabytes(); };
+Number.prototype.exabytes =  function() { return this * (1024).petabytes(); };
+['byte', 'kilobyte', 'megabyte', 'gigabyte', 'terabyte', 'petabyte', 'exabyte'].each(function(meth) {
+  Number.prototype[meth] = Number.prototype[meth+'s'];
+});
+
+Number.prototype.toPrecision = function() {
+  var precision = arguments[0] || 2;
+  var s         = Math.round(this * Math.pow(10, precision)).toString();
+  var pos       = s.length - precision;
+  var last      = s.substr(pos, precision);
+  return s.substr(0, pos) + (last.match("^0{" + precision + "}$") ? '' : '.' + last);
+}
+
+// (1/10).toPercentage()
+// # => '10%'
+Number.prototype.toPercentage = function() {
+  return (this * 100).toPrecision() + '%';
+}
+
+Number.prototype.toHumanSize = function() {
+  if(this < (1).kilobyte())  return this + " Bytes";
+  if(this < (1).megabyte())  return (this / (1).kilobyte()).toPrecision()  + ' KB';
+  if(this < (1).gigabytes()) return (this / (1).megabyte()).toPrecision()  + ' MB';
+  if(this < (1).terabytes()) return (this / (1).gigabytes()).toPrecision() + ' GB';
+  if(this < (1).petabytes()) return (this / (1).terabytes()).toPrecision() + ' TB';
+  if(this < (1).exabytes())  return (this / (1).petabytes()).toPrecision() + ' PB';
+                             return (this / (1).exabytes()).toPrecision()  + ' EB';
+}