WordPress.org

Make WordPress Core

Ticket #12186: background_js_valid.2.patch

File background_js_valid.2.patch, 8.4 KB (added by ocean90, 4 years ago)
  • wp-admin/custom-background.php

     
    8585                if ( empty($_POST) ) 
    8686                        return; 
    8787 
    88                 check_admin_referer('custom-background'); 
    89  
    9088                if ( isset($_POST['reset-background']) ) { 
    91                         remove_theme_mod( 'background_image' ); 
     89                        check_admin_referer('custom-background-reset', '_wpnonce-custom-background-reset'); 
     90                        remove_theme_mod('background_image'); 
     91                        remove_theme_mod('background_image_thumb'); 
    9292                        return; 
    9393                } 
    9494                if ( isset($_POST['remove-background']) ) { 
    9595                        // @TODO: Uploaded files are not removed here. 
     96                        check_admin_referer('custom-background-remove', '_wpnonce-custom-background-remove'); 
    9697                        set_theme_mod('background_image', ''); 
     98                        set_theme_mod('background_image_thumb', ''); 
     99                        return; 
    97100                } 
    98101 
    99102                if ( isset($_POST['background-repeat']) ) { 
     103                        check_admin_referer('custom-background'); 
    100104                        if ( in_array($_POST['background-repeat'], array('repeat', 'no-repeat', 'repeat-x', 'repeat-y')) ) 
    101105                                $repeat = $_POST['background-repeat']; 
    102106                        else 
     
    104108                        set_theme_mod('background_repeat', $repeat); 
    105109                } 
    106110                if ( isset($_POST['background-position']) ) { 
     111                        check_admin_referer('custom-background'); 
    107112                        if ( in_array($_POST['background-position'], array('center', 'right', 'left')) ) 
    108113                                $position = $_POST['background-position']; 
    109114                        else 
     
    111116                        set_theme_mod('background_position', $position); 
    112117                } 
    113118                if ( isset($_POST['background-attachment']) ) { 
     119                        check_admin_referer('custom-background'); 
    114120                        if ( in_array($_POST['background-attachment'], array('fixed', 'scroll')) ) 
    115121                                $attachment = $_POST['background-attachment']; 
    116122                        else 
     
    118124                        set_theme_mod('background_attachment', $attachment); 
    119125                } 
    120126                if ( isset($_POST['background-color']) ) { 
     127                        check_admin_referer('custom-background'); 
    121128                        $color = preg_replace('/[^0-9a-fA-F]/', '', $_POST['background-color']); 
    122129                        if ( strlen($color) == 6 || strlen($color) == 3 ) 
    123130                                set_theme_mod('background_color', $color); 
     
    156163<td> 
    157164<?php 
    158165$background_styles = ''; 
    159 if ( get_background_color() ) { 
    160         $background_styles .= "background-color: #" . get_background_color() . ";"; 
     166if ( $bgcolor = get_background_color() ) { 
     167        $background_styles .= "background-color: #{$bgcolor};"; 
    161168} 
    162169 
    163170if ( get_background_image() ) {  
    164171        $background_styles .= " 
    165172        background-image: url(" . get_theme_mod('background_image_thumb', '') . "); 
    166         background-repeat: ". get_theme_mod('background_repeat', 'no-repeat') . "; 
    167         background-position: top ". get_theme_mod('background_position', 'left') . "; 
    168         background-attachment: " . get_theme_mod('background_position', 'fixed') . "; 
     173        background-repeat: ". get_theme_mod('background_repeat', 'repeat') . "; 
     174        background-position: ". get_theme_mod('background_position', 'left') . " top; 
     175        background-attachment: " . get_theme_mod('background_attachment', 'fixed') . "; 
    169176        "; 
    170177} 
    171178?> 
    172179<div id="custom-background-image" style="<?php echo $background_styles; ?>"> 
    173180<?php if ( get_background_image() ) { ?> 
    174 <img class="custom-background-image" src="<?php echo get_theme_mod('background_image_thumb', ''); ?>" style="visibility:hidden;" /><br /> 
    175 <img class="custom-background-image" src="<?php echo get_theme_mod('background_image_thumb', ''); ?>" style="visibility:hidden;" /> 
     181<img class="custom-background-image" src="<?php echo get_theme_mod('background_image_thumb', ''); ?>" style="visibility:hidden;" alt="" /><br /> 
     182<img class="custom-background-image" src="<?php echo get_theme_mod('background_image_thumb', ''); ?>" style="visibility:hidden;" alt="" /> 
    176183<?php } ?> 
    177184<br class="clear" /> 
    178185</div> 
     
    184191<th scope="row"><?php _e('Remove Image'); ?></th> 
    185192<td><p><?php _e('This will remove the background image. You will not be able to restore any customizations.') ?></p> 
    186193<form method="post" action=""> 
    187 <?php wp_nonce_field('custom-background'); ?> 
     194<?php wp_nonce_field('custom-background-remove', '_wpnonce-custom-background-remove'); ?> 
    188195<input type="submit" class="button" name="remove-background" value="<?php esc_attr_e('Remove Background'); ?>" /> 
    189196</form> 
    190197</td> 
     
    196203<th scope="row"><?php _e('Restore Original Image'); ?></th> 
    197204<td><p><?php _e('This will restore the original background image. You will not be able to restore any customizations.') ?></p> 
    198205<form method="post" action=""> 
    199 <?php wp_nonce_field('custom-background'); ?> 
     206<?php wp_nonce_field('custom-background-reset', '_wpnonce-custom-background-reset'); ?> 
    200207<input type="submit" class="button" name="reset-background" value="<?php esc_attr_e('Restore Original Image'); ?>" /> 
    201208</form> 
    202209</td> 
    203210</tr> 
    204 </form> 
     211 
    205212<?php endif; ?> 
    206213<tr valign="top"> 
    207214<th scope="row"><?php _e('Upload Image'); ?></th> 
    208 <td><form enctype="multipart/form-data" id="uploadForm" method="post" action=""> 
     215<td><form enctype="multipart/form-data" id="upload-form" method="post" action=""> 
    209216<label for="upload"><?php _e('Choose an image from your computer:'); ?></label><br /><input type="file" id="upload" name="import" /> 
    210217<input type="hidden" name="action" value="save" /> 
    211 <?php wp_nonce_field('custom-background') ?> 
     218<?php wp_nonce_field('custom-background-upload', '_wpnonce-custom-background-upload') ?> 
    212219<p class="submit"> 
    213220<input type="submit" value="<?php esc_attr_e('Upload'); ?>" /> 
    214221</p> 
     
    299306                if ( empty($_FILES) ) 
    300307                        return; 
    301308 
    302                 check_admin_referer('custom-background'); 
     309                check_admin_referer('custom-background-upload', '_wpnonce-custom-background-upload'); 
    303310                $overrides = array('test_form' => false); 
    304311                $file = wp_handle_upload($_FILES['import'], $overrides); 
    305312 
     
    329336 
    330337                $thumbnail = wp_get_attachment_image_src( $id, 'thumbnail' ); 
    331338                set_theme_mod('background_image_thumb', esc_url( $thumbnail[0] ) ); 
    332                  
    333                 set_theme_mod('background_position', get_theme_mod('background_position', 'left') ); 
    334                 set_theme_mod('background_repeat', get_theme_mod('background_repeat', 'tile') ); 
    335                 set_theme_mod('background-attachment',  get_theme_mod('background_position', 'fixed') ); 
    336339 
    337340                do_action('wp_create_file_in_uploads', $file, $id); // For replication 
    338341                $this->updated = true; 
  • wp-admin/js/custom-background.dev.js

     
    1 var buttons = ['#pickcolor'], farbtastic; 
     1var farbtastic; 
    22 
    33function pickColor(color) { 
    4         jQuery('#background-color').val(color); 
    54        farbtastic.setColor(color); 
     5        jQuery('#background-color').val(color); 
    66        jQuery('#custom-background-image').css('background-color', color); 
    77} 
    88 
     
    1010        jQuery('#pickcolor').click(function() { 
    1111                jQuery('#colorPickerDiv').show(); 
    1212        }); 
     13 
    1314        jQuery('#background-color').keyup(function() { 
    1415                var _hex = jQuery('#background-color').val(); 
    1516                var hex = _hex; 
     
    2122                if ( hex.length == 4 || hex.length == 7 ) 
    2223                        pickColor( hex ); 
    2324        }); 
     25 
    2426        jQuery('input[name="background-position"]').change(function() { 
    25                 jQuery('#custom-background-image').css('background-position', 'top '+jQuery(this).val()); 
     27                jQuery('#custom-background-image').css('background-position', 'top ' + jQuery(this).val()); 
    2628        }); 
     29 
    2730        jQuery('select[name="background-repeat"]').change(function() { 
    2831                jQuery('#custom-background-image').css('background-repeat', jQuery(this).val()); 
    2932        }); 
     33         
     34        jQuery('input[name="background-attachment"]').change(function() { 
     35                jQuery('#custom-background-image').css('background-attachment', jQuery(this).val()); 
     36        }); 
    3037 
    3138        farbtastic = jQuery.farbtastic('#colorPickerDiv', function(color) { 
    3239                pickColor(color); 
    3340        }); 
    34         pickColor(customBackgroundL10n.backgroundcolor); 
    35 }); 
     41        pickColor(jQuery('#background-color').val()); 
    3642 
    37 jQuery(document).mousedown(function(){ 
    38         hide_picker(); // Make the picker disappear if you click outside its div element 
    39 }); 
    40  
    41 function hide_picker(what) { 
    42         var update = false; 
    43         jQuery('#colorPickerDiv').each(function(){ 
    44                 var id = jQuery(this).attr('id'); 
    45                 if ( id == what ) 
    46                         return; 
    47  
    48                 var display = jQuery(this).css('display'); 
    49                 if ( display == 'block' ) 
    50                         jQuery(this).fadeOut(2); 
     43        jQuery(document).mousedown(function(){ 
     44                jQuery('#colorPickerDiv').each(function(){ 
     45                        var display = jQuery(this).css('display'); 
     46                        if ( display == 'block' ) 
     47                                jQuery(this).fadeOut(2); 
     48                }); 
    5149        }); 
    52 } 
    53  No newline at end of file 
     50});