WordPress.org

Make WordPress Core

Ticket #29215: 29215.patch

File 29215.patch, 10.1 KB (added by ocean90, 6 years ago)

Refresh

  • src/wp-admin/css/customize-controls.css

     
    582582        -webkit-overflow-scrolling: touch;
    583583}
    584584
    585 /** Header control **/
     585/** Media controls **/
    586586
     587.customize-control-media .current,
    587588.customize-control-upload .current,
    588589.customize-control-image .current,
    589590.customize-control-background .current,
     
    610611        display: block;
    611612}
    612613
     614.customize-control-media .remove-button,
     615.customize-control-media .default-button,
     616.customize-control-media .upload-button,
    613617.customize-control-upload .remove-button,
    614618.customize-control-upload .default-button,
    615619.customize-control-upload .upload-button,
     
    626630        height: auto;
    627631}
    628632
     633.customize-control-media .current .container,
    629634.customize-control-upload .current .container,
    630635.customize-control-image .current .container,
    631636.customize-control-background .current .container,
     
    637642        border-radius: 2px;
    638643}
    639644
     645.customize-control-media .current .container,
    640646.customize-control-upload .current .container,
    641647.customize-control-background .current .container,
    642648.customize-control-image .current .container {
    643649        min-height: 40px;
    644650}
    645651
     652.customize-control-media .placeholder,
    646653.customize-control-upload .placeholder,
    647654.customize-control-image .placeholder,
    648655.customize-control-background .placeholder,
     
    653660        cursor: default;
    654661}
    655662
     663.customize-control-media .inner,
    656664.customize-control-upload .inner,
    657665.customize-control-image .inner,
    658666.customize-control-background .inner,
     
    666674        overflow: hidden;
    667675}
    668676
     677.customize-control-media .inner,
    669678.customize-control-upload .inner,
    670679.customize-control-background .inner,
    671680.customize-control-image .inner {
     
    673682        min-height: 40px;
    674683}
    675684
     685.customize-control-media .inner,
    676686.customize-control-upload .inner,
    677687.customize-control-image .inner,
    678688.customize-control-background .inner,
     
    782792        100% { color: #d4b146; }
    783793}
    784794
     795.customize-control-media .actions,
    785796.customize-control-upload .actions,
    786797.customize-control-image .actions,
    787798.customize-control-background .actions,
     
    799810        margin-bottom: 0;
    800811}
    801812
     813.customize-control-media img,
    802814.customize-control-upload img,
    803815.customize-control-image img,
    804816.customize-control-background img,
     
    808820        border-radius: 2px;
    809821}
    810822
     823.customize-control-media .remove-button,
     824.customize-control-media .default-button,
    811825.customize-control-upload .remove-button,
    812826.customize-control-upload .default-button,
    813827.customize-control-image .remove-button,
     
    819833        margin-right: 3px;
    820834}
    821835
     836.customize-control-media .upload-button,
    822837.customize-control-upload .upload-button,
    823838.customize-control-image .upload-button,
    824839.customize-control-background .upload-button,
  • src/wp-admin/js/customize-controls.js

     
    13701370        });
    13711371
    13721372        /**
    1373          * An upload control, which utilizes the media modal.
     1373         * A control that implements the media modal.
    13741374         *
    13751375         * @class
    13761376         * @augments wp.customize.Control
    13771377         * @augments wp.customize.Class
    13781378         */
    1379         api.UploadControl = api.Control.extend({
     1379        api.MediaControl = api.Control.extend({
    13801380
    13811381                /**
    13821382                 * When the control's DOM structure is ready,
     
    14711471                        this.params.attachment = attachment;
    14721472
    14731473                        // Set the Customizer setting; the callback takes care of rendering.
    1474                         this.setting( attachment.url );
     1474                        this.setting( attachment.id );
    14751475                        node = this.container.find( 'audio, video' ).get(0);
    14761476
    14771477                        // Initialize audio/video previews.
     
    15091509                        this.params.attachment = {};
    15101510                        this.setting( '' );
    15111511                        this.renderContent(); // Not bound to setting change when emptying.
     1512                }
     1513        });
     1514
     1515        /**
     1516         * An upload control, which utilizes the media modal.
     1517         *
     1518         * @class
     1519         * @augments wp.customize.MediaControl
     1520         * @augments wp.customize.Control
     1521         * @augments wp.customize.Class
     1522         */
     1523        api.UploadControl = api.MediaControl.extend({
     1524
     1525                /**
     1526                 * Callback handler for when an attachment is selected in the media modal.
     1527                 * Gets the selected image information, and sets it within the control.
     1528                 */
     1529                select: function() {
     1530                        // Get the attachment from the modal frame.
     1531                        var node,
     1532                                attachment = this.frame.state().get( 'selection' ).first().toJSON(),
     1533                                mejsSettings = window._wpmejsSettings || {};
     1534
     1535                        this.params.attachment = attachment;
     1536
     1537                        // Set the Customizer setting; the callback takes care of rendering.
     1538                        this.setting( attachment.url );
     1539                        node = this.container.find( 'audio, video' ).get(0);
     1540
     1541                        // Initialize audio/video previews.
     1542                        if ( node ) {
     1543                                this.player = new MediaElementPlayer( node, mejsSettings );
     1544                        } else {
     1545                                this.cleanupPlayer();
     1546                        }
    15121547                },
    15131548
    15141549                // @deprecated
     
    15261561         *
    15271562         * @class
    15281563         * @augments wp.customize.UploadControl
     1564         * @augments wp.customize.MediaControl
    15291565         * @augments wp.customize.Control
    15301566         * @augments wp.customize.Class
    15311567         */
     
    15391575         *
    15401576         * @class
    15411577         * @augments wp.customize.UploadControl
     1578         * @augments wp.customize.MediaControl
    15421579         * @augments wp.customize.Control
    15431580         * @augments wp.customize.Class
    15441581         */
     
    15751612         */
    15761613        api.HeaderControl = api.Control.extend({
    15771614                ready: function() {
    1578                         this.btnRemove        = $('#customize-control-header_image .actions .remove');
    1579                         this.btnNew           = $('#customize-control-header_image .actions .new');
     1615                        this.btnRemove = $('#customize-control-header_image .actions .remove');
     1616                        this.btnNew    = $('#customize-control-header_image .actions .new');
    15801617
    15811618                        _.bindAll(this, 'openMedia', 'removeImage');
    15821619
     
    23112348
    23122349        api.controlConstructor = {
    23132350                color:      api.ColorControl,
     2351                media:      api.MediaControl,
    23142352                upload:     api.UploadControl,
    23152353                image:      api.ImageControl,
    23162354                header:     api.HeaderControl,
  • src/wp-includes/class-wp-customize-control.php

     
    521521         * @since 4.1.0
    522522         */
    523523        final public function print_template() {
    524                 ?>
    525                 <script type="text/html" id="tmpl-customize-control-<?php echo $this->type; ?>-content">
    526                         <?php $this->content_template(); ?>
    527                 </script>
    528                 <?php
     524                ?>
     525                <script type="text/html" id="tmpl-customize-control-<?php echo $this->type; ?>-content">
     526                        <?php $this->content_template(); ?>
     527                </script>
     528                <?php
    529529        }
    530530
    531531        /**
     
    638638}
    639639
    640640/**
    641  * Customize Upload Control class.
     641 * Customize Media Control class.
    642642 *
    643  * @since 3.4.0
     643 * @since 4.2.0
    644644 *
    645645 * @see WP_Customize_Control
    646646 */
    647 class WP_Customize_Upload_Control extends WP_Customize_Control {
    648         public $type          = 'upload';
     647class WP_Customize_Media_Control extends WP_Customize_Control {
     648        public $type          = 'media';
    649649        public $mime_type     = '';
    650650        public $button_labels = array();
    651         public $removed = ''; // unused
    652         public $context; // unused
    653         public $extensions = array(); // unused
    654651
    655652        /**
    656653         * Constructor.
     
    698695                if ( is_object( $this->setting ) ) {
    699696                        if ( $this->setting->default ) {
    700697                                // Fake an attachment model - needs all fields used by template.
     698                                // Note that the default value must be a URL, NOT an attachment ID.
    701699                                $type = in_array( substr( $this->setting->default, -3 ), array( 'jpg', 'png', 'gif', 'bmp' ) ) ? 'image' : 'document';
    702700                                $default_attachment = array(
    703701                                        'id' => 1,
     
    720718                                // Set the default as the attachment.
    721719                                $this->json['attachment'] = $this->json['defaultAttachment'];
    722720                        } elseif ( $value ) {
    723                                 // Get the attachment model for the existing file.
    724                                 $attachment_id = attachment_url_to_postid( $value );
    725                                 if ( $attachment_id ) {
    726                                         $this->json['attachment'] = wp_prepare_attachment_for_js( $attachment_id );
    727                                 }
     721                                $this->json['attachment'] = wp_prepare_attachment_for_js( $value );
    728722                        }
    729723                }
    730724        }
     
    732726        /**
    733727         * Don't render any content for this control from PHP.
    734728         *
    735          * @see WP_Customize_Upload_Control::content_template()
     729         * @see WP_Customize_Media_Control::content_template()
    736730         * @since 3.4.0
    737731         */
    738732        public function render_content() {}
    739733
    740734        /**
    741          * Render a JS template for the content of the upload control.
     735         * Render a JS template for the content of the media control.
    742736         *
    743737         * @since 4.1.0
    744738         */
     
    823817}
    824818
    825819/**
     820 * Customize Upload Control Class.
     821 *
     822 * @since 3.4.0
     823 *
     824 * @see WP_Customize_Media_Control
     825 */
     826class WP_Customize_Upload_Control extends WP_Customize_Media_Control {
     827        public $type          = 'upload';
     828        public $mime_type     = '';
     829        public $button_labels = array();
     830        public $removed = ''; // unused
     831        public $context; // unused
     832        public $extensions = array(); // unused
     833
     834        /**
     835         * Refresh the parameters passed to the JavaScript via JSON.
     836         *
     837         * @since 3.4.0
     838         * @uses WP_Customize_Media_Control::to_json()
     839         */
     840        public function to_json() {
     841                parent::to_json();
     842
     843                $value = $this->value();
     844                if ( $value ) {
     845                        // Get the attachment model for the existing file.
     846                        $attachment_id = attachment_url_to_postid( $value );
     847                        if ( $attachment_id ) {
     848                                $this->json['attachment'] = wp_prepare_attachment_for_js( $attachment_id );
     849                        }
     850                }
     851        }
     852}
     853
     854/**
    826855 * Customize Image Control class.
    827856 *
    828857 * @since 3.4.0
  • src/wp-includes/class-wp-customize-manager.php

     
    11391139
    11401140                /* Control Types (custom control classes) */
    11411141                $this->register_control_type( 'WP_Customize_Color_Control' );
     1142                $this->register_control_type( 'WP_Customize_Media_Control' );
    11421143                $this->register_control_type( 'WP_Customize_Upload_Control' );
    11431144                $this->register_control_type( 'WP_Customize_Image_Control' );
    11441145                $this->register_control_type( 'WP_Customize_Background_Image_Control' );