1:   2:   3:   4:   5:   6:   7:   8:   9:  10:  11:  12:  13:  14:  15:  16:  17:  18:  19:  20:  21:  22:  23:  24:  25:  26:  27:  28:  29:  30:  31:  32:  33:  34:  35:  36:  37:  38:  39:  40:  41:  42:  43:  44:  45:  46:  47:  48:  49:  50:  51:  52:  53:  54:  55:  56:  57:  58:  59:  60:  61:  62:  63:  64:  65:  66:  67:  68:  69:  70:  71:  72:  73:  74:  75:  76:  77:  78:  79:  80:  81:  82:  83:  84:  85:  86:  87:  88:  89:  90:  91:  92:  93:  94:  95:  96:  97:  98:  99: 100: 101: 102: 103: 104: 105: 106: 107: 108: 109: 110: 111: 112: 113: 114: 115: 116: 117: 118: 119: 120: 121: 122: 123: 124: 125: 126: 127: 128: 129: 130: 131: 132: 133: 134: 135: 136: 137: 138: 139: 140: 141: 142: 143: 144: 145: 146: 147: 148: 149: 150: 151: 152: 153: 154: 155: 156: 157: 158: 159: 160: 161: 162: 163: 164: 165: 166: 167: 168: 169: 170: 171: 172: 173: 174: 175: 176: 177: 178: 179: 180: 181: 182: 183: 184: 185: 186: 187: 188: 189: 190: 191: 192: 193: 194: 195: 196: 197: 198: 199: 200: 201: 202: 203: 204: 205: 206: 207: 208: 209: 210: 211: 212: 213: 214: 215: 216: 217: 218: 219: 220: 221: 222: 223: 224: 225: 226: 227: 228: 229: 230: 231: 232: 233: 234: 235: 236: 237: 238: 239: 240: 241: 242: 243: 244: 245: 246: 247: 248: 249: 250: 251: 252: 253: 254: 255: 256: 257: 258: 259: 260: 261: 262: 263: 264: 265: 266: 267: 268: 269: 270: 271: 272: 273: 274: 275: 276: 277: 278: 279: 280: 281: 282: 283: 284: 285: 286: 287: 288: 289: 290: 291: 292: 293: 294: 295: 296: 297: 298: 299: 300: 301: 302: 303: 

<?php
/* Maps 6.0 Wizard*/


function wpgmaps_wizard_layout() {

    if (isset($_GET['page']) && $_GET['page'] == 'wp-google-maps-menu-categories') {
        add_action('admin_print_scripts', 'wpgmaps_admin_wizard_scripts');
    }

    ?>
    <div class='wrap'>
    <h1><?php _e("Select a Map Type (beta)", "wp-google-maps"); ?></h1>

    <style>.wpgmza-support-notice{display:none !important;}</style>
        <div class='wide'>
            <script>
                jQuery(document).ready(function(){
                    jQuery('.wpgmza-listing-wizard-1').click(function(){
                        jQuery('.wpgmza-listing-wizard-1').fadeIn('fast');
                        jQuery('.wpgmza-listing-wizard-2').hide();
                        jQuery(this).hide();
                        jQuery(this).next(".wpgmza-listing-wizard-2").fadeIn('fast');
                    });

                    jQuery('#wpgmza_wizard_sl_btn').click(function(){
                        updateLink("#wpgmza_wizard_sl_btn",  [
                            '#wpgmza-wizard-sl-title',
                            "#wpgmza-wizard-sl-enabled",
                            "#wpgmza-wizard-sl-distance",
                            "#wpgmza-wizard-sl-bounce",
                            "#wpgmza-wizard-sl-hide"
                            ]);
                        window.location = jQuery(this).attr('url');
                    });

                    jQuery('#wpgmza_wizard_gd_btn').click(function(){
                        updateLink("#wpgmza_wizard_gd_btn",  [
                            '#wpgmza-wizard-gd-title',
                            "#wpgmza-wizard-gd-to-address",
                            "#wpgmza-wizard-gd-enabled"
                            ]);
                        window.location = jQuery(this).attr('url');
                    });

                    jQuery('#wpgmza_wizard_ml_btn').click(function(){
                        updateLink("#wpgmza_wizard_ml_btn",  [
                            '#wpgmza-wizard-ml-title',
                            "#wpgmza-wizard-ml-list-by-select"
                            ]);
                        window.location = jQuery(this).attr('url');
                    });

                    jQuery('#wpgmza_wizard_c_btn').click(function(){
                        window.location = "?page=wp-google-maps-menu&action=new";
                    });

                    <?php do_action("wpgmza_wizard_jquery_action", 10);?>

                });



                function updateLink(buttonID, optionsArray){
                    var queryString = "?page=wp-google-maps-menu&action=new-wizard";
                    var valuesArray = new Array();
                    queryString += "&wpgmza_keys=";

                    var otherSettings = "";

                    for(i = 0; i < optionsArray.length; i++){
                        if(jQuery(optionsArray[i]).attr('wpgmza-other-setting')){
                            //Handle this differently
                            
                            if(jQuery(optionsArray[i]).attr('wpgmza-dropdown') == "true"){
                                otherSettings += jQuery(optionsArray[i]).attr('wpgmza-key') + "@" + (parseInt(jQuery(optionsArray[i] + " option:selected").attr('value'))) + (i < optionsArray.length -1 ? "@" : "");
                                
                            }else{
                                otherSettings += jQuery(optionsArray[i]).attr('wpgmza-key') + "@" +  (jQuery(optionsArray[i]).attr('checked') ? "1" : "0") + (i < optionsArray.length -1 ? "@" : ""); //Add key to other setting array
                            }
                            //console.log(jQuery(optionsArray[i]).attr('wpgmza-key'));
                        }else{
                            queryString += jQuery(optionsArray[i]).attr('wpgmza-key') + "," ; //Add key
                            valuesArray.push(jQuery(optionsArray[i]).attr('checked'));
                        }
                    }

                     //Now add 'OTHER SETTINGS'
                    
                    queryString += "other_settings";
                    

                    queryString += "&wpgmza_values=";
                    for(i = 0; i < valuesArray.length; i++){
                        if(jQuery(optionsArray[i]).attr('type') == "checkbox"){
                            queryString += (valuesArray[i] ? "1" : "0") + (i < valuesArray.length-1 || otherSettings !== "" ? ",": ""); //Add key
                        }else if(jQuery(optionsArray[i]).attr('type') == "text"){
                            queryString += (jQuery(optionsArray[i]).val()) + (i < valuesArray.length-1 || otherSettings !== "" ? ",": "");
                        }else if(jQuery(optionsArray[i]).attr('wpgmza-dropdown') == "true"){
                            queryString += (parseInt(jQuery(optionsArray[i] + " option:selected").attr('value'))) + (i < valuesArray.length-1 || otherSettings !== "" ? ",": "");
                        }
                    }

                     //Now add 'OTHER SETTINGS'
                    if(otherSettings != ""){
                        queryString += otherSettings;
                    }
                    
                    jQuery(buttonID).attr('url', queryString);
                }

            </script>

            <?php $wpgmza_wizard_content = ""; $wpgmza_wizard_content = apply_filters("wpgmza_wizard_content_filter", $wpgmza_wizard_content, 10, 1) ; echo $wpgmza_wizard_content;?> 

        </div>
    </div>

    <?php
    

}

function wpgmaps_admin_wizard_scripts() {
    wp_enqueue_script( 'jquery' );
    wp_enqueue_script('jquery-ui-core');

}

add_filter("wpgmza_wizard_content_filter", "wpgmza_wizard_item_control_sl");
function wpgmza_wizard_item_control_sl($content){
    $content .= "
            <div class='wpgmza-listing-comp wpgmza-listing-wizard'>
                <div class='wpgmza-listing-wizard-1'>
                    <div class='wpmgza-listing-1-icon'>
                        <i class='fa fa-building-o'></i>
                    </div>  
                    <h2 style='text-align:center'>".__("Store Locator", "wp-google-maps")."</h2>
                </div>
                <div class='wpgmza-listing-wizard-2' style='display:none;'>
                    <div style='font-size:18px'><i class='fa fa-building-o'></i> ".__("Store Locator", "wp-google-maps")."</div> 
                    <hr>
                    <div>
                        <input type='text' wpgmza-key='map_title' style='display:none' id='wpgmza-wizard-sl-title' value='Store Locator Map'>
                        <input type='checkbox' wpgmza-other-setting='true' wpgmza-key='store_locator_enabled' style='display:none' id='wpgmza-wizard-sl-enabled' checked>
                        <table style='width:100%'>
                            <tr>
                                <td>
                                    ".__("Show distance in:", "wp-google-maps")."
                                </td>
                                <td style='text-align:right;'>
                                    <div class='switch'>
                                        <input type='checkbox' wpgmza-other-setting='true' wpgmza-key='store_locator_distance' class='cmn-toggle cmn-toggle-yes-no' id='wpgmza-wizard-sl-distance'><label style='width:66px !important' for='wpgmza-wizard-sl-distance' data-on='".__("Miles", "wp-google-maps")."' data-off='".__("Kilometers", "wp-google-maps")."'></label>
                                    </div> 
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    ".__("Show bouncing icon:", "wp-google-maps")."
                                </td>
                                <td style='text-align:right;'>
                                     <div class='switch'>
                                        <input type='checkbox' wpgmza-other-setting='true' wpgmza-key='store_locator_bounce' class='cmn-toggle cmn-toggle-round-flat' id='wpgmza-wizard-sl-bounce'><label for='wpgmza-wizard-sl-bounce'></label>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    ".__("Hide markers until search is done:", "wp-google-maps")."
                                </td>
                                <td style='text-align:right;'>
                                    <div class='switch'>
                                        <input type='checkbox' wpgmza-other-setting='true' wpgmza-key='store_locator_hide_before_search' class='cmn-toggle cmn-toggle-round-flat' id='wpgmza-wizard-sl-hide'><label for='wpgmza-wizard-sl-hide'></label>
                                    </div> 
                                </td>
                            </tr>
                        </table>

                        
                                        
                    </div>
                    <button style='position:absolute;bottom:5px;' class='wpgmza_createmap_btn' id='wpgmza_wizard_sl_btn' url=''>".__("Create Map", "wp-google-maps")."</button>
                </div>
            </div>
    ";
    return $content;
}

add_filter("wpgmza_wizard_content_filter", "wpgmza_wizard_item_control_gd",10,1);
function wpgmza_wizard_item_control_gd($content){
    $content .= "
            <div class='wpgmza-listing-comp wpgmza-listing-wizard'>
                <div class='wpgmza-listing-wizard-1'>
                    <div class='wpmgza-listing-1-icon'>
                        <i class='fa fa-compass'></i>
                    </div> 
                        <h2 style='text-align:center'>".__("Directions", "wp-google-maps")."</h2>
                 </div>
                    <div class='wpgmza-listing-wizard-2' style='display:none;'>
                        <div style='font-size:18px'><i class='fa fa-compass'></i> ".__("Directions", "wp-google-maps")."</div> 
                        <hr>
                        <div>
                            <input type='text' wpgmza-key='map_title' style='display:none' id='wpgmza-wizard-gd-title' value='Directions Map'>
                            <input type='checkbox' wpgmza-key='directions_enabled' style='display:none' id='wpgmza-wizard-gd-enabled' checked >

                            <table style='width:100%'>
                                <tr>
                                    <td>
                                        ".__("Default 'To' Address:", "wp-google-maps")."
                                    </td>
                                    <td style='text-align:right;'>
  
                                            <input type='text' wpgmza-key='default_to' id='wpgmza-wizard-gd-to-address' value='' placeholder='".__("Enter Address", "wp-google-maps")."'>
                                        
                                    </td>
                                </tr>
                            </table>
                             
                             
                        </div>
                        <button style='position:absolute;bottom:5px;' class='wpgmza_createmap_btn' id='wpgmza_wizard_gd_btn' url=''>".__("Create Map", "wp-google-maps")."</button>
                    </div>
            </div>
    ";
    return $content;
}

add_filter("wpgmza_wizard_content_filter", "wpgmza_wizard_item_control_ml",10,1);
function wpgmza_wizard_item_control_ml($content){
    $content .= "
           <div class='wpgmza-listing-comp wpgmza-listing-wizard'>
                <div class='wpgmza-listing-wizard-1'>
                    <div class='wpmgza-listing-1-icon'>
                        <i class='fa fa-list'></i>
                    </div>  
                    <h2 style='text-align:center'>".__("Marker Listing", "wp-google-maps")."</h2>
                </div>
                <div class='wpgmza-listing-wizard-2' style='display:none;'>
                    <div style='font-size:18px'><i class='fa fa-list'></i> ".__("Marker Listing", "wp-google-maps")."</div> 
                        <hr>
                        <div>
                            <input type='text' wpgmza-key='map_title' style='display:none' id='wpgmza-wizard-ml-title' value='Marker Listing Map'>

                            <table style='width:100%'>
                                <tr>
                                    <td>
                                        ".__("Marker Listing Style", "wp-google-maps")."
                                    </td>
                                    <td style='text-align:right;'>
  
                                            <select id='wpgmza-wizard-ml-list-by-select' wpgmza-dropdown='true' wpgmza-other-setting='true' wpgmza-key='list_markers_by'>
                                                <option value='1'>".__("Basic Table", "wp-google-maps")."</option>
                                                <option value='4'>".__("Basic List", "wp-google-maps")."</option>
                                                <option value='2' selected>".__("Advanced Table", "wp-google-maps")."</option>
                                                <option value='3'>".__("Carousel", "wp-google-maps")."</option>
                                            </select>
                                        
                                    </td>
                                </tr>
                            </table>
                             
                             
                        </div>
                   <button style='position:absolute;bottom:5px;' class='wpgmza_createmap_btn' id='wpgmza_wizard_ml_btn' url=''>".__("Create Map", "wp-google-maps")."</button>
                </div>
            </div>
    ";
    return $content;
}

add_filter("wpgmza_wizard_content_filter", "wpgmza_wizard_item_control_c",1,1);
function wpgmza_wizard_item_control_c($content){
    $content .= "
           <div class='wpgmza-listing-comp wpgmza-listing-wizard'>
                <div class='wpgmza-listing-wizard-1' id='wpgmza_wizard_c_btn'>
                    <div class='wpmgza-listing-1-icon'>
                        <i class='fa fa-map-o'></i>
                    </div>  
                    <h2 style='text-align:center'>".__("Blank Map", "wp-google-maps")."</h2>
                </div>
                <div class='wpgmza-listing-wizard-2' style='display:none;'>

                </div>
            </div>
    ";
    return $content;
}


// NB: GDPR
/*add_filter("wpgmza_wizard_content_filter", "wpgmza_wizard_control_feedback",99,1);
function wpgmza_wizard_control_feedback($content){
    $content .= "
           <div class='update-nag update-blue'>
                Please consider giving us feedback on our new map wizard.<br><br>
                <a target='_blank' href='http://www.wpgmaps.com/contact-us/'>Share your thoughts</a>
            </div>
    ";
    return $content;
}
*/