Enhanced Media Library - Version 1.1.1

Version Description

  • Improvements

    • Filters added for Appearance -> Header and Appearance -> Background Support Request

  • Bugfixes

    • Fixed EML 1.1 bug with disappearing widgets on Appearance -> Customize Support Request
    • Fixed EML 1.1 bug with disappearing scrollbar Support Request
Download this release

Release Info

Developer webbistro
Plugin Icon 128x128 Enhanced Media Library
Version 1.1.1
Comparing to
See all releases

Code changes from version 1.1 to 1.1.1

Files changed (7) hide show
  1. css/eml-admin.css +16 -17
  2. enhanced-media-library.php +77 -37
  3. js/eml-custom-background.js +63 -0
  4. js/eml-custom-header.js +56 -0
  5. js/eml-customize-controls.js +8 -10
  6. js/eml-media-views.js +39 -0
  7. readme.txt +11 -1
css/eml-admin.css CHANGED
@@ -31,45 +31,47 @@
31
  max-width: 140px !important;
32
  }
33
 
34
- .media-frame .search {
35
- line-height: 14px;
36
- }
37
-
38
 
39
  /* == Media Uploader Boxes' Positions == */
40
 
41
-
42
  .attachments-browser .media-toolbar {
43
  height: auto;
44
  position: relative;
45
  margin-right: 300px;
46
  }
47
- .attachments-browser .attachments {
48
- position: relative;
49
- margin-right: 300px;
50
- top: 20px;
51
- }
52
  .attachments-browser .media-toolbar-primary,
53
  .attachments-browser .media-toolbar-secondary {
54
  float: none;
55
  height: auto;
56
  }
57
  .attachments-browser .media-toolbar-secondary select,
58
- .attachments-browser .media-toolbar-secondary ,instruction {
59
  float: left;
60
  }
 
 
 
 
 
 
 
61
 
62
- @media only screen and (max-width: 640px), screen and (max-height: 400px)
63
  {
64
  .attachments-browser .media-toolbar {
65
  margin-right: 180px;
66
  height: auto;
67
  }
 
 
 
 
68
  .attachments-browser .attachments {
69
  top: 20px;
70
  }
71
- .media-frame .search {
72
- line-height: 20px;
 
73
  }
74
  .media-sidebar .attachment-details h3 {
75
  margin-top: 24px;
@@ -77,7 +79,6 @@
77
  }
78
 
79
 
80
-
81
  /* == MIME types Option Page Styles == */
82
 
83
  .wpuxss-eml-mime-type-list {
@@ -179,8 +180,6 @@
179
  }
180
 
181
 
182
-
183
-
184
  /* == Buttons Styles == */
185
 
186
  .wpuxss-eml-button-remove {
31
  max-width: 140px !important;
32
  }
33
 
 
 
 
 
34
 
35
  /* == Media Uploader Boxes' Positions == */
36
 
 
37
  .attachments-browser .media-toolbar {
38
  height: auto;
39
  position: relative;
40
  margin-right: 300px;
41
  }
 
 
 
 
 
42
  .attachments-browser .media-toolbar-primary,
43
  .attachments-browser .media-toolbar-secondary {
44
  float: none;
45
  height: auto;
46
  }
47
  .attachments-browser .media-toolbar-secondary select,
48
+ .attachments-browser .media-toolbar-secondary .instructions {
49
  float: left;
50
  }
51
+ .media-frame .spinner {
52
+ float: none;
53
+ position: absolute;
54
+ z-index: 100;
55
+ top: 0;
56
+ right: 10px;
57
+ }
58
 
59
+ @media only screen and (max-width: 900px)
60
  {
61
  .attachments-browser .media-toolbar {
62
  margin-right: 180px;
63
  height: auto;
64
  }
65
+ }
66
+
67
+ @media only screen and (max-width: 640px), screen and (max-height: 400px)
68
+ {
69
  .attachments-browser .attachments {
70
  top: 20px;
71
  }
72
+ .media-frame .attachments-browser {
73
+ padding-bottom: 20px;
74
+ height: auto;
75
  }
76
  .media-sidebar .attachment-details h3 {
77
  margin-top: 24px;
79
  }
80
 
81
 
 
82
  /* == MIME types Option Page Styles == */
83
 
84
  .wpuxss-eml-mime-type-list {
180
  }
181
 
182
 
 
 
183
  /* == Buttons Styles == */
184
 
185
  .wpuxss-eml-button-remove {
enhanced-media-library.php CHANGED
@@ -3,7 +3,7 @@
3
  Plugin Name: Enhanced Media Library
4
  Plugin URI: http://wordpressuxsolutions.com
5
  Description: This plugin will be handy for those who need to manage a lot of media files.
6
- Version: 1.1
7
  Author: WordPress UX Solutions
8
  Author URI: http://wordpressuxsolutions.com
9
  License: GPLv2 or later
@@ -31,7 +31,7 @@ Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA 02110-1301 USA
31
 
32
 
33
 
34
- $wpuxss_eml_version = '1.1';
35
  $wpuxss_eml_old_version = get_option('wpuxss_eml_version', false);
36
  $wpuxss_eml_dir = plugin_dir_url( __FILE__ );
37
 
@@ -176,14 +176,51 @@ function wpuxss_eml_on_wp_loaded()
176
  */
177
 
178
  add_action( 'admin_init', 'wpuxss_eml_on_admin_init' );
179
- add_action( 'customize_controls_enqueue_scripts', 'wpuxss_eml_on_admin_init' );
180
 
181
  function wpuxss_eml_on_admin_init()
182
- {
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
183
  global $wpuxss_eml_version,
184
- $wpuxss_eml_dir;
 
185
 
186
- // plugin scripts
 
187
  wp_enqueue_script(
188
  'wpuxss-eml-media-models-script',
189
  $wpuxss_eml_dir . 'js/eml-media-models.js',
@@ -200,16 +237,6 @@ function wpuxss_eml_on_admin_init()
200
  true
201
  );
202
 
203
- // admin styles
204
- wp_enqueue_style(
205
- 'wpuxss-eml-admin-custom-style',
206
- $wpuxss_eml_dir . 'css/eml-admin.css',
207
- array('media-views'),
208
- $wpuxss_eml_version,
209
- 'all'
210
- );
211
-
212
-
213
 
214
  // pass taxonomies to media uploader's filter
215
  $wpuxss_eml_taxonomies = get_option('wpuxss_eml_taxonomies');
@@ -258,37 +285,50 @@ function wpuxss_eml_on_admin_init()
258
  );
259
 
260
 
261
- // plugin settings: taxonomies
262
- register_setting(
263
- 'wpuxss_eml_taxonomies', //option_group
264
- 'wpuxss_eml_taxonomies', //option_name
265
- 'wpuxss_eml_taxonomies_validate' //sanitize_callback
266
- );
 
 
 
 
 
 
 
 
 
 
 
 
 
267
 
268
- // plugin settings: mime types
269
- register_setting(
270
- 'wpuxss_eml_mimes', //option_group
271
- 'wpuxss_eml_mimes', //option_name
272
- 'wpuxss_eml_mimes_validate' //sanitize_callback
273
- );
274
 
275
- // plugin settings: mime types backup
276
- register_setting(
277
- 'wpuxss_eml_mimes_backup', //option_group
278
- 'wpuxss_eml_mimes_backup' //option_name
 
 
 
279
  );
 
280
  }
281
 
282
 
 
 
283
  /**
284
  * wpuxss_eml_customize_controls_scripts
285
  *
286
- * Modification of WP customize-controls.js script in order to turn on Media Uploader filters for customize.php
287
  *
288
- * @since 1.1.0
289
- * @created 07/02/14
290
  */
291
-
292
  add_action( 'customize_controls_enqueue_scripts', 'wpuxss_eml_customize_controls_scripts' );
293
 
294
  function wpuxss_eml_customize_controls_scripts()
@@ -296,7 +336,7 @@ function wpuxss_eml_customize_controls_scripts()
296
  global $wpuxss_eml_version,
297
  $wpuxss_eml_dir;
298
 
299
- wp_enqueue_script(
300
  'wpuxss-eml-customize-controls-script',
301
  $wpuxss_eml_dir . 'js/eml-customize-controls.js',
302
  array('jquery','backbone','customize-controls'),
3
  Plugin Name: Enhanced Media Library
4
  Plugin URI: http://wordpressuxsolutions.com
5
  Description: This plugin will be handy for those who need to manage a lot of media files.
6
+ Version: 1.1.1
7
  Author: WordPress UX Solutions
8
  Author URI: http://wordpressuxsolutions.com
9
  License: GPLv2 or later
31
 
32
 
33
 
34
+ $wpuxss_eml_version = '1.1.1';
35
  $wpuxss_eml_old_version = get_option('wpuxss_eml_version', false);
36
  $wpuxss_eml_dir = plugin_dir_url( __FILE__ );
37
 
176
  */
177
 
178
  add_action( 'admin_init', 'wpuxss_eml_on_admin_init' );
 
179
 
180
  function wpuxss_eml_on_admin_init()
181
+ {
182
+
183
+ // plugin settings: taxonomies
184
+ register_setting(
185
+ 'wpuxss_eml_taxonomies', //option_group
186
+ 'wpuxss_eml_taxonomies', //option_name
187
+ 'wpuxss_eml_taxonomies_validate' //sanitize_callback
188
+ );
189
+
190
+ // plugin settings: mime types
191
+ register_setting(
192
+ 'wpuxss_eml_mimes', //option_group
193
+ 'wpuxss_eml_mimes', //option_name
194
+ 'wpuxss_eml_mimes_validate' //sanitize_callback
195
+ );
196
+
197
+ // plugin settings: mime types backup
198
+ register_setting(
199
+ 'wpuxss_eml_mimes_backup', //option_group
200
+ 'wpuxss_eml_mimes_backup' //option_name
201
+ );
202
+ }
203
+
204
+
205
+
206
+
207
+ /**
208
+ * wpuxss_eml_admin_enqueue_scripts
209
+ *
210
+ * @since 1.1.1
211
+ * @created 07/04/14
212
+ */
213
+
214
+ add_action( 'admin_enqueue_scripts', 'wpuxss_eml_admin_enqueue_scripts' );
215
+
216
+ function wpuxss_eml_admin_enqueue_scripts()
217
+ {
218
  global $wpuxss_eml_version,
219
+ $wpuxss_eml_dir,
220
+ $pagenow;
221
 
222
+
223
+ // generic scripts
224
  wp_enqueue_script(
225
  'wpuxss-eml-media-models-script',
226
  $wpuxss_eml_dir . 'js/eml-media-models.js',
237
  true
238
  );
239
 
 
 
 
 
 
 
 
 
 
 
240
 
241
  // pass taxonomies to media uploader's filter
242
  $wpuxss_eml_taxonomies = get_option('wpuxss_eml_taxonomies');
285
  );
286
 
287
 
288
+ // Filters for /wp-admin/theme.php
289
+ if ( 'themes.php' == $pagenow )
290
+ {
291
+ wp_enqueue_script(
292
+ 'wpuxss-eml-custom-header-script',
293
+ $wpuxss_eml_dir . 'js/eml-custom-header.js',
294
+ array('jquery','backbone','custom-header'),
295
+ $wpuxss_eml_version,
296
+ true
297
+ );
298
+
299
+ wp_enqueue_script(
300
+ 'wpuxss-eml-custom-background-script',
301
+ $wpuxss_eml_dir . 'js/eml-custom-background.js',
302
+ array('jquery','backbone','custom-background'),
303
+ $wpuxss_eml_version,
304
+ true
305
+ );
306
+ }
307
 
 
 
 
 
 
 
308
 
309
+ // admin styles
310
+ wp_enqueue_style(
311
+ 'wpuxss-eml-admin-custom-style',
312
+ $wpuxss_eml_dir . 'css/eml-admin.css',
313
+ array('media-views'),
314
+ $wpuxss_eml_version,
315
+ 'all'
316
  );
317
+
318
  }
319
 
320
 
321
+
322
+
323
  /**
324
  * wpuxss_eml_customize_controls_scripts
325
  *
326
+ * Filters for /wp-admin/customize.php
327
  *
328
+ * @since 1.1.1
329
+ * @created 07/04/14
330
  */
331
+
332
  add_action( 'customize_controls_enqueue_scripts', 'wpuxss_eml_customize_controls_scripts' );
333
 
334
  function wpuxss_eml_customize_controls_scripts()
336
  global $wpuxss_eml_version,
337
  $wpuxss_eml_dir;
338
 
339
+ wp_enqueue_script(
340
  'wpuxss-eml-customize-controls-script',
341
  $wpuxss_eml_dir . 'js/eml-customize-controls.js',
342
  array('jquery','backbone','customize-controls'),
js/eml-custom-background.js ADDED
@@ -0,0 +1,63 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ (function($) {
2
+
3
+ var frame;
4
+
5
+ $( document ).ready(function() {
6
+
7
+ $('#choose-from-library-link').unbind('click').click( function( event ) {
8
+
9
+ var $el = $(this);
10
+
11
+ event.preventDefault();
12
+
13
+ // If the media frame already exists, reopen it.
14
+ if ( frame ) {
15
+ frame.open();
16
+ return;
17
+ }
18
+
19
+ // Create the media frame.
20
+ frame = wp.media.frames.customBackground = wp.media({
21
+
22
+ // Customize the submit button.
23
+ button: {
24
+ // Set the text of the button.
25
+ text: $el.data('update'),
26
+ // Tell the button not to close the modal, since we're
27
+ // going to refresh the page when the image is selected.
28
+ close: false
29
+ },
30
+
31
+ states: [
32
+ new wp.media.controller.Library({
33
+ title: $el.data('choose'),
34
+ library: wp.media.query({ type: 'image' }),
35
+ multiple: false,
36
+ priority: 20,
37
+ filterable: 'eml' // turn on filters
38
+ })
39
+ ]
40
+ });
41
+
42
+ // When an image is selected, run a callback.
43
+ frame.on( 'select', function() {
44
+ // Grab the selected attachment.
45
+ var attachment = frame.state().get('selection').first();
46
+
47
+ // Run an AJAX request to set the background image.
48
+ $.post( ajaxurl, {
49
+ action: 'set-background-image',
50
+ attachment_id: attachment.id,
51
+ size: 'full'
52
+ }).done( function() {
53
+ // When the request completes, reload the window.
54
+ window.location.reload();
55
+ });
56
+ });
57
+
58
+ // Finally, open the modal.
59
+ frame.open();
60
+ });
61
+ });
62
+
63
+ })(jQuery);
js/eml-custom-header.js ADDED
@@ -0,0 +1,56 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ (function($) {
2
+
3
+ var frame;
4
+
5
+ $( document ).ready(function() {
6
+
7
+ $("#choose-from-library-link").unbind('click').click( function( event ) {
8
+
9
+ var $el = $(this);
10
+
11
+ event.preventDefault();
12
+
13
+ // If the media frame already exists, reopen it.
14
+ if ( frame ) {
15
+ frame.open();
16
+ return;
17
+ }
18
+
19
+ // Create the media frame.
20
+ frame = wp.media.frames.customHeader = wp.media({
21
+
22
+ // Customize the submit button.
23
+ button: {
24
+ // Set the text of the button.
25
+ text: $el.data('update'),
26
+ // Tell the button not to close the modal, since we're
27
+ // going to refresh the page when the image is selected.
28
+ close: false
29
+ },
30
+
31
+ states: [
32
+ new wp.media.controller.Library({
33
+ title: $el.data('choose'),
34
+ library: wp.media.query({ type: 'image' }),
35
+ multiple: false,
36
+ priority: 20,
37
+ filterable: 'eml' // turn on filters
38
+ })
39
+ ]
40
+ });
41
+
42
+ // When an image is selected, run a callback.
43
+ frame.on( 'select', function() {
44
+ // Grab the selected attachment.
45
+ var attachment = frame.state().get('selection').first(),
46
+ link = $el.data('updateLink');
47
+
48
+ // Tell the browser to navigate to the crop step.
49
+ window.location = link + '&file=' + attachment.id;
50
+ });
51
+
52
+ frame.open();
53
+ });
54
+ });
55
+
56
+ }(jQuery));
js/eml-customize-controls.js CHANGED
@@ -1,10 +1,11 @@
1
  window.wp = window.wp || {};
2
 
3
- (function($) {
4
-
5
  wp.customize.HeaderControl = wp.customize.HeaderControl.extend({
6
-
7
  openMedia: function(event) {
 
8
  var l10n = _wpMediaViewsL10n;
9
 
10
  event.preventDefault();
@@ -22,7 +23,7 @@ window.wp = window.wp || {};
22
  priority: 20,
23
  suggestedWidth: _wpCustomizeHeader.data.width,
24
  suggestedHeight: _wpCustomizeHeader.data.height,
25
- filterable: 'all' // turn on filters
26
  }),
27
  new wp.media.controller.Cropper({
28
  imgSelectOptions: this.calculateImageSelectOptions
@@ -38,11 +39,8 @@ window.wp = window.wp || {};
38
  }
39
  });
40
 
41
- wp.customize.controlConstructor = {
42
- color: wp.customize.ColorControl,
43
- upload: wp.customize.UploadControl,
44
- image: wp.customize.ImageControl,
45
  header: wp.customize.HeaderControl
46
- };
47
-
48
  }(jQuery));
1
  window.wp = window.wp || {};
2
 
3
+ (function($){
4
+
5
  wp.customize.HeaderControl = wp.customize.HeaderControl.extend({
6
+
7
  openMedia: function(event) {
8
+
9
  var l10n = _wpMediaViewsL10n;
10
 
11
  event.preventDefault();
23
  priority: 20,
24
  suggestedWidth: _wpCustomizeHeader.data.width,
25
  suggestedHeight: _wpCustomizeHeader.data.height,
26
+ filterable: 'eml' // turn on filters
27
  }),
28
  new wp.media.controller.Cropper({
29
  imgSelectOptions: this.calculateImageSelectOptions
39
  }
40
  });
41
 
42
+ $.extend( wp.customize.controlConstructor, {
 
 
 
43
  header: wp.customize.HeaderControl
44
+ });
45
+
46
  }(jQuery));
js/eml-media-views.js CHANGED
@@ -69,4 +69,43 @@ window.wp = window.wp || {};
69
  }
70
  });
71
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
72
  })( jQuery );
69
  }
70
  });
71
 
72
+
73
+
74
+ function correctAttachmentsListCSS()
75
+ {
76
+ if ( 'absolute' == $('.attachments-browser .attachments').css('position') && $('.attachments-browser').height() > $('.attachments-browser .media-toolbar').height()+20 )
77
+ {
78
+ $('.attachments-browser .attachments').css('top',$('.attachments-browser .media-toolbar').height()+20);
79
+
80
+ }
81
+ else if ( 'absolute' == $('.attachments-browser .attachments').css('position') )
82
+ {
83
+ $('.attachments-browser .attachments').css('top','50px');
84
+ }
85
+ else if ( 'relative' == $('.attachments-browser .attachments').css('position') )
86
+ {
87
+ $('.attachments-browser .attachments').css('top','0');
88
+ }
89
+
90
+ return false;
91
+ };
92
+
93
+ $(document).on('change', '.media-toolbar-secondary select', function(e)
94
+ {
95
+ correctAttachmentsListCSS();
96
+ });
97
+
98
+ wp.media.view.Modal.prototype.on('open', function()
99
+ {
100
+ correctAttachmentsListCSS();
101
+ });
102
+
103
+ $(window).on('resize',function(e)
104
+ {
105
+ if ( typeof wp !== 'undefined' && wp.media && wp.media.editor )
106
+ {
107
+ correctAttachmentsListCSS();
108
+ }
109
+ })
110
+
111
  })( jQuery );
readme.txt CHANGED
@@ -3,7 +3,7 @@ Contributors: webbistro
3
  Tags: media library, taxonomy, taxonomies, mime, mime type, attachment, media category, media categories, media tag, media tags, media taxonomy, media taxonomies, media filter, media organizer, file types, media types, media uploader, custom, media management, attachment management, files management, ux, user experience, wp-admin, admin
4
  Requires at least: 3.5
5
  Tested up to: 3.9.1
6
- Stable tag: 1.1
7
  License: GPLv2 or later
8
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
9
 
@@ -79,6 +79,16 @@ New features and improvements coming...
79
 
80
  == Changelog ==
81
 
 
 
 
 
 
 
 
 
 
 
82
  = 1.1 =
83
 
84
  * **Improvements**
3
  Tags: media library, taxonomy, taxonomies, mime, mime type, attachment, media category, media categories, media tag, media tags, media taxonomy, media taxonomies, media filter, media organizer, file types, media types, media uploader, custom, media management, attachment management, files management, ux, user experience, wp-admin, admin
4
  Requires at least: 3.5
5
  Tested up to: 3.9.1
6
+ Stable tag: 1.1.1
7
  License: GPLv2 or later
8
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
9
 
79
 
80
  == Changelog ==
81
 
82
+
83
+ = 1.1.1 =
84
+ * **Improvements**
85
+ * Filters added for Appearance -> Header and Appearance -> Background [Support Request](https://wordpress.org/support/topic/missing-category-filter-on-media-select-window)
86
+
87
+ * **Bugfixes**
88
+ * Fixed EML 1.1 bug with disappearing widgets on Appearance -> Customize [Support Request](http://wordpress.org/support/topic/customize-missing-widgets)
89
+ * Fixed EML 1.1 bug with disappearing scrollbar [Support Request](http://wordpress.org/support/topic/scroll-bar-disappeared-in-media-window)
90
+
91
+
92
  = 1.1 =
93
 
94
  * **Improvements**