function wppb_convert_urls_in_css($css) { // Iterate available themes to convert their image URLs (since images used in those themes aren't stored in the uploads folder) foreach (wppb_available_themes() as $count => $theme) { if ('Internal' == $theme['Type']) { $css = str_replace("url('" . $theme['Folder'], "url('" . get_template_directory_uri() . '/designs/' . $theme['Folder'] . '/images/', $css); } elseif ('Child' == $theme['Type']) { $css = str_replace("url('" . $theme['Folder'], "url('" . get_theme_root_uri() . '/' . $theme['Folder'] . '/images/', $css); } // Fixing CSS URLs } return $css; }
function wppb_inline_scripts() { $wppb_design_settings = get_option(WPPB_DESIGNER_SETTINGS); // Setting potentially empty variable if (empty($wppb_design_settings['design'])) { $wppb_design_settings['design'] = ''; } else { $wppb_design_settings['design'] = sanitize_title($wppb_design_settings['design']); } // Bug fix for existing poorly labelled designs ?> <script type="text/javascript"> <?php do_action('wppb_inline_scripts_hook'); ?> // Setting WP Paintbrush JS variables var storage_folder = '<?php echo wppb_storage_folder('images', 'url'); ?> '; var design_folder = '<?php echo get_template_directory_uri(); ?> /designs/<?php echo $wppb_design_settings['design']; ?> /images/'; var design_name = '<?php echo $wppb_design_settings['design']; ?> '; var nonce_link = '<?php echo wp_nonce_url(home_url(), 'wppb_editor'); ?> '; var admin_url = '<?php echo home_url(); ?> /wp-admin/'; var home_url = '<?php echo home_url(); ?> '; jQuery(function($){ // AJAX form submission function change_design(button) { $.ajax({ type: 'POST', url: home_url+'/?change_theme='+button, data: { 'wppb_nonce' : $("#wppb_nonce").val(), }, success: function(data, textStatus) { $( "#wppb-page-reload" ).dialog({width:250,minWidth:250,maxWidth:250,modal:true,autoOpen:true,}); $(location).attr('href',home_url); }, error: function(jqXHR, textStatus, errorThrown) { $( "#wppb-external-connection-failure" ).dialog({width:250,minWidth:250,maxWidth:250,modal:true,autoOpen:true,}); }, dataType: 'html' }); }<?php // Output list of available designs foreach (wppb_available_themes() as $count => $design) { echo "\$('#myform" . $design['Folder'] . "').click(function() {change_design( '" . $design['Folder'] . "' );});\n"; } ?> // AJAX form submission function option_get(button) { $("#wppb-css2").html('<div style="text-indent:0;"><img style="" src="'+admin_url+'images/wpspin_light.gif" /></div>'); $.ajax({ type: 'POST', url: home_url+'/?generator-css='+button, data: { 'wppb_nonce':$("#wppb_nonce").val(),<?php // Set all AJAX options foreach (wppb_ajax_option_get() as $option) { echo '\'' . $option . '\':$("#' . $option . '").val(),' . "\n"; } ?> }, success: function(data, textStatus) { switch(data) { case "Error: Couldn't connect to server": $( "#wppb-external-connection-failure" ).dialog({width:250,minWidth:250,maxWidth:250,modal:true,autoOpen:true,}); $('#wppb-css3').html("Error: Couldn't connect to server"); break; default: $('#wppb-css').html(data); $('#wppb-css3').html(data); break; } $('#wppb-css2').html(''); }, error: function(jqXHR, textStatus, errorThrown) { $( "#wppb-external-connection-failure" ).dialog({width:250,minWidth:250,maxWidth:250,modal:true,autoOpen:true,}); }, dataType: 'html' }); } $('#myformButton').click(function() {option_get( 'process' );}); $('.myformSaver').click(function() {option_get( 'save' );}); $('#myformPublish').click(function() {option_get( 'publish' );}); $('#myformExport').click(function() {option_get( 'export' );}); $('#ChangeHomeLayoutMagazine').click(function() {option_get( 'Magazine' );}); $('#ChangeHomeLayoutNormal').click(function() {option_get( 'Normal' );}); $("#sidebar-layout-sortable, #sidebar-blocks-sortable").sortable({ connectWith: ".sidebar-sortable-connect", update: function(){ var pos = []; $('#sidebar-layout-sortable > li').each(function(i){ pos[i] = $(this).attr('id'); }); $('#sidebar_positions').val(pos.toString()); option_get( 'process' ); } }); // Image picker var $button, $ele = $('#wppb-image-uploads').dialog({ width: 530, minWidth: 530, maxWidth: 530, title: 'Image picker', modal: false, autoOpen: false, open : function(event, ui){ $('img.uploaded-image',ui.dialog).each(function(){ var image = $(this); image.click(function(){ $button.parent().find('.image-picker').val(image.attr('alt')); $button.removeClass('ICopen').val('pick'); <?php $images = array('sidebar_background_image' => '.wrapper', 'footer_background_image' => 'footer div.footer', 'background_image' => 'body', 'maincontent_background_image' => '.wrapper #content', 'header_background_image' => 'header div.header', 'header_fullwidth_background_image' => 'header', 'header_searchbox_background_image' => 'header #search', 'header_logo_background_image' => 'header #logo', 'banner_image' => '#banner div.banner-image', 'menu1_hover_background_image' => 'nav#nav li:hover a', 'menu1_background_image' => 'nav#nav ul', 'menu1_fullwidth_background_image' => 'nav#nav', 'menu1_items_background_image' => 'nav#nav li', 'header_searchbox_text_background_image' => 'header #search input[type=text]', 'header_searchsubmit_text_background_image' => 'header #search input[type=submit]', 'footer_fullwidth_background_image' => 'footer'); foreach ($images as $theid => $selector) { echo "\n\t\t\t\t\tvar filename=\$('#" . $theid, "').val().split('/');\n\t\t\t\t\tif('stored'==filename[0]){\n\t\t\t\t\t\t\$('" . $selector . "').css({'background-image':'url('+storage_folder+'/'+filename[1]+')'});\n\t\t\t\t\t}\n\t\t\t\t\tif(design_name==filename[0]){\n\t\t\t\t\t\t\$('" . $selector . "').css({'background-image':'url('+design_folder+'/'+filename[1]+')'});\n\t\t\t\t\t}"; } ?> $ele.dialog('close'); }); }); }, beforeClose: function(event,ui){ $('img',ui.dialog).unbind(); } }); $('.imagepickerbutton').click(function(){$button = $(this);$ele.dialog('open');}); }); </script><?php }
function wppb_editor_content() { // Bail out now if user not supposed to see admin panel if (!current_user_can('manage_options') || 'on' != get_option('wppb_designer_pane')) { return; } // Setting defaults for "content_layout" $wppb_designer_settings = get_option(WPPB_DESIGNER_SETTINGS); ?> <div id="dialog" title="Theme Creator"> <div id="loading-text"> <img style="" src="<?php echo WPPB_URL; ?> images/load.gif" alt="<?php _e('Loading', 'wppb_lang'); ?> " /> <br /> <h3><?php _e('One moment please. The WP Paintbrush editor is loading.', 'wppb_lang'); ?> </h3> </div> <div id="tab_wrapper"> <form id="wppb-editor-form" method="post" action="" enctype="multipart/form-data"> <input type="hidden" name="MAX_FILE_SIZE" value="3000000" /> <input type="hidden" id="copyright" name="copyright" value='<?php echo $wppb_designer_settings['copyright']; ?> ' /> <input type="hidden" id="design" name="design" value='<?php echo $wppb_designer_settings['design']; ?> ' /> <?php wp_nonce_field('wppb_upload_image', 'image'); ?> <?php wp_nonce_field('wppb_nonce', 'wppb_nonce'); ?> <div id="tabs" class="maintabber"> <div id="tabs-navigation-wrapper"> <ul> <?php // Hook for adding new link do_action('wppb_add_editor_links'); ?> </ul> </div> <?php // Hook for adding new tabs do_action('wppb_add_editor_tabs'); ?> </div> <!-- Farbtastic colour picker --> <div id="farbtastic" title="Colour picker"><?php _e('Colour picker', 'wppb_lang'); ?> </div> <!-- Image picker --> <div id="wppb-image-uploads"> <div id="wppb-images"> <table> <?php wppb_list_images(wppb_storage_folder('images'), wppb_storage_folder('images', 'url'), 'display', 'stored'); echo '<tr><td><h2 style="margin:20px 0 6px 0;">' . __(' Design images', 'wppb_lang') . '</h2></td></tr>'; foreach (wppb_available_themes() as $count => $theme) { if ($theme['Folder'] == $wppb_designer_settings['design']) { if ('Internal' == $theme['Type']) { wppb_list_images(get_template_directory() . '/designs/' . $theme['Folder'] . '/images/', get_template_directory_uri() . '/designs/' . $theme['Folder'] . '/images/', '', $theme['Folder']); } } } ?> </table> </div> <h2><?php _e('Image uploads', 'wppb_lang'); ?> </h2> <!-- --><?php // If using WP 3.3 then make use of plup uploader (note use of query var to force major CSS changes in iframe) global $wp_version; if ($wp_version >= 3.3) { echo '<iframe src="' . admin_url() . '/media-new.php?wppb_frontenduploader=css" width="525" height="215"></iframe>'; } else { echo '<p>' . __('Visit the <a href="http://localhost/wp/testing/wp-admin/themes.php?page=upload_images">image uploads page</a> to upload new images.', 'wppb_lang') . '</p>'; } ?> </div> </form> <!-- Connection failure dialog --> <div id="wppb-external-connection-failure" title="<?php _e('Dangit, we got an error!', 'wppb_lang'); ?> "> <p><?php _e('Sorry, the server is having difficulties connecting to the CSS generator. Please try again.', 'wppb_lang'); ?> </p> </div> <div id="wppb-page-reload" title="Page reloading!"> <p><?php _e('We need to reload the page to show the changes you just selected. One moment please ...', 'wppb_lang'); ?> </p> </div> </div> </div> <?php }