Ticket #28990: 28990.diff

wp-includes/js/media-views.js

@@ -5749 +5749 @@
                 }
         });
 
+        media.view.DateFilter = media.view.AttachmentFilters.extend({
+                id: 'media-attachment-date-filters',
+
+                createFilters: function() {
+                        var filters = {};
+                        _.each( media.view.settings.months || {}, function( value, index ) {
+                                filters[ index ] = {
+                                        text: value.text,
+                                        props: {
+                                                year: value.year,
+                                                monthnum: value.month
+                                        }
+                                };
+                        });
+                        filters.all = {
+                                text:  l10n.allDates,
+                                props: {
+                                        monthnum: false,
+                                        year:  false
+                                },
+                                priority: 10
+                        };
+                        this.filters = filters;
+                }
+        });
+
         /**
          * wp.media.view.AttachmentFilters.Uploaded
          *
@@ -5969 +5995 @@
                                         priority:   -80
                                 }).render() );
 
+                                // DateFilter is a <select>, screen reader text needs to be rendered before
+                                this.toolbar.set( 'dateFilterLabel', new media.view.Label({
+                                        value: l10n.filterByDate,
+                                        attributes: {
+                                                'for': 'media-attachment-date-filters'
+                                        },
+                                        priority: -75
+                                }).render() );
+                                this.toolbar.set( 'dateFilter', new media.view.DateFilter({
+                                        controller: this.controller,
+                                        model:      this.collection.props,
+                                        priority: -75
+                                }).render() );
+
+
                                 if ( 'uploaded' === this.options.filters ) {
                                         this.toolbar.set( 'filters', new media.view.AttachmentFilters.Uploaded({
                                                 controller: this.controller,