first commit

wp-content/plugins/ocean-extra/includes/metabox/gallery-metabox/js/gallery-metabox.js

@@ -0,0 +1,90 @@
+jQuery(function($) {
+
+  var file_frame;
+
+  $(document).on('click', '#oceanwp-gallery-metabox a.gallery-add', function(e) {
+
+    e.preventDefault();
+
+    if (file_frame) file_frame.close();
+
+    file_frame = wp.media.frames.file_frame = wp.media({
+      title: $(this).data('uploader-title'),
+      button: {
+        text: $(this).data('uploader-button-text'),
+      },
+      multiple: true
+    });
+
+    file_frame.on('select', function() {
+      var listIndex = $('#gallery-metabox-list li').index($('#gallery-metabox-list li:last')),
+      selection = file_frame.state().get('selection');
+
+      selection.map(function(attachment, i) {
+        attachment = attachment.toJSON(),
+        index      = listIndex + (i + 1);
+
+        $('#gallery-metabox-list').append('<li class="image"><div class="attachment-preview"><input type="hidden" name="ocean_gallery_id[' + index + ']" value="' + attachment.id + '"><div class="thumb"><img class="image-preview" src="' + attachment.sizes.thumbnail.url + '"></div><a class="change-image button" href="#">Change image</a><a class="remove-image" href="#" title="Remove image"><i class="dashicons dashicons-no-alt"></i></a></div></li>');
+      });
+    });
+
+    makeSortable();
+
+    file_frame.open();
+
+  });
+
+  $(document).on('click', '#oceanwp-gallery-metabox a.change-image', function(e) {
+
+    e.preventDefault();
+
+    var that = $(this);
+
+    if (file_frame) file_frame.close();
+
+    file_frame = wp.media.frames.file_frame = wp.media({
+      title: $(this).data('uploader-title'),
+      button: {
+        text: $(this).data('uploader-button-text'),
+      },
+      multiple: false
+    });
+
+    file_frame.on( 'select', function() {
+      attachment = file_frame.state().get('selection').first().toJSON();
+
+      that.parent().find('input:hidden').attr('value', attachment.id);
+      that.parent().find('img.image-preview').attr('src', attachment.sizes.thumbnail.url);
+    });
+
+    file_frame.open();
+
+  });
+
+  function resetIndex() {
+    $('#gallery-metabox-list li').each(function(i) {
+      $(this).find('input:hidden').attr('name', 'ocean_gallery_id[' + i + ']');
+    });
+  }
+
+  function makeSortable() {
+    $('#gallery-metabox-list').sortable({
+      opacity: 0.6,
+      stop: function() {
+        resetIndex();
+      }
+    });
+  }
+
+  $(document).on('click', '#oceanwp-gallery-metabox a.remove-image', function(e) {
+    e.preventDefault();
+
+    $(this).parents('li').animate({ opacity: 0 }, 200, function() {
+    $(this).remove();
+      resetIndex();
+    });
+  });
+
+  makeSortable();
+
+});

wp-content/plugins/ocean-extra/includes/metabox/gallery-metabox/js/gallery-metabox.min.js

@@ -0,0 +1 @@
+jQuery(function(a){function c(){a("#gallery-metabox-list li").each(function(b){a(this).find("input:hidden").attr("name","ocean_gallery_id["+b+"]")})}function d(){a("#gallery-metabox-list").sortable({opacity:.6,stop:function(){c()}})}var b;a(document).on("click","#oceanwp-gallery-metabox a.gallery-add",function(c){c.preventDefault(),b&&b.close(),b=wp.media.frames.file_frame=wp.media({title:a(this).data("uploader-title"),button:{text:a(this).data("uploader-button-text")},multiple:!0}),b.on("select",function(){var c=a("#gallery-metabox-list li").index(a("#gallery-metabox-list li:last")),d=b.state().get("selection");d.map(function(b,d){b=b.toJSON(),index=c+(d+1),a("#gallery-metabox-list").append('<li class="image"><div class="attachment-preview"><input type="hidden" name="ocean_gallery_id['+index+']" value="'+b.id+'"><div class="thumb"><img class="image-preview" src="'+b.sizes.thumbnail.url+'"></div><a class="change-image button" href="#">Change image</a><a class="remove-image" href="#" title="Remove image"><i class="dashicons dashicons-no-alt"></i></a></div></li>')})}),d(),b.open()}),a(document).on("click","#oceanwp-gallery-metabox a.change-image",function(c){c.preventDefault();var d=a(this);b&&b.close(),b=wp.media.frames.file_frame=wp.media({title:a(this).data("uploader-title"),button:{text:a(this).data("uploader-button-text")},multiple:!1}),b.on("select",function(){attachment=b.state().get("selection").first().toJSON(),d.parent().find("input:hidden").attr("value",attachment.id),d.parent().find("img.image-preview").attr("src",attachment.sizes.thumbnail.url)}),b.open()}),a(document).on("click","#oceanwp-gallery-metabox a.remove-image",function(b){b.preventDefault(),a(this).parents("li").animate({opacity:0},200,function(){a(this).remove(),c()})}),d()});