popupscript.js
1.81 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
/* Display Popup when Contact Form 7 successfully submitted */
document.addEventListener( 'wpcf7mailsent', function( event ) {
var currentformid = event.detail.contactFormId;
var popup_id = event.detail.apiResponse.popup_id;
//Store popup background color and search , is aveliable or not if not aveliable then it is normal color or gradient color
if( event.detail.apiResponse.popup_background_option == "bg_color")
{
var color_code = event.detail.apiResponse.popup_background_color;
}
if(event.detail.apiResponse.popup_background_option === "gradient_color")
{
var color_code = 'linear-gradient('+ event.detail.apiResponse.popup_gradient_color +','+ event.detail.apiResponse.popup_gradient_color1 +')';
}
if(event.detail.apiResponse.popup_background_option === "image")
{
var color_code = ' url("' + event.detail.apiResponse.popup_image_color + '")right center / cover no-repeat';
}
if (popup_id != null && popup_id != '') {
//popup box
swal({
// set popup background color and image
background: color_code,
// set popup message
title: '<span style="color:' + event.detail.apiResponse.popup_text_color +'">'+event.detail.apiResponse.popup_message+'</span>',
confirmButtonColor: event.detail.apiResponse.popup_button_background_color,
confirmButtonText: '<span style="color:' + event.detail.apiResponse.popup_text_color +'">'+event.detail.apiResponse.popup_button_text+'</span>',
// set popup width
width: event.detail.apiResponse.m_popup_width,
//set popup duration time in seconds
timer: event.detail.apiResponse.m_popup_duration,
})
jQuery('.swal2-modal').css('border-radius', event.detail.apiResponse.m_popup_radius+"px");
}
}, false );