'full', // The size of the image to use in the generated CSS. 'placeholder' => '', // Show this when blank. ); /** * Constructor. * * @return void * @since 1.5 */ function __construct( $settings, $owner ) { parent::__construct( $settings, $owner ); add_filter( 'mm_generate_css_upload_mobmenu' , array( $this, 'generateCSS' ), 10, 2 ); add_filter( 'upload_mimes', array( $this, 'allow_svg_uploads' ) ); add_action( 'mm_livepreview_pre_mobmenu' , array( $this, 'preLivePreview' ), 10, 3 ); add_action( 'mm_livepreview_post_mobmenu', array( $this, 'postLivePreview' ), 10, 3 ); } /** * Allow SVG mime types to be uploaded to WP. * * @since 2.9 * * @param array $mimes The allowed mime types. * * @return array $mimes The modified mime types. */ public function allow_svg_uploads( $mimes ) { $mimes['svg'] = 'image/svg+xml'; return apply_filters( 'pbs_allow_svg_uploads', $mimes ); } /** * Generates CSS for the font, this is used in MobileMenuCSS * * @param string $css The CSS generated * @param MobileMenuOption $option The current option being processed. * @return string The CSS generated * @since 1.5 */ public function generateCSS( $css, $option ) { if ( $this->settings['id'] != $option->settings['id'] ) { return $css; } $value = $this->getValue(); if ( empty( $value ) ) { return $css; } if ( is_numeric( $value ) ) { $size = ! empty( $option->settings['size'] ) ? $option->settings['size'] : 'thumbnail'; $attachment = wp_get_attachment_image_src( $value, $size ); $value = $attachment[0]; } $css .= '$' . $option->settings['id'] . ': url(' . $value . ');'; if ( ! empty( $option->settings['css'] ) ) { // In the css parameter, we accept the term `value` as our current value, // translate it into the SaSS variable for the current option. $css .= str_replace( 'value', '#{$' . $option->settings['id'] . '}', $option->settings['css'] ); } return $css; } /** * The upload option gives out an attachment ID. Live previews will not work since we cannot get * the upload URL from an ID easily. Use a specially created Ajax Handler for just getting the URL. * * @since 1.9 * * @see tf_upload_option_customizer_get_value() */ public function preLivePreview( $optionID, $optionType, $option ) { if ( $optionID != $this->settings['id'] ) { return; } $nonce = wp_create_nonce( 'tf_upload_option_nonce' ); $size = ! empty( $this->settings['size'] ) ? $this->settings['size'] : 'thumbnail'; ?> wp.ajax.send( 'tf_upload_option_customizer_get_value', { data: { nonce: '', size: '', id: value }, success: function( data ) { var $ = jQuery; var value = data; settings['id'] ) { return; } // Close the ajax call. ?> } }); echoOptionHeader(); // Display the preview image. $value = $this->getValue(); if ( is_numeric( $value ) ) { // Gives us an array with the first element as the src or false on fail. $value = wp_get_attachment_image_src( $value, array( 150, 150 ) ); } if ( !$value ) { $value = ""; } else { if ( ! is_array( $value ) ) { $value = $this->getValue(); if ( $value == 'menu' ) { $value = ''; } } else { $value = $value[0]; } } $previewImage = ''; if ( ! empty( $value ) ) { $previewImage = ""; } echo "
" . $previewImage . '
'; printf('', $this->getID(), $this->settings['placeholder'], $this->getID(), esc_attr( $this->getValue() ) ); $this->echoOptionFooter(); } public static function createUploaderScript() { if ( ! self::$firstLoad ) { return; } self::$firstLoad = false; ?>