WordPress.org

Make WordPress Core

Ticket #36256: 36256.2.diff

File 36256.2.diff, 2.7 KB (added by ocean90, 6 years ago)
  • src/wp-includes/customize/class-wp-customize-cropped-image-control.php

     
    9090                $this->json['flex_height'] = absint( $this->flex_height );
    9191        }
    9292
     93        /**
     94         * Render a JS template for the content of the cropped image control.
     95         *
     96         * @since 4.5.0
     97         */
     98        public function content_template() {
     99                ?>
     100                <label for="{{ data.settings['default'] }}-button">
     101                        <# if ( data.label ) { #>
     102                                <span class="customize-control-title">{{ data.label }}</span>
     103                        <# } #>
     104                        <# if ( data.description ) { #>
     105                                <span class="description customize-control-description">{{{ data.description }}}</span>
     106                        <# } #>
     107                </label>
     108
     109                <# if ( data.attachment && data.attachment.id ) { #>
     110                        <div class="current">
     111                                <div class="container">
     112                                        <div class="attachment-media-view attachment-media-view-{{ data.attachment.type }} {{ data.attachment.orientation }}">
     113                                                <div class="thumbnail thumbnail-{{ data.attachment.type }}">
     114                                                        <# if ( 'image' === data.attachment.type && data.attachment.sizes && data.attachment.sizes.full ) { #>
     115                                                                <img class="attachment-thumb" src="{{ data.attachment.sizes.full.url }}" draggable="false" alt="" />
     116                                                        <# } else { #>
     117                                                                <img class="attachment-thumb type-icon icon" src="{{ data.attachment.icon }}" draggable="false" alt="" />
     118                                                                <p class="attachment-title">{{ data.attachment.title }}</p>
     119                                                        <# } #>
     120                                                </div>
     121                                        </div>
     122                                </div>
     123                        </div>
     124                        <div class="actions">
     125                                <# if ( data.canUpload ) { #>
     126                                <button type="button" class="button remove-button">{{ data.button_labels.remove }}</button>
     127                                <button type="button" class="button upload-button" id="{{ data.settings['default'] }}-button">{{ data.button_labels.change }}</button>
     128                                <div style="clear:both"></div>
     129                                <# } #>
     130                        </div>
     131                <# } else { #>
     132                        <div class="current">
     133                                <div class="container">
     134                                        <div class="placeholder">
     135                                                <div class="inner">
     136                                                        <span>
     137                                                                {{ data.button_labels.placeholder }}
     138                                                        </span>
     139                                                </div>
     140                                        </div>
     141                                </div>
     142                        </div>
     143                        <div class="actions">
     144                                <# if ( data.defaultAttachment ) { #>
     145                                        <button type="button" class="button default-button">{{ data.button_labels.default }}</button>
     146                                <# } #>
     147                                <# if ( data.canUpload ) { #>
     148                                <button type="button" class="button upload-button" id="{{ data.settings['default'] }}-button">{{ data.button_labels.select }}</button>
     149                                <# } #>
     150                                <div style="clear:both"></div>
     151                        </div>
     152                <# } #>
     153                <?php
     154        }
    93155}