cf7-2-post-script.php
8.85 KB
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
<?php
//prevent direct access
if ( ! defined( 'ABSPATH' ) ) {
die();
}
//header( "Content-type: application/javascript; charset: UTF-8" );
?>
(function( $ ) {
'use strict';
$( document).ready(function() {
var fname;
var $cf7Form = $("div#<?= $nonce ?> form.wpcf7-form");
var $input;
if($cf7Form.is('div.cf7-smart-grid.has-grid form.wpcf7-form')){
//if the smart grid is enabled, execute the loading once the grid is ready
$cf7Form.on('cf7SmartGridReady', function(){
preloadForm($(this));
});
}else{
preloadForm($cf7Form);
}
// function to load all the data into the form
function preloadForm($cf7Form){
var data = '';
if('function' == typeof $.fn.post2CF7FormData) data = $cf7Form.post2CF7FormData('<?=$nonce?>');
else if( 'undefined' != typeof window['<?=$nonce?>'] ) data = window['<?=$nonce?>'];
<?php /*@since 3.1.0 store form nonce for transient storage of post ID*/?>
fname = '<input type="hidden" name="_cf72post_nonce" value="<?= $nonce ?>" />';
$cf7Form.find('input[name=_wpcf7]').parent().append(fname);
if(0 === data.length){
$cf7Form.trigger("<?= $nonce ?>", data);
return false;
}
<?php
/**
* filter fields mapped to taxonomy (in case mapping is done on a system post)
* @since 1.3.2
* this can now be deprecated.
*/
$taxonomies = array();
$taxonomies = apply_filters('cf7_2_post_map_extra_taxonomy', $taxonomies , $mapper->cf7_key );
$taxonomies = array_merge($mapper->get_mapped_taxonomy(), $taxonomies);
$fields = $mapper->get_form_fields();
$form_id = $mapper->cf7_post_ID; //submisison mapped post id.
foreach($fields as $field=>$type){
if(isset($taxonomies[$field]) ) continue; //handled after.
$json_var = str_replace('-','_',$field);
//setup sprintf format, %1 = $field (field name), %2 = $json_var (json data variable)
$js_form = '$cf7Form';
$json_value = 'data.'.$json_var;
$default_script = true;
/**
* @since 2.0.0
* filter to modify the way the field is set. This is introduced for plugin developers
* who wish to load values for their custom fields.
* By default the Post My CF7 Form will load the following js script,
* `if(<$json_value> !== undefined){ //make sure a value is available for this field.
* <$js_form>.find("<input|select|textarea>[name=<$field>]").val(<$json_value>);
* }`
* which can be overriden by printing (echo) the custom script using the follwoing attributes,
* @param boolean $default_script whether to use the default script or not, default is true.
* @param string $form_id wpcf7_contact_form post id.
* @param string $field cf7 form field name
* @param string $type field type (number, text, select...)
* @param string $json_value the json value loaded for this field in the form.
* @param string $$js_form the javascript variable in which the form is loaded.
* @param string $key unique cf7 form key.
* @return boolean false to print a custom script from the called function, true for the default script printed by this plugin.
*/
if(apply_filters_deprecated('cf7_2_post_echo_field_mapping_script',
array($default_script, $form_id, $field, $type, $json_value, $js_form, $mapper->cf7_key),'5.5.0','cf7_2_post_form_values')){
$format = 'if(data.%2$s !== undefined){'.PHP_EOL;
$format.= ' $cf7Form.c2pCF7Field("'.$type.'", "%1$s", data.%2$s);'.PHP_EOL;
$format.= '};'.PHP_EOL;
printf($format, $field, $json_var);
}
}
/*
Taxonomy fields
*/
$load_chosen_script = false;
$hdd = array();
foreach($taxonomies as $form_field => $taxonomy){
$js_field = str_replace('-','_',$form_field);
if(0===strpos($form_field,'cf7_2_post_filter-')) continue; //nothing to do here.
$field_type = $fields[$form_field];
/** @since 5.0.0 skip if hybrid*/
if( $mapper->field_has_class($form_field, 'hybrid-select') && 'select'!=$field_type ){
$hdd[]=$js_field;
continue;
}
//load the taxonomy required
//legacy
$load_chosen = apply_filters('cf7_2_post_filter_cf7_taxonomy_chosen_select',true, $mapper->cf7_post_ID, $form_field, $mapper->cf7_key) && apply_filters('cf7_2_post_filter_cf7_taxonomy_select2',true, $mapper->cf7_post_ID, $form_field, $mapper->cf7_key);
if($load_chosen){
$load_chosen_script = true;
}
$terms_id = array();
switch($field_type){
case 'select':
if( $mapper->field_has_option($form_field, 'multiple') ){
$form_field = '"'.$form_field.'[]"';
}
?>
fname = JSON.parse(data.<?= $js_field?>);
$cf7Form.find('select[name=<?= $form_field?>]').append(fname);
$('select.hybrid-select').not('.hybrid-no-init').each(function(){
new HybridDropdown(this,{});
})
<?php
break;
case 'radio':
?>
fname = JSON.parse(data.<?= $js_field?>);
$cf7Form.find('span[data-name="<?= $form_field?>"] span.wpcf7-radio').html(fname);
<?php
break;
case 'checkbox':
?>
fname = JSON.parse(data.<?= $js_field?>);
$cf7Form.find('span[data-name="<?= $form_field?>"] span.wpcf7-checkbox').html(fname);
<?php
break;
}
}
if($load_chosen_script):
$delay_chosen_script = apply_filters('cf7_2_post_filter_cf7_delay_chosen_launch',false, $mapper->cf7_post_ID) || apply_filters('cf7_2_post_filter_cf7_delay_select2_launch',false, $mapper->cf7_post_ID);
if(!$delay_chosen_script):
?>
$(".js-select2", $cf7Form).each(function(){
$(this).select2();
})
<?php
endif;
endif
//finally we need to cater for the post_id if there is one
?>
if(data.map_post_id !== undefined){
fname = '<input type="hidden" name="_map_post_id" id="cf2_2_post_id" value="' + data.map_post_id + '" />';
$cf7Form.find('input[name=_wpcf7]').parent().append(fname);
}
<?php
/** @since 5.0.0 init hybrid dropdown */
if(!empty($hdd)):
echo "['".implode("','",$hdd)."']"?>.forEach(function(f){
if(data[f]){
let fn = data[f].fieldName,
el = $('.'+fn+'> .hybrid-select', $cf7Form).not('.hybrid-no-init').get(0);
if(el){
new HybridDropdown(el, Object.assign(data[f],{
'optionLabel':function (lbl){
if('string' == typeof lbl) return `<span>${lbl}</span>`
return `<span class="${lbl[1]}">${lbl[0]}</span>`
}
}))
}
}
})
<?php
endif; //empty hdd
if(is_user_logged_in()):
$user = wp_get_current_user();
?>
fname = '<input type="hidden" name="_map_author" id="cf7_2_post_user" value="<?=$user->ID?>" />';
$cf7Form.find('input[name=_wpcf7]').parent().append(fname);
<?php endif; ?>
/* trigger the formMapped event to let other scripts that the form is now ready */
if( $cf7Form.is('.cf7-smart-grid .wpcf7-form') && !$cf7Form.is('.cf7sg-ready') ){
$cf7Form.on('cf7SmartGridReady', function(){
$cf7Form.trigger("<?= $nonce ?>", data)
})
}else{
$cf7Form.trigger("<?= $nonce ?>", data);
}
//console.log('<?= $nonce ?> form ready');
}//end preloadForm()
}); //document ready
<?php /** @since 5.5.0 introcude a field value setter on jquery form object */?>
//field setter for jquery form object.
if(!$.isFunction( $.fn.c2pCF7Field)){
$.fn.c2pCF7Field = function(fieldType, fieldName, fieldValue){
let $form = $(this),
$field = null;
if(!$form.is('form.wpcf7-form')) return false;
if(fieldType === null) fieldType = '';
//do we have a field
if(typeof fieldName == 'string' && fieldName.length > 0 ){
let pe = new CustomEvent(`c2p-prefill-field`, { name: fieldName,value: fieldValue });
switch(fieldType){
case 'checkbox':
case 'radio':
fieldName = 'checkbox'===fieldType ? `${fieldName}[]` : fieldName;
if(!Array.isArray(fieldValue)) fieldValue = new Array(fieldValue);
$.each(fieldValue , function(index, v){
$field = $form.find(`input[name=${fieldName}][value="${v}"]`).prop('checked',true).trigger('change');
});
break;
case 'select':
case 'dynamic_select':
$field = $form.find(`select[name=${fieldName}]`).val(fieldValue).trigger("change");
break;
case 'textarea':
$field = $form.find(`textarea[name=${fieldName}]`).val(fieldValue).trigger("change");
break;
default:
$field = $form.find(`input[name=${fieldName}]`).val(fieldValue).trigger("change");
break;
}
$field.get(0).dispatchEvent(pe);
}
return $form;
}
}
})( jQuery );