WordPress.org

Plugin Directory

Changeset 634206


Ignore:
Timestamp:
12/04/12 22:28:40 (17 months ago)
Author:
cfinke
Message:

Custom CSS: Moving the add/replace CSS setting into the Publish meta box.

File:
1 edited

Legend:

Unmodified
Added
Removed
  • jetpack/trunk/modules/custom-css/custom-css.php

    r634164 r634206  
    743743    static function admin() { 
    744744        add_meta_box( 'submitdiv', __( 'Publish', 'jetpack' ), array( __CLASS__, 'publish_box' ), 'editcss', 'side' ); 
    745         add_meta_box( 'settingsdiv', __( 'CSS Settings', 'jetpack' ), array( __CLASS__, 'meta_box' ), 'editcss', 'side' ); 
    746745 
    747746        $safecss_post = Jetpack_Custom_CSS::get_post(); 
    748747 
    749         if ( ! empty( $safecss_post ) && 0 < $safecss_post['ID'] && wp_get_post_revisions( $safecss_post['ID'] ) ) { 
    750                 add_meta_box( 'revisionsdiv', __( 'CSS Revisions', 'jetpack' ), array( __CLASS__, 'revisions_meta_box' ), 'editcss', 'side' ); 
    751         } 
     748        if ( ! empty( $safecss_post ) && 0 < $safecss_post['ID'] && wp_get_post_revisions( $safecss_post['ID'] ) ) 
     749            add_meta_box( 'revisionsdiv', __( 'CSS Revisions', 'jetpack' ), array( __CLASS__, 'revisions_meta_box' ), 'editcss', 'side' ); 
    752750 
    753751        ?> 
     
    792790 
    793791    static function publish_box() { 
    794         $preprocessors = apply_filters( 'jetpack_custom_css_preprocessors', array() ); 
    795  
    796         if ( ! empty( $preprocessors ) ) { 
    797             $safecss_post = Jetpack_Custom_CSS::get_current_revision(); 
    798             $selected_preprocessor_key = get_post_meta( $safecss_post['ID'], 'custom_css_preprocessor', true ); 
    799             $selected_preprocessor = isset( $preprocessors[$selected_preprocessor_key] ) ? $preprocessors[$selected_preprocessor_key] : null; 
    800  
    801             ?> 
    802             <div id="minor-publishing"> 
    803                 <div id="misc-publishing-actions"> 
     792        ?> 
     793        <div id="minor-publishing"> 
     794            <div id="misc-publishing-actions"> 
     795                <?php 
     796 
     797                $preprocessors = apply_filters( 'jetpack_custom_css_preprocessors', array() ); 
     798 
     799                if ( ! empty( $preprocessors ) ) { 
     800                    $safecss_post = Jetpack_Custom_CSS::get_current_revision(); 
     801                    $selected_preprocessor_key = get_post_meta( $safecss_post['ID'], 'custom_css_preprocessor', true ); 
     802                    $selected_preprocessor = isset( $preprocessors[$selected_preprocessor_key] ) ? $preprocessors[$selected_preprocessor_key] : null; 
     803 
     804                    ?> 
    804805                    <div class="misc-pub-section"> 
    805806                        <label><?php esc_html_e( 'Preprocessor:' ); ?></label> 
     
    824825                        </div> 
    825826                    </div> 
    826                     <?php do_action( 'custom_css_submitbox_misc_actions' ); ?> 
     827                    <?php 
     828                } 
     829 
     830                $safecss_post = Jetpack_Custom_CSS::get_current_revision(); 
     831 
     832                $add_css = ( get_post_meta( $safecss_post['ID'], 'custom_css_add', true ) != 'no' ); 
     833 
     834                ?> 
     835                <div class="misc-pub-section"> 
     836                    <label><?php esc_html_e( 'Mode:' ); ?></label> 
     837                    <span id="css-mode-display"><?php echo esc_html( $add_css ? __( 'Add-on', 'jetpack' ) : __( 'Replacement', 'jetpack' ) ); ?></span> 
     838                    <a class="edit-css-mode hide-if-no-js" href="#css-mode"><?php echo esc_html_e( 'Edit', 'jetpack' ); ?></a> 
     839                    <div id="css-mode-select" class="hide-if-js"> 
     840                        <input type="hidden" name="add_to_existing" id="add_to_existing" value="<?php echo $add_css ? 'true' : 'false'; ?>" /> 
     841                        <p> 
     842                            <label> 
     843                                <input type="radio" name="add_to_existing_display" value="true" <?php checked( $add_css ); ?>/> 
     844                                <?php _e( 'Add-on CSS <b>(Recommended)</b>', 'jetpack' ); ?> 
     845                            </label> 
     846                            <br /> 
     847                            <label> 
     848                                <input type="radio" name="add_to_existing_display" value="false" <?php checked( ! $add_css ); ?>/> 
     849                                <?php printf( __( 'Replace <a href="%s">theme\'s CSS</a> <b>(Advanced)</b>', 'jetpack' ), apply_filters( 'safecss_theme_stylesheet_url', get_stylesheet_uri() ) ); ?> 
     850                            </label> 
     851                        </p> 
     852                        <a class="save-css-mode hide-if-no-js button" href="#css-mode"><?php esc_html_e( 'OK', 'jetpack' ); ?></a> 
     853                        <a class="cancel-css-mode hide-if-no-js" href="#css-mode"><?php esc_html_e( 'Cancel', 'jetpack' ); ?></a> 
     854                    </div> 
     855                    <script type="text/javascript"> 
     856                        jQuery( function ( $ ) { 
     857                            $( '.edit-css-mode' ).bind( 'click', function ( e ) { 
     858                                e.preventDefault(); 
     859 
     860                                $( '#css-mode-select' ).slideDown(); 
     861                                $( this ).hide(); 
     862                            } ); 
     863 
     864                            $( '.cancel-css-mode' ).bind( 'click', function ( e ) { 
     865                                e.preventDefault(); 
     866 
     867                                $( '#css-mode-select' ).slideUp( function () { 
     868                                    $( '.edit-css-mode' ).show(); 
     869                                    $( 'input[name=add_to_existing_display][value=' + $( '#add_to_existing' ).val() + ']' ).attr( 'checked', true ); 
     870                                } ); 
     871                            } ); 
     872 
     873                            $( '.save-css-mode' ).bind( 'click', function ( e ) { 
     874                                e.preventDefault(); 
     875 
     876                                $( '#css-mode-select' ).slideUp(); 
     877                                $( '#css-mode-display' ).text( $( 'input[name=add_to_existing_display]:checked' ).val() == 'true' ? 'Add-on' : 'Replacement' ); 
     878                                $( '#add_to_existing' ).val( $( 'input[name=add_to_existing_display]:checked' ).val() ); 
     879                                $( '.edit-css-mode' ).show(); 
     880                            } ); 
     881                        } ); 
     882                    </script> 
    827883                </div> 
     884                <?php do_action( 'custom_css_submitbox_misc_actions' ); ?> 
    828885            </div> 
    829             <?php 
    830  
    831         } 
    832  
    833         ?> 
     886        </div> 
    834887        <div id="major-publishing-actions"> 
    835888            <input type="button" class="button" id="preview" name="preview" value="<?php esc_attr_e( 'Preview', 'jetpack' ) ?>" /> 
     
    839892        </div> 
    840893        <?php 
    841     } 
    842  
    843     /** 
    844      * Render CSS Settings metabox 
    845      * Called by afecss_admin    * 
    846      * @uses get_option, checked, __, get_current_theme, apply_filters, get_stylesheet_uri, _e, esc_attr, wp_get_theme 
    847      * @return string 
    848      */ 
    849     static function meta_box() { 
    850         if ( function_exists( 'wp_get_theme' ) ) { 
    851             $current_theme = wp_get_theme(); 
    852             $current_theme = $current_theme->Name; 
    853         } 
    854         else { 
    855             $current_theme = get_current_theme(); 
    856         } 
    857  
    858         $safecss_post = Jetpack_Custom_CSS::get_current_revision(); 
    859  
    860         ?> 
    861         <p class="css-settings"> 
    862             <label><input type="radio" name="add_to_existing" value="true" <?php checked( get_post_meta( $safecss_post['ID'], 'custom_css_add', true ) != 'no' ); ?> /> <?php printf( __( 'Add my CSS to <strong>%s&apos;s</strong> CSS.', 'jetpack' ), $current_theme ); ?></label><br /> 
    863             <label><input type="radio" name="add_to_existing" value="false" <?php checked( get_post_meta( $safecss_post['ID'], 'custom_css_add', true ) == 'no' ); ?> /> <?php printf( __( 'Replace <strong>%s&apos;s</strong> CSS with my own.', 'jetpack' ), $current_theme ); ?></label> 
    864             <p><?php printf( __( '<a href="%s">View the original stylesheet</a> for the %s theme. Use this as a reference and do not copy and paste all of it into the CSS Editor.', 'jetpack' ), apply_filters( 'safecss_theme_stylesheet_url', get_stylesheet_uri() ), $current_theme ); ?></p> 
    865         </p> 
    866         <?php 
    867  
    868         do_action( 'custom_css_meta_fields' ); 
    869894    } 
    870895 
     
    13231348 
    13241349function custom_css_meta_box() { 
    1325     _deprecated_function( __FUNCTION__, '2.1', 'Jetpack_Custom_CSS::meta_box()' ); 
    1326  
    1327     return Jetpack_Custom_CSS::meta_box(); 
     1350    _deprecated_function( __FUNCTION__, '2.1', 'add_meta_box( $id, $title, $callback, \'editcss\', \'side\' )' ); 
    13281351} 
    13291352 
Note: See TracChangeset for help on using the changeset viewer.