chriswhittle

Got a version coming out today with vitavitas changes that should fix this… Sorry for the lengthy pause just been busy.

I took this one step further and added a filter so that plugins could add these dynamically.
Is there even a better way? Maybe an option to allow all ajax calls?
It would be hard on any thirdparty plugin to have to go through them all and get their ajax calls.

public function restrict_admin_access() {
        if (is_admin()) {
            $valid_admin_ajax_actions_defaults = array('user_avatar_add_photo');
            $valid_admin_ajax_actions = apply_filters('front_end_users_valid_ajax', $valid_admin_ajax_actions_defaults);
            //die(json_encode($valid_admin_ajax_actions));
            if ($_SERVER['SCRIPT_FILENAME'] == $_SERVER['DOCUMENT_ROOT'] . substr($_SERVER['SCRIPT_NAME'], 0, -24) . '/wp-admin/admin-ajax.php' &&
                    ( ( isset($_GET['action']) && in_array($_GET['action'], $valid_admin_ajax_actions) ) || ( isset($_POST['action']) && in_array($_POST['action'], $valid_admin_ajax_actions) ) )) {
                return true;
            }
            if (!$this->is_logged_in()) {
                $this->render_page('not-logged-in');
            } else if (!$this->has_admin_access()) {
                $this->render_404();
            }
        }
    }

In my plugins

function front_end_users_valid_ajax($users_valid_ajax = array()) {
        $my_ajax = array("get_keyword_selects");
        return array_merge($users_valid_ajax, $my_ajax);
    }

JS for frontend

function control_widget_save(event) {
        var $this = jQuery(this);
        //alert(JSON.stringify($this.serializeObject()));
        var data = {
            action: 'update_control_widget',
            data: $this.serializeArray()
        };
        //TODO show loading
        //
        jQuery.post(control_widget_ajax_url, data, function(response) {
            try{
                var message = "There was an unknown error";
                //  alert(response);
                data_obj = JSON.parse(response);
                if(data_obj.success == "1"){
                    //$this.html(JSON.stringify(data_obj.data.sizebefore + "," +data_obj.data.sizeafter));
                    $this.attr("data-keys",JSON.stringify(data_obj.keys));
                    alert($this.attr("data-keys"));
                    reload_chart_widgets();
                }else{
                    if(data_obj.message){
                        message = data_obj.message;
                    }else{
                        console.log(JSON.stringify(response));
                    }
                    $this.html(message);
                }
            }catch(err){

                if(typeof(console) !== 'undefined' && console != null) {
                    console.log(err.message);
                    console.log(JSON.stringify(response));
                }else{
                    alert(err.message + "-" +JSON.stringify(response));
                }
            }
            $loading.hide();
        });
    }

ok so here is what I came up with… Not perfect and not complete but here you go.

Does anyone see any major flaws with what I have?

class Control_Widget extends WP_Widget {

    function Control_Widget() {
        add_action('init', array($this, 'init'));
        $this->WP_Widget('control_widget', __('Control'), $widget_ops);
    }

    function init() {
        self::move_defines_to_js();
        add_action('wp_ajax_update_control_widget', array(&$this, 'update_via_front_end'));
    }

    function move_defines_to_js() {
        $defines .= "var control_widget_ajax_url='" . admin_url('admin-ajax.php') . "';";
        $js_defined = 'echo "<script>' . $defines . '</script>";';
        add_action('wp_footer', create_function('', $js_defined));
    }

    /*
      widget() - outputs the content of the widget, in our case: a random picture.
     */

    function update_via_front_end() {
        $data = $_POST["data"];
        $error = "Unknown Error";
        $fields = array();
        $instance_id = null;
        foreach ($_POST["data"] as $item) {
            $name = $item["name"];
            $value = $item["value"];
            $pos = strpos($name, $this->id_base);
            if (!$pos === false) {
                $id_and_field_name = substr($name, $pos + strlen($this->id_base), strlen($name));
                $array = explode("][", $id_and_field_name);
                if ($instance_id == null) {
                    $tmp_instance_id = $array[0];
                    $instance_id = str_replace("[", "", $tmp_instance_id);
                }
                $tmp_field_id = $array[1];
                $field_id = str_replace("]", "", $tmp_field_id);

                if (in_array($field_id, $acceptable_fields)) {
                    $fields[$field_id] = $value;
                }
            }
        }
        if (!empty($instance_id)) {
            $all_instances = $this->get_settings();
            if (array_key_exists($instance_id, $all_instances)) {
                $instance = $all_instances[$instance_id];
                foreach ($fields as $key => $value) {
                    $instance[$key] = $value;
                }
                $all_instances[$instance_id] = $instance;
                parent::save_settings($all_instances);
                die(json_encode(array("success" => 1)));
            }
        }
        die(json_encode(array("success" => 1, "message" => $error)));
    }

    function widget($args, $instance) {
        extract($args);
        echo $before_widget;
        echo "<form class='mutual_mind_control_widget'>";
        self::get_form($instance, false, false);
        echo "<button id='mutual_mind_control_widget_change'>Change</button>";
        echo "</form>";
        echo $after_widget;
    }

    function form($instance) {
        self::get_form($instance);
    }

    function get_form($instance, $show_title = true, $show_report_type = true) {
        $instance = wp_parse_args((array) $instance, array('title' => ''));
        $title = $instance['title'];
        $campaign_id = $instance['campaign_id'];
        $start_date = $instance['start_date'];
        $end_date = $instance['end_date'];
        $report_type = $instance['report_type'];
        if ($show_title == true) {
            ?>
            <p class='title'><label for="<?php echo $this->get_field_id('title'); ?>">Title: <input class="widefat" id="<?php echo $this->get_field_id('title'); ?>" name="<?php echo $this->get_field_name('title'); ?>" type="text" value="<?php echo attribute_escape($title); ?>" /></label></p>
        <?php } ?>
        <p><label for="<?php echo $this->get_field_id('campaign_id'); ?>">Campaign: <?php echo $this->widget_helper->get_campaign_selector(attribute_escape($campaign_id), $this->get_field_name('campaign_id')); ?></label></p>
        <?php if ($show_report_type == true) { ?>
            <p><label for="<?php echo $this->get_field_id('report_type'); ?>">Report Type: <?php echo $this->widget_helper->mutual_mind->get_report_types_select($this->get_field_name('report_type'), attribute_escape($report_type)); ?></label></p>
        <?php } ?>
        <p><label for="<?php echo $this->get_field_id('start_date'); ?>">Start Date: <input id="<?php echo $this->get_field_id('start_date'); ?>" name="<?php echo $this->get_field_name('start_date'); ?>" type="text" value="<?php echo attribute_escape($start_date); ?>" /></label></p>
        <p><label for="<?php echo $this->get_field_id('end_date'); ?>">End Date: <input id="<?php echo $this->get_field_id('end_date'); ?>" name="<?php echo $this->get_field_name('end_date'); ?>" type="text" value="<?php echo attribute_escape($end_date); ?>" /></label></p>
        <?php
    }

    function update($new_instance, $old_instance) {
        $instance = $old_instance;
        $instance['title'] = $new_instance['title'];
        $instance['campaign_id'] = $new_instance['campaign_id'];
        $instance['start_date'] = $new_instance['start_date'];
        $instance['end_date'] = $new_instance['end_date'];
        $instance['report_type'] = $new_instance['report_type'];

        return $instance;
    }

}

Rock on! I will get this updated as soon as I have some time for the next version thanks!

No problem… This has happened on a couple sites… I might add a force centered option to the next version of the plugin..

ok.. It seems another plugin is conflicting with the style…
try this in your CSS

.cb_pin_images {
margin-left: auto !important;
margin-right: auto !important;
}

Hi Chris,
In your custom CSS add this

.cb_pin_images {
margin-left: auto;
margin-right: auto;
}

This happens in some cases… My plugin tries to mimic the images style but there are some instances it can’t.

Please Obi Wan you are our only hope!

we resolved this via email btw (just in case someone is wondering) it was the selectors and also she had to add some custom style as well.

did you try to mess with the selectors? that is the issue 90% of the time…

ok found the fix. It’s the iCalcreator.class.php..
I commented out line 23
date_default_timezone_set( 'America/Chicago' );
and this fixed it…

Thanks Chris!

ok 1.6 is out and will fix part of your problem… the other one will need to be done with some custom css

add this to your theme’s custom css and it should take care of it.

.zlrecipe-container-border .cb_pin_images {
margin-left:auto;
margin-right:auto;
}

the plugin does it’s best to mimic the images style that it adds the button to but occasionally it can’t get all of it.

Hey digigirl,
I’m working on a release 1.6 to be exact that could fix this…
I’ve sent you a message on your blog to see if you could test it for me.

Thanks!