← All changes | includes/page-form-builder/preview/_src/bfb-preview.js +105 -7 11.2 → 11.9 View file →

		@@ -1,4 +1,4 @@
1	1	// ---------------------------------------------------------------------------------------------------------------------
2	2	// == File /includes/page-form-builder/preview/_out/bfb-preview.js
3	3	// == BFB Preview Client — sends current structure via AJAX and loads preview URL into iframe
4	4	// ---------------------------------------------------------------------------------------------------------------------
		@@ -116,9 +116,9 @@
116	116	*
117	117	* @param {string} form_name
118	118	* @returns {{options:Object, css_vars:Object}}
119	119	*/
120		- get_current_form_settings(form_name) {
	120	+ get_current_form_settings(form_name) {
121	121
122	122	var form_settings = {
123	123	options : {},
124	124	css_vars: {}
		@@ -140,10 +140,106 @@
140	140	if ( !form_settings.css_vars || typeof form_settings.css_vars !== 'object' ) {
141	141	form_settings.css_vars = {};
142	142	}
143	143
144		- return form_settings;
145		- }
	144	+ return form_settings;
	145	+ }
	146	+
	147	+ /**
	148	+ * Read a Form Style control directly from DOM.
	149	+ *
	150	+ * @param {string} key
	151	+ * @returns {string|null}
	152	+ */
	153	+ read_form_style_control_value(key) {
	154	+ var control = null;
	155	+ var checked = null;
	156	+
	157	+ if ( key === 'booking_form_style' ) {
	158	+ checked = d.querySelector( 'input[type="radio"][name="booking_form_style"]:checked' );
	159	+ return checked ? String( checked.value || '' ) : null;
	160	+ }
	161	+
	162	+ control = d.querySelector( '[data-wpbc-bfb-fs-key="' + key + '"]' );
	163	+ if ( ! control ) {
	164	+ control = d.getElementById( key );
	165	+ }
	166	+ if ( ! control ) {
	167	+ return null;
	168	+ }
	169	+
	170	+ if ( control.matches && control.matches( 'input[type="radio"]' ) ) {
	171	+ checked = d.querySelector( 'input[type="radio"][name="' + control.name + '"]:checked' );
	172	+ return checked ? String( checked.value || '' ) : null;
	173	+ }
	174	+ if ( control.matches && control.matches( 'input[type="checkbox"]' ) ) {
	175	+ return control.checked ? 'On' : 'Off';
	176	+ }
	177	+
	178	+ if ( typeof control.value !== 'undefined' ) {
	179	+ return String( control.value == null ? '' : control.value );
	180	+ }
	181	+
	182	+ return null;
	183	+ }
	184	+
	185	+ /**
	186	+ * Build the current global Form Style override for preview only.
	187	+ *
	188	+ * @returns {Object}
	189	+ */
	190	+ get_current_form_style_settings() {
	191	+ var style_keys = [
	192	+ 'booking_form_style',
	193	+ 'booking_form_accent_enabled',
	194	+ 'booking_form_accent_color',
	195	+ 'booking_form_custom_background_color',
	196	+ 'booking_form_custom_border_color',
	197	+ 'booking_form_custom_border_width',
	198	+ 'booking_form_custom_border_radius',
	199	+ 'booking_form_custom_padding_vertical',
	200	+ 'booking_form_custom_padding_horizontal',
	201	+ 'booking_form_custom_text_color',
	202	+ 'booking_form_custom_field_background_color',
	203	+ 'booking_form_custom_field_text_color',
	204	+ 'booking_form_custom_field_border_color',
	205	+ 'booking_form_custom_button_background_color',
	206	+ 'booking_form_custom_button_text_color',
	207	+ 'booking_form_custom_button_border_color',
	208	+ 'booking_form_custom_button_hover_background_color',
	209	+ 'booking_form_custom_button_hover_text_color',
	210	+ 'booking_form_custom_button_hover_border_color',
	211	+ 'booking_form_custom_secondary_button_background_color',
	212	+ 'booking_form_custom_secondary_button_text_color',
	213	+ 'booking_form_custom_secondary_button_border_color',
	214	+ 'booking_form_custom_secondary_button_hover_background_color',
	215	+ 'booking_form_custom_secondary_button_hover_text_color',
	216	+ 'booking_form_custom_secondary_button_hover_border_color'
	217	+ ];
	218	+ var out = {};
	219	+ var collected = {};
	220	+ var self = this;
	221	+ var localized = w.wpbc_bfb_settings_vars && w.wpbc_bfb_settings_vars.global_form_style
	222	+ ? w.wpbc_bfb_settings_vars.global_form_style
	223	+ : {};
	224	+
	225	+ if ( w.WPBC_BFB_FormSettings && typeof w.WPBC_BFB_FormSettings.collect === 'function' ) {
	226	+ collected = w.WPBC_BFB_FormSettings.collect( 'global' ) || {};
	227	+ }
	228	+
	229	+ style_keys.forEach( function (key) {
	230	+ var dom_value = self.read_form_style_control_value( key );
	231	+ if ( null !== dom_value ) {
	232	+ out[key] = dom_value;
	233	+ } else if ( Object.prototype.hasOwnProperty.call( collected, key ) ) {
	234	+ out[key] = collected[key];
	235	+ } else if ( Object.prototype.hasOwnProperty.call( localized, key ) ) {
	236	+ out[key] = localized[key];
	237	+ }
	238	+ } );
	239	+
	240	+ return out;
	241	+ }
146	242
147	243	/**
148	244	* Get the currently selected calendar skin URL from the Builder page.
149	245	*
		@@ -244,10 +340,11 @@
244	340
245	341	var payload = new w.FormData();
246	342	var cfg = w.WPBC_BFB_Ajax || {};
247	343
248		- // Build settings payload (same as real saving).
249		- var form_settings = this.get_current_form_settings( cfg.form_name || 'standard' );
	344	+ // Build settings payload (same as real saving).
	345	+ var form_settings = this.get_current_form_settings( cfg.form_name || 'standard' );
	346	+ var preview_form_style = this.get_current_form_style_settings();
250	347
251	348	payload.append( 'action', 'WPBC_AJX_BFB_SAVE_FORM_CONFIG' );
252	349	payload.append( 'nonce', ( cfg.nonce_save || this.nonce || '' ) );
253	350
		@@ -261,10 +358,11 @@
261	358	payload.append( 'engine_version', ( cfg.engine_version || '1.0' ) );
262	359
263	360	payload.append( 'structure', JSON.stringify( structure ) );
264	361
265		- // Send real settings (options + compiled css_vars).
266		- payload.append( 'settings', JSON.stringify( form_settings ) );
	362	+ // Send real settings (options + compiled css_vars).
	363	+ payload.append( 'settings', JSON.stringify( form_settings ) );
	364	+ payload.append( 'preview_form_style', JSON.stringify( preview_form_style ) );
267	365
268	366	// ----------------------------------------------------------------------------
269	367	// Choose where advanced_form + content_form are taken from (auto|builder|advanced)
270	368	// ----------------------------------------------------------------------------