first import

sites/all/modules/media/js/plugins/media.fromurl.js

@@ -0,0 +1,29 @@
+
+(function ($) {
+namespace('Drupal.media.browser.plugin');
+
+Drupal.media.browser.plugin.fromurl = function (mediaBrowser, options) {
+  return {
+    init: function () {
+      tabset = mediaBrowser.getTabset();
+      tabset.tabs('add', '#fromurl', 'From URL');
+      mediaBrowser.listen('tabs.show', function (e, id) {
+        if (id == 'fromurl') {
+          // We only need to set this once.
+          // We probably could set it upon load.
+          if (mediaBrowser.getActivePanel().html() == '') {
+            mediaBrowser.getActivePanel().html(options.fromUrlForm);
+          }
+        }
+      });
+    }
+  };
+};
+
+// For now, I guess self registration makes sense.
+// Really though, we should be doing it via drupal_add_js and some settings
+// from the drupal variable.
+// @todo: needs a review.
+Drupal.media.browser.register('fromurl', Drupal.media.browser.plugin.fromurl, {});
+
+})(jQuery);

sites/all/modules/media/js/plugins/media.library.css

@@ -0,0 +1,23 @@
+
+ul#media-browser-library-list {
+  list-style: none;
+  margin: -10px 0 0 0;
+  padding: 0px;
+  background-color: white;
+}
+
+#media-tab-library #container{
+  padding:20px 0;
+}
+
+#media-tab-library #scrollbox{
+  height: 300px;
+  overflow:auto;
+  overflow-x:hidden;
+}
+
+#scrollbox #status {
+  clear: both;
+  text-align: center;
+  margin-top: 10px;
+}

sites/all/modules/media/js/plugins/media.library.js

@@ -0,0 +1,184 @@
+
+(function ($) {
+namespace('Drupal.media.browser');
+
+Drupal.behaviors.mediaLibrary = {
+  attach: function (context, settings) {
+    var library = new Drupal.media.browser.library(Drupal.settings.media.browser.library);
+    $('#media-browser-tabset').bind('tabsshow', function (event, ui) {
+      if (ui.tab.hash === '#media-tab-library') {
+        // Grab the parameters from the Drupal.settings object
+        var params = {};
+        for (var parameter in Drupal.settings.media.browser.library) {
+          params[parameter] = Drupal.settings.media.browser.library[parameter];
+        }
+        library.start($(ui.panel), params);
+        $('#scrollbox').bind('scroll', library, library.scrollUpdater);
+      }
+    });
+  }
+};
+
+Drupal.media.browser.library = function (settings) {
+  this.settings = Drupal.media.browser.library.getDefaults();
+  $.extend(this.settings, settings);
+
+  this.done = false; // Keeps track of if the last request for media returned 0 results.
+
+  this.cursor = 0; // keeps track of what the last requested media object was.
+  this.mediaFiles = []; // An array of loaded media files from the server.
+  this.selectedMediaFiles = [];
+};
+
+Drupal.media.browser.library.getDefaults = function () {
+  return {
+    emtpyMessage: Drupal.t('There is nothing in your media library. Select the Upload tab above to add a file.'),
+    limit: 15
+  };
+};
+
+Drupal.media.browser.library.prototype.start = function (renderElement, params) {
+  this.renderElement = renderElement;
+  this.params = params;
+  // Change the behavior dependent on multiselect
+  if (params.multiselect) {
+    this.clickFunction = this.multiSelect;
+  } else {
+    this.clickFunction = this.singleSelect;
+  }
+  this.loadMedia();
+};
+
+/**
+ * Appends more media onto the list
+ */
+Drupal.media.browser.library.prototype.loadMedia = function () {
+  var that = this;
+  $('#status').text(Drupal.t('Loading...')).show();
+  $.extend(this.params, {start: this.cursor, limit: this.settings.limit});
+
+  var gotMedia = function (data, status) {
+    $('#status').text('').hide();
+    if (data.media.length < that.params.limit) {
+      // We remove the scroll event listener, nothing more to load after this.
+      $('#scrollbox').unbind('scroll');
+    }
+    that.mediaFiles = that.mediaFiles.concat(data.media);
+    that.render(that.renderElement);
+    // Remove the flag that prevents loading of more media
+    that.loading = false;
+  };
+
+  var errorCallback = function () {
+    alert(Drupal.t('Error getting media.'));
+  };
+
+  $.ajax({
+    url: this.settings.getMediaUrl,
+    type: 'GET',
+    dataType: 'json',
+    data: this.params,
+    error: errorCallback,
+    success: gotMedia
+  });
+};
+
+Drupal.media.browser.library.prototype.scrollUpdater = function (e){
+  if (!e.data.loading) {
+    var scrollbox = $('#scrollbox');
+    var scrolltop = scrollbox.attr('scrollTop');
+    var scrollheight = scrollbox.attr('scrollHeight');
+    var windowheight = scrollbox.attr('clientHeight');
+    var scrolloffset = 20;
+
+    if(scrolltop >= (scrollheight - (windowheight + scrolloffset))) {
+      // Set a flag so we don't make multiple concurrent AJAX calls
+      e.data.loading = true;
+      // Fetch new items
+      e.data.loadMedia();
+    }
+  }
+};
+
+/**
+ * Fetches the next media object and increments the cursor.
+ */
+Drupal.media.browser.library.prototype.getNextMedia = function () {
+  if (this.cursor >= this.mediaFiles.length) {
+    return false;
+  }
+  var ret = this.mediaFiles[this.cursor];
+  this.cursor += 1;
+  return ret;
+};
+
+Drupal.media.browser.library.prototype.render = function (renderElement) {
+
+  if (this.mediaFiles.length < 1) {
+    $('<div id="media-empty-message" class="media-empty-message"></div>').appendTo(renderElement)
+      .html(this.emptyMessage);
+    return;
+  }
+  else {
+    var mediaList = $('#media-browser-library-list', renderElement);
+    // If the list doesn't exist, bail.
+    if (mediaList.length === 0) {
+      throw('Cannot continue, list element is missing');
+    }
+  }
+
+  while (this.cursor < this.mediaFiles.length) {
+    var mediaFile = this.getNextMedia();
+
+    var data = {};
+    data.obj = this;
+    data.file = mediaFile;
+
+    var listItem = $('<li></li>').appendTo(mediaList)
+      .attr('id', 'media-item-' + mediaFile.fid)
+      .html(mediaFile.preview)
+      .bind('click', data, this.clickFunction);
+  }
+};
+
+Drupal.media.browser.library.prototype.mediaSelected = function (media) {
+  Drupal.media.browser.selectMedia(media);
+};
+
+Drupal.media.browser.library.prototype.singleSelect = function (event) {
+  var lib = event.data.obj;
+  var file = event.data.file;
+  event.preventDefault();
+  event.stopPropagation();
+
+  $('.media-item').removeClass('selected');
+  $('.media-item', $(this)).addClass('selected');
+  lib.mediaSelected([event.data.file]);
+  return false;
+}
+
+Drupal.media.browser.library.prototype.multiSelect = function (event) {
+  var lib = event.data.obj
+  var file = event.data.file;
+  event.preventDefault();
+  event.stopPropagation();
+
+  // Turn off or on the selection of this item
+  $('.media-item', $(this)).toggleClass('selected');
+
+  // Add or remove the media file from the array
+  var index = $.inArray(file, lib.selectedMediaFiles);
+  if (index == -1) {
+    // Media file isn't selected, add it
+    lib.selectedMediaFiles.push(file);
+  } else {
+    // Media file has previously been selected, remove it
+    lib.selectedMediaFiles.splice(index, 1);
+  }
+
+  // Pass the array of selected media files to the invoker
+  lib.mediaSelected(lib.selectedMediaFiles);
+  return false;
+}
+
+}(jQuery));

sites/all/modules/media/js/plugins/media.upload.js

@@ -0,0 +1,30 @@
+
+(function ($) {
+namespace('Drupal.media.browser.plugin');
+
+Drupal.media.browser.plugin.upload = function (mediaBrowser, options) {
+  return {
+    /* Abstract */
+    init: function () {
+      tabset = mediaBrowser.getTabset();
+      tabset.tabs('add', '#upload', Drupal.t('Upload'));
+      mediaBrowser.listen('tabs.show', function (e, id) {
+        if (id == 'upload') {
+          // We only need to set this once.
+          // We probably could set it upon load.
+          if (mediaBrowser.getActivePanel().html() == '') {
+            mediaBrowser.getActivePanel().html(options.uploadForm);
+          }
+        }
+      });
+    }
+  };
+};
+
+// For now, I guess self registration makes sense.
+// Really though, we should be doing it via drupal_add_js and some settings
+// from the drupal variable.
+// @todo: needs a review.
+Drupal.media.browser.register('upload', Drupal.media.browser.plugin.upload, {});
+
+})(jQuery);

sites/all/modules/media/js/plugins/media.upload_multiple.js

@@ -0,0 +1,21 @@
+Drupal.behaviors.mediaUploadMultiple = {};
+
+Drupal.behaviors.mediaUploadMultiple.attach = function (context, settings) {
+  // When the plupload element initializes, it expands the size of the elements
+  // it has created, so we need to resize the browser iframe after it's done.
+  var uploader = jQuery('#edit-upload').pluploadQueue();
+  if (uploader) {
+    // Handle the case in which the uploader has already finished initializing.
+    Drupal.media.browser.resizeIframe();
+    // Handle the case in which the uploader has not yet initialized.
+    uploader.bind("PostInit", Drupal.media.browser.resizeIframe);
+
+    uploader.bind('StateChanged', Drupal.behaviors.mediaUploadMultiple.submit);
+  }
+};
+
+Drupal.behaviors.mediaUploadMultiple.submit = function (uploader, file) {
+  if (uploader.state == 2) {
+    jQuery('#media-add-upload-multiple .form-submit').val(Drupal.t('Loading...'));
+  }
+};