Changeset 29434

Timestamp:

08/07/2014 08:08:18 PM (12 years ago)

Author:

wonderboymusic

Message:

Create a new Backbone view, media.view.Label, which can be used as a subview in things like toolbars, which need screen reader text.

Make an initial instance of it for the label for Bulk Actions in Media Grid.

See #29026.

Location:

trunk/src/wp-includes

Files:

• js/media-grid.js (modified) (2 diffs)
• js/media-views.js (modified) (1 diff)
• media.php (modified) (1 diff)

trunk/src/wp-includes/js/media-grid.js

@@ -541 +541 @@
                         });
 
+                        this.views.add( new media.view.Label({
+                                value: l10n.bulkActionsLabel,
+                                attributes: {
+                                        'for': 'bulk-select-dropdown'
+                                }
+                        }) );
+
                         this.views.add(
                                 new media.view.BulkSelectionActionDropdown({
@@ -566 +573 @@
          */
         media.view.BulkSelectionActionDropdown = media.View.extend({
-                tagName:   'select',
+                tagName: 'select',
+                id:      'bulk-select-dropdown',
 
                 initialize: function() {

trunk/src/wp-includes/js/media-views.js

@@ -6565 +6565 @@
                 loading: function() {
                         this.$el.toggleClass( 'embed-loading', this.model.get('loading') );
+                }
+        });
+
+        /**
+         * @constructor
+         * @augments wp.media.View
+         * @augments wp.Backbone.View
+         * @augments Backbone.View
+         */
+        media.view.Label = media.View.extend({
+                tagName: 'label',
+                className: 'screen-reader-text',
+
+                initialize: function() {
+                        this.value = this.options.value;
+                },
+
+                render: function() {
+                        this.$el.html( this.value );
                 }
         });

trunk/src/wp-includes/media.php

@@ -2938 +2938 @@
                 'warnBulkDelete'         => __( "You are about to permanently delete these items.\n  'Cancel' to stop, 'OK' to delete." ),
                 'bulkActions'            => __( 'Bulk Actions' ),
+                'bulkActionsLabel'       => __( 'Select bulk action' ),
                 'deletePermanently'      => __( 'Delete Permanently' ),
                 'apply'                  => __( 'Apply' ),