<div class="wrap" id="of_container"> <div id="of-popup-save" class="of-save-popup"> <div class="of-save-save">Options Updated</div> </div> <div id="of-popup-reset" class="of-save-popup"> <div class="of-save-reset">Options Reset</div> </div> <div id="of-popup-fail" class="of-save-popup"> <div class="of-save-fail">Error!</div> </div> <span style="display: none;" id="hooks"><?php echo json_encode(of_get_header_classes_array()); ?> </span> <input type="hidden" id="reset" value="<?php if (isset($_REQUEST['reset'])) { echo $_REQUEST['reset']; } ?> " /> <input type="hidden" id="security" name="security" value="<?php echo wp_create_nonce('of_ajax_nonce'); ?> " /> <form id="of_form" method="post" action="<?php echo esc_attr($_SERVER['REQUEST_URI']);
<div class="wrap" id="of_container"> <div id="of-popup-save" class="of-save-popup"> <div class="of-save-save">Options Updated</div> </div> <div id="of-popup-reset" class="of-save-popup"> <div class="of-save-reset">Options Reset</div> </div> <div id="of-popup-fail" class="of-save-popup"> <div class="of-save-fail">Error!</div> </div> <span style="display: none;" id="hooks"><?php echo json_encode(of_get_header_classes_array()); ?></span> <input type="hidden" id="reset" value="<?php if(isset($_REQUEST['reset'])) echo $_REQUEST['reset']; ?>" /> <input type="hidden" id="security" name="security" value="<?php echo wp_create_nonce('of_ajax_nonce'); ?>" /> <form id="of_form" method="post" action="<?php echo esc_attr( $_SERVER['REQUEST_URI'] ) ?>" enctype="multipart/form-data" > <div id="header"> <div class="logo"> <h2><?php echo THEMENAME; ?></h2> <span><?php echo ('v'. THEMEVERSION); ?></span> </div> <div id="js-warning">Warning- This options panel will not work properly without javascript!</div> <div class="icon-option"></div> <div class="clear"></div>
function of_admin_head() { global $data; ?> <script type="text/javascript" language="javascript"> jQuery.noConflict(); jQuery(document).ready(function($){ //hide hidden section on page load. jQuery('#section-body_bg, #section-body_bg_custom, #section-body_bg_properties').hide(); //delays until AjaxUpload is finished loading //fixes bug in Safari and Mac Chrome if (typeof AjaxUpload != 'function') { return ++counter < 6 && window.setTimeout(init, counter * 500); } //hides warning if js is enabled $('#js-warning').hide(); //Tabify Options $('.group').hide(); // Display last current tab if ($.cookie("of_current_opt") === null) { $('.group:first').fadeIn(); $('#of-nav li:first').addClass('current'); } else { var hooks = <?php $hooks = of_get_header_classes_array(); echo json_encode($hooks); ?> ; $.each(hooks, function(key, value) { if ($.cookie("of_current_opt") == '#of-option-'+ value) { $('.group#of-option-' + value).fadeIn(); $('#of-nav li.' + value).addClass('current'); } }); } //Current Menu Class $('#of-nav li a').click(function(evt){ // event.preventDefault(); $('#of-nav li').removeClass('current'); $(this).parent().addClass('current'); var clicked_group = $(this).attr('href'); $.cookie('of_current_opt', clicked_group, { expires: 7, path: '/' }); $('.group').hide(); $(clicked_group).fadeIn(); return false; }); //Expand Options var flip = 0; $('#expand_options').click(function(){ if(flip == 0){ flip = 1; $('#of_container #of-nav').hide(); $('#of_container #content').width(755); $('#of_container .group').add('#of_container .group h2').show(); $(this).removeClass('expand'); $(this).addClass('close'); $(this).text('Close'); } else { flip = 0; $('#of_container #of-nav').show(); $('#of_container #content').width(595); $('#of_container .group').add('#of_container .group h2').hide(); $('#of_container .group:first').show(); $('#of_container #of-nav li').removeClass('current'); $('#of_container #of-nav li:first').addClass('current'); $(this).removeClass('close'); $(this).addClass('expand'); $(this).text('Expand'); } }); // Reset Message Popup var reset = "<?php if (isset($_REQUEST['reset'])) { echo $_REQUEST['reset']; } ?> "; if ( reset.length ){ if ( reset == 'true') { var message_popup = $('#of-popup-reset'); } else { var message_popup = $('#of-popup-fail'); } message_popup.fadeIn(); window.setTimeout(function(){ message_popup.fadeOut(); }, 2000); } //Update Message popup $.fn.center = function () { this.animate({"top":( $(window).height() - this.height() - 200 ) / 2+$(window).scrollTop() + "px"},100); this.css("left", 250 ); return this; } $('#of-popup-save').center(); $('#of-popup-reset').center(); $('#of-popup-fail').center(); $(window).scroll(function() { $('#of-popup-save').center(); $('#of-popup-reset').center(); $('#of-popup-fail').center(); }); //Masked Inputs (images as radio buttons) $('.of-radio-img-img').click(function(){ $(this).parent().parent().find('.of-radio-img-img').removeClass('of-radio-img-selected'); $(this).addClass('of-radio-img-selected'); }); $('.of-radio-img-label').hide(); $('.of-radio-img-img').show(); $('.of-radio-img-radio').hide(); //Masked Inputs (background images as radio buttons) $('.of-radio-tile-img').click(function(){ $(this).parent().parent().find('.of-radio-tile-img').removeClass('of-radio-tile-selected'); $(this).addClass('of-radio-tile-selected'); }); $('.of-radio-tile-label').hide(); $('.of-radio-tile-img').show(); $('.of-radio-tile-radio').hide(); // COLOR Picker $('.colorSelector').each(function(){ var Othis = this; //cache a copy of the this variable for use inside nested function $(this).ColorPicker({ color: '<?php if (isset($color)) { echo $color; } ?> ', onShow: function (colpkr) { $(colpkr).fadeIn(500); return false; }, onHide: function (colpkr) { $(colpkr).fadeOut(500); return false; }, onChange: function (hsb, hex, rgb) { $(Othis).children('div').css('backgroundColor', '#' + hex); $(Othis).next('input').attr('value','#' + hex); } }); }); //end color picker //AJAX Upload function of_image_upload() { $('.image_upload_button').each(function(){ var clickedObject = $(this); var clickedID = $(this).attr('id'); var nonce = $('#security').val(); new AjaxUpload(clickedID, { action: ajaxurl, name: clickedID, // File upload name data: { // Additional data to send action: 'of_ajax_post_action', type: 'upload', security: nonce, data: clickedID }, autoSubmit: true, // Submit file after selection responseType: false, onChange: function(file, extension){}, onSubmit: function(file, extension){ clickedObject.text('Uploading'); // change button text, when user selects file this.disable(); // If you want to allow uploading only 1 file at time, you can disable upload button interval = window.setInterval(function(){ var text = clickedObject.text(); if (text.length < 13){ clickedObject.text(text + '.'); } else { clickedObject.text('Uploading'); } }, 200); }, onComplete: function(file, response) { window.clearInterval(interval); clickedObject.text('Upload Image'); this.enable(); // enable upload button // If nonce fails if(response==-1){ var fail_popup = $('#of-popup-fail'); fail_popup.fadeIn(); window.setTimeout(function(){ fail_popup.fadeOut(); }, 2000); } // If there was an error else if(response.search('Upload Error') > -1){ var buildReturn = '<span class="upload-error">' + response + '</span>'; $(".upload-error").remove(); clickedObject.parent().after(buildReturn); } else{ var buildReturn = '<img class="hide of-option-image" id="image_'+clickedID+'" src="'+response+'" alt="" />'; $(".upload-error").remove(); $("#image_" + clickedID).remove(); clickedObject.parent().after(buildReturn); $('img#image_'+clickedID).fadeIn(); clickedObject.next('span').fadeIn(); clickedObject.parent().prev('input').val(response); } } }); }); } of_image_upload(); //AJAX Remove (clear option value) $('.image_reset_button').live('click', function(){ var clickedObject = $(this); var clickedID = $(this).attr('id'); var theID = $(this).attr('title'); var nonce = $('#security').val(); var data = { action: 'of_ajax_post_action', type: 'image_reset', security: nonce, data: theID }; $.post(ajaxurl, data, function(response) { //check nonce if(response==-1){ //failed var fail_popup = $('#of-popup-fail'); fail_popup.fadeIn(); window.setTimeout(function(){ fail_popup.fadeOut(); }, 2000); } else { var image_to_remove = $('#image_' + theID); var button_to_hide = $('#reset_' + theID); image_to_remove.fadeOut(500,function(){ $(this).remove(); }); button_to_hide.fadeOut(); clickedObject.parent().prev('input').val(''); } }); }); /* Style Select */ (function ($) { styleSelect = { init: function () { $('.select_wrapper').each(function () { $(this).prepend('<span>' + $(this).find('.select option:selected').text() + '</span>'); }); $('.select').live('change', function () { $(this).prev('span').replaceWith('<span>' + $(this).find('option:selected').text() + '</span>'); }); $('.select').bind($.browser.msie ? 'click' : 'change', function(event) { $(this).prev('span').replaceWith('<span>' + $(this).find('option:selected').text() + '</span>'); }); } }; $(document).ready(function () { styleSelect.init() }) })(jQuery); //----------------------------------------------------------------*/ // Aquagraphite Slider MOD //----------------------------------------------------------------*/ /* Slider Interface */ //Hide (Collapse) the toggle containers on load $(".slide_body").hide(); //Switch the "Open" and "Close" state per click then slide up/down (depending on open/close state) $(".slide_edit_button").live( 'click', function(){ $(this).parent().toggleClass("active").next().slideToggle("fast"); return false; //Prevent the browser jump to the link anchor }); // Update slide title upon typing function update_slider_title(e) { var element = e; if ( this.timer ) { clearTimeout( element.timer ); } this.timer = setTimeout( function() { $(element).parent().prev().find('strong').text( element.value ); }, 100); return true; } $('.of-slider-title').live('keyup', function(){ update_slider_title(this); }); /* Remove individual slide */ $('.slide_delete_button').live('click', function(){ // event.preventDefault(); var agree = confirm("Are you sure you wish to delete this slide?"); if (agree) { var $trash = $(this).parents('li'); //$trash.slideUp('slow', function(){ $trash.remove(); }); //chrome + confirm bug made slideUp not working... $trash.animate({ opacity: 0.25, height: 0, }, 500, function() { $(this).remove(); }); return false; //Prevent the browser jump to the link anchor } else { return false; } }); /* Add new slide */ $(".slide_add_button").live('click', function(){ var slidesContainer = $(this).prev(); var sliderId = slidesContainer.attr('id'); var sliderInt = $('#'+sliderId).attr('rel'); var numArr = $('#'+sliderId +' li').find('.order').map(function() { var str = this.id; str = str.replace(/\D/g,''); str = parseFloat(str); return str; }).get(); var maxNum = Math.max.apply(Math, numArr); if (maxNum < 1 ) { maxNum = 0}; var newNum = maxNum + 1; var newSlide = '<li class="temphide"><div class="slide_header"><strong>Slide ' + newNum + '</strong><input type="hidden" class="slide of-input order" name="' + sliderId + '[' + newNum + '][order]" id="' + sliderId + '_slide_order-' + newNum + '" value="' + newNum + '"><a class="slide_edit_button" href="#">Edit</a></div><div class="slide_body" style="display: none; "><label>Title</label><input class="slide of-input of-slider-title" name="' + sliderId + '[' + newNum + '][title]" id="' + sliderId + '_' + newNum + '_slide_title" value=""><label>Image URL</label><input class="slide of-input" name="' + sliderId + '[' + newNum + '][url]" id="' + sliderId + '_' + newNum + '_slide_url" value=""><div class="upload_button_div"><span class="button media_upload_button" id="' + sliderId + '_' + newNum + '" rel="'+sliderInt+'">Upload</span><span class="button mlu_remove_button hide" id="reset_' + sliderId + '_' + newNum + '" title="' + sliderId + '_' + newNum + '">Remove</span></div><div class="screenshot"></div><label>Link URL (optional)</label><input class="slide of-input" name="' + sliderId + '[' + newNum + '][link]" id="' + sliderId + '_' + newNum + '_slide_link" value=""><label>Description (optional)</label><textarea class="slide of-input" name="' + sliderId + '[' + newNum + '][description]" id="' + sliderId + '_' + newNum + '_slide_description" cols="8" rows="8"></textarea><a class="slide_delete_button" href="#">Delete</a><div class="clear"></div></div></li>'; slidesContainer.append(newSlide); $('.temphide').fadeIn('fast', function() { $(this).removeClass('temphide'); }); of_image_upload(); // re-initialise upload image.. return false; //prevent jumps, as always.. }); // Sort Slides jQuery('.slider').find('ul').each( function() { var id = jQuery(this).attr('id'); $('#'+ id).sortable({ placeholder: "placeholder", opacity: 0.6 }); }); /*----------------------------------------------------------------*/ /* Aquagraphite Sorter MOD /*----------------------------------------------------------------*/ jQuery('.sorter').each( function() { var id = jQuery(this).attr('id'); $('#'+ id).find('ul').sortable({ items: 'li', placeholder: "placeholder", connectWith: '.sortlist_' + id, opacity: 0.6, update: function() { $(this).find('.position').each( function() { var listID = $(this).parent().attr('id'); var parentID = $(this).parent().parent().attr('id'); parentID = parentID.replace(id + '_', '') var optionID = $(this).parent().parent().parent().attr('id'); $(this).prop("name", optionID + '[' + parentID + '][' + listID + ']'); }); } }); }); /*----------------------------------------------------------------*/ /* Aquagraphite Backup & Restore MOD /*----------------------------------------------------------------*/ //backup button $('#of_backup_button').live('click', function(){ var answer = confirm("<?php _e('Click OK to backup your current saved options.'); ?> ") if (answer){ var clickedObject = $(this); var clickedID = $(this).attr('id'); var nonce = $('#security').val(); var data = { action: 'of_ajax_post_action', type: 'backup_options', security: nonce }; $.post(ajaxurl, data, function(response) { //check nonce if(response==-1){ //failed var fail_popup = $('#of-popup-fail'); fail_popup.fadeIn(); window.setTimeout(function(){ fail_popup.fadeOut(); }, 2000); } else { var success_popup = $('#of-popup-save'); success_popup.fadeIn(); window.setTimeout(function(){ location.reload(); }, 1000); } }); } return false; }); //restore button $('#of_restore_button').live('click', function(){ var answer = confirm("<?php _e('Warning: All of your current options will be replaced with the data from your last backup! Proceed?'); ?> ") if (answer){ var clickedObject = $(this); var clickedID = $(this).attr('id'); var nonce = $('#security').val(); var data = { action: 'of_ajax_post_action', type: 'restore_options', security: nonce }; $.post(ajaxurl, data, function(response) { //check nonce if(response==-1){ //failed var fail_popup = $('#of-popup-fail'); fail_popup.fadeIn(); window.setTimeout(function(){ fail_popup.fadeOut(); }, 2000); } else { var success_popup = $('#of-popup-save'); success_popup.fadeIn(); window.setTimeout(function(){ location.reload(); }, 1000); } }); } return false; }); /* save everything */ $('#of_save').live('click',function() { var nonce = $('#security').val(); $('.ajax-loading-img').fadeIn(); var serializedReturn = $('#of_form :input[name][name!="security"][name!="of_reset"]').serialize(); //alert(serializedReturn); var data = { <?php if (isset($_REQUEST['page']) && $_REQUEST['page'] == 'optionsframework') { ?> type: 'save', <?php } ?> action: 'of_ajax_post_action', security: nonce, data: serializedReturn }; $.post(ajaxurl, data, function(response) { var success = $('#of-popup-save'); var fail = $('#of-popup-fail'); var loading = $('.ajax-loading-img'); loading.fadeOut(); if (response==1) { success.fadeIn(); } else { fail.fadeIn(); } window.setTimeout(function(){ success.fadeOut(); fail.fadeOut(); }, 2000); }); return false; }); //confirm reset $('#of_reset').click(function() { var answer = confirm("<?php _e('Click OK to reset. All settings will be lost!'); ?> ") if (answer){ return true; } else { return false; } }); //custom js for checkbox hidden values jQuery('#background_image').click(function() { jQuery('#section-body_bg, #section-body_bg_custom, #section-body_bg_properties').fadeToggle(400); }); if (jQuery('#background_image:checked').val() !== undefined) { jQuery('#section-body_bg, #section-body_bg_custom, #section-body_bg_properties').show(); } /*----------------------------------------------------------------*/ /* Tipsy @since v1.3 /*----------------------------------------------------------------*/ if (jQuery().tipsy) { $('.typography-size, .typography-height, .typography-face, .typography-style, .of-typography-color').tipsy({ fade: true, gravity: 's', opacity: 0.7, }); } }); //end doc ready </script> <?php }
<?php $hooks = $menu = $inputs = ""; if (isset($options_machine)) { $hooks = json_encode(of_get_header_classes_array()); $menu = $options_machine->Menu; $inputs = $options_machine->Inputs; $nonce = "of_ajax_nonce"; $class = "theme_options"; } elseif (isset($seo_machine)) { $hooks = json_encode(seo_of_get_header_classes_array()); $menu = $seo_machine->Menu; $inputs = $seo_machine->Inputs; $nonce = "seo_of_ajax_nonce"; $class = "seo_options"; } elseif (isset($comp_machine)) { $hooks = json_encode(comp_of_get_header_classes_array()); $menu = $comp_machine->Menu; $inputs = $comp_machine->Inputs; $nonce = "comp_of_ajax_nonce"; $class = "comp_options"; } ?> <div class="wrap <?php echo $class; ?> " id="of_container"> <div id="of-popup-save" class="of-save-popup"> <div class="of-save-save">Options Updated</div> </div>
<?php $output_html = ' <div class="wrap" id="of_container"> <div id="of-popup-save" class="of-save-popup"> <div class="of-save-save">Options Updated</div> </div> <div id="of-popup-reset" class="of-save-popup"> <div class="of-save-reset">Options Reset</div> </div> <div id="of-popup-fail" class="of-save-popup"> <div class="of-save-fail">Error!</div> </div> '; $output_html .= '<span style="display: none;" id="hooks">' . json_encode(of_get_header_classes_array()) . '</span>'; $v_t = ""; if (isset($_REQUEST['reset'])) { $v_t = $_REQUEST['reset']; } $output_html .= '<input type="hidden" id="reset" value="' . $v_t . '" /> <input type="hidden" id="security" name="security" value="' . wp_create_nonce('of_ajax_nonce') . '" />'; $output_html .= '<form id="of_form" method="post" action="' . esc_attr($_SERVER['REQUEST_URI']) . '" enctype="multipart/form-data" > <div id="header"> <div class="logo"> <img alt="' . THEMENAME . '" src="' . get_template_directory_uri() . '/images/logo.png"> </div> <div id="js-warning">Warning- This options panel will not work properly without javascript!</div> <div class="icon-option"></div>