wp-analytify / inc / analytify-deactivate-form.php

analytify-deactivate-form.php in Analytify – Google Analytics Dashboard For WordPress (GA4 analytics tracking) trunk, at inc/analytify-deactivate-form.php

289 lines 9.6 KB

Raw Download Zip

1	<style>
2	.wp-analytify-hidden{
3	overflow: hidden;
4	}
5	.wp-analytify-popup-overlay .wp-analytify-internal-message{
6	margin: 3px 0 3px 22px;
7	display: none;
8	}
9	.wp-analytify-reason-input{
10	margin: 3px 0 3px 22px;
11	display: none;
12	}
13	.wp-analytify-pro-message{
14	margin: 3px 0 3px 22px;
15	display: none;
16	color: #ed1515;
17	font-size: 14px;
18	font-weight: 600;
19	}
20	.wp-analytify-reason-input input[type="text"]{
21	width: 100%;
22	display: block;
23	}
24	.wp-analytify-popup-overlay{
25	background: rgba(0,0,0, .8);
26	position: fixed;
27	top:0;
28	left: 0;
29	height: 100%;
30	width: 100%;
31	z-index: 1000;
32	overflow: auto;
33	visibility: hidden;
34	opacity: 0;
35	transition: opacity 0.3s ease-in-out:
36	}
37	.wp-analytify-popup-overlay.wp-analytify-active{
38	opacity: 1;
39	visibility: visible;
40	}
41	.wp-analytify-serveypanel{
42	width: 600px;
43	background: #fff;
44	margin: 65px auto 0;
45	}
46	.wp-analytify-popup-header{
47	background: #f1f1f1;
48	padding: 20px;
49	border-bottom: 1px solid #ccc;
50	}
51	.wp-analytify-popup-header h2{
52	margin: 0;
53	}
54	.wp-analytify-popup-body{
55	padding: 10px 20px;
56	}
57	.wp-analytify-popup-footer{
58	background: #f9f3f3;
59	padding: 10px 20px;
60	border-top: 1px solid #ccc;
61	}
62	.wp-analytify-popup-footer:after{
63	content:"";
64	display: table;
65	clear: both;
66	}
67	.action-btns{
68	float: right;
69	}
70	.wp-analytify-anonymous{
71	display: none;
72	}
73	.attention, .error-message {
74	color: red;
75	font-weight: 600;
76	display: none;
77	}
78	.wp-analytify-spinner{
79	display: none;
80	}
81	.wp-analytify-spinner img{
82	margin-top: 3px;
83	}
84
85	</style>
86	<div class="wp-analytify-popup-overlay">
87	<div class="wp-analytify-serveypanel">
88	<?php
89	/**
90	* Analytify Deactivate Form
91	*
92	* @package WP_Analytify
93	*/
94
95	?>
96
97	<form action="#" method="post" id="wp-analytify-deactivate-form">
98	<div class="wp-analytify-popup-header">
99	<h2><?php esc_html_e( 'Quick feedback about Analytify (Google Analytics for WordPress)', 'wp-analytify' ); ?></h2>
100	</div>
101	<div class="wp-analytify-popup-body">
102	<h3><?php esc_html_e( 'If you have a moment, please let us know why you are deactivating:', 'wp-analytify' ); ?></h3>
103	<ul id="wp-analytify-reason-list">
104	<li class="wp-analytify-reason wp-analytify-reason-pro" data-input-type="" data-input-placeholder="">
105	<label>
106	<span>
107	<input type="radio" name="wp-analytify-selected-reason" value="pro">
108	</span>
109	<span><?php esc_html_e( 'I upgraded to Analytify Pro', 'wp-analytify' ); ?></span>
110	</label>
111	<div class="wp-analytify-pro-message"><?php esc_html_e( 'No need to deactivate this Analytify Core version. Pro version works as an add-on with Core version.', 'wp-analytify' ); ?></div>
112	</li>
113	<li class="wp-analytify-reason" data-input-type="" data-input-placeholder="">
114	<label>
115	<span>
116	<input type="radio" name="wp-analytify-selected-reason" value="1">
117	</span>
118	<span><?php esc_html_e( 'I only needed the plugin for a short period', 'wp-analytify' ); ?></span>
119	</label>
120	<div class="wp-analytify-internal-message"></div>
121	</li>
122	<li class="wp-analytify-reason has-input" data-input-type="textfield">
123	<label>
124	<span>
125	<input type="radio" name="wp-analytify-selected-reason" value="2">
126	</span>
127	<span><?php esc_html_e( 'I found a better plugin', 'wp-analytify' ); ?></span>
128	</label>
129	<div class="wp-analytify-internal-message"></div>
130	<div class="wp-analytify-reason-input"><span class="message error-message"><?php esc_html_e( 'Kindly tell us the name of plugin', 'wp-analytify' ); ?></span><input type="text" name="better_plugin" placeholder="What's the plugin's name?"></div>
131	</li>
132	<li class="wp-analytify-reason" data-input-type="" data-input-placeholder="">
133	<label>
134	<span>
135	<input type="radio" name="wp-analytify-selected-reason" value="3">
136	</span>
137	<span><?php esc_html_e( 'The plugin broke my site', 'wp-analytify' ); ?></span>
138	</label>
139	<div class="wp-analytify-internal-message"></div>
140	</li>
141	<li class="wp-analytify-reason" data-input-type="" data-input-placeholder="">
142	<label>
143	<span>
144	<input type="radio" name="wp-analytify-selected-reason" value="4">
145	</span>
146	<span><?php esc_html_e( 'The plugin suddenly stopped working', 'wp-analytify' ); ?></span>
147	</label>
148	<div class="wp-analytify-internal-message"></div>
149	</li>
150	<li class="wp-analytify-reason" data-input-type="" data-input-placeholder="">
151	<label>
152	<span>
153	<input type="radio" name="wp-analytify-selected-reason" value="5">
154	</span>
155	<span><?php esc_html_e( 'I no longer need the plugin', 'wp-analytify' ); ?></span>
156	</label>
157	<div class="wp-analytify-internal-message"></div>
158	</li>
159	<li class="wp-analytify-reason" data-input-type="" data-input-placeholder="">
160	<label>
161	<span>
162	<input type="radio" name="wp-analytify-selected-reason" value="6">
163	</span>
164	<span><?php esc_html_e( "It's a temporary deactivation. I'm just debugging an issue.", 'wp-analytify' ); ?></span>
165	</label>
166	<div class="wp-analytify-internal-message"></div>
167	</li>
168	<li class="wp-analytify-reason has-input" data-input-type="textfield" >
169	<label>
170	<span>
171	<input type="radio" name="wp-analytify-selected-reason" value="7">
172	</span>
173	<span><?php esc_html_e( 'Other', 'wp-analytify' ); ?></span>
174	</label>
175	<div class="wp-analytify-internal-message"></div>
176	<div class="wp-analytify-reason-input"><span class="message error-message "><?php esc_html_e( 'Kindly tell us the reason so we can improve.', 'wp-analytify' ); ?></span><input type="text" name="other_reason" placeholder="Would you like to share what's other reason ?"></div>
177	</li>
178	</ul>
179	</div>
180	<div class="wp-analytify-popup-footer">
181	<label class="wp-analytify-anonymous"><input type="checkbox" /><?php esc_html_e( 'Anonymous feedback', 'wp-analytify' ); ?></label>
182	<input type="button" class="button button-secondary button-skip wp-analytify-popup-skip-feedback" value="Skip & Deactivate" >
183	<div class="action-btns">
184	<span class="wp-analytify-spinner"><img src="<?php echo esc_url( admin_url( '/images/spinner.gif' ) ); ?>" alt="spinner"></span>
185	<input type="submit" class="button button-secondary button-deactivate wp-analytify-popup-allow-deactivate" value="Submit & Deactivate" disabled="disabled">
186	<a href="#" class="button button-primary wp-analytify-popup-button-close"><?php esc_html_e( 'Cancel', 'wp-analytify' ); ?></a>
187
188	</div>
189	</div>
190	</form>
191	</div>
192	</div>
193
194
195	<script>
196	(function( $ ) {
197
198	$(function() {
199
200	var pluginSlug = 'wp-analytify';
201	// Code to fire when the DOM is ready.
202
203	$(document).on('click', 'tr[data-slug="' + pluginSlug + '"] .deactivate', function(e){
204	e.preventDefault();
205	$('.wp-analytify-popup-overlay').addClass('wp-analytify-active');
206	$('body').addClass('wp-analytify-hidden');
207	});
208	$(document).on('click', '.wp-analytify-popup-button-close', function () {
209	close_popup();
210	});
211	$(document).on('click', ".wp-analytify-serveypanel,tr[data-slug='" + pluginSlug + "'] .deactivate",function(e){
212	e.stopPropagation();
213	});
214
215	$(document).on('click', function(){
216	close_popup();
217	});
218	$('.wp-analytify-reason label').on('click', function(){
219	if($(this).find('input[type="radio"]').is(':checked')){
220	//$('.wp-analytify-anonymous').show();
221	$(this).next().next('.wp-analytify-reason-input').show().end().end().parent().siblings().find('.wp-analytify-reason-input').hide();
222	}
223	$('.wp-analytify-pro-message').hide();
224	});
225	$('.wp-analytify-reason-pro label').on('click', function(){
226	if($(this).find('input[type="radio"]').is(':checked')){
227	$(this).next('.wp-analytify-pro-message').show().end().end().parent().siblings().find('.wp-analytify-reason-input').hide();
228	$('.wp-analytify-popup-allow-deactivate').attr('disabled', 'disabled');
229	$('.wp-analytify-popup-skip-feedback').attr('disabled', 'disabled');
230	}
231	});
232	$('input[type="radio"][name="wp-analytify-selected-reason"]').on('click', function(event) {
233	$(".wp-analytify-popup-allow-deactivate").removeAttr('disabled');
234	$(".wp-analytify-popup-skip-feedback").removeAttr('disabled');
235	});
236	$(document).on('submit', '#wp-analytify-deactivate-form', function(event) {
237	event.preventDefault();
238
239	var _reason = $(this).find('input[type="radio"][name="wp-analytify-selected-reason"]:checked').val();
240	var _reason_details = '';
241	if ( _reason == 2 ) {
242	_reason_details = $(this).find("input[type='text'][name='better_plugin']").val();
243	} else if ( _reason == 7 ) {
244	_reason_details = $(this).find("input[type='text'][name='other_reason']").val();
245	}
246
247	if ( ( _reason == 7 \|\| _reason == 2 ) && _reason_details == '' ) {
248	$('.message.error-message').show();
249	return ;
250	}
251
252	$.ajax({
253	url: ajaxurl,
254	type: 'POST',
255	data: {
256	action : 'analytify_deactivate',
257	reason : _reason,
258	reason_detail : _reason_details,
259	},
260	beforeSend: function(){
261	$(".wp-analytify-spinner").show();
262	$(".wp-analytify-popup-allow-deactivate").attr("disabled", "disabled");
263	}
264	})
265	.done(function() {
266	$(".wp-analytify-spinner").hide();
267	$(".wp-analytify-popup-allow-deactivate").removeAttr("disabled");
268	window.location.href = $("tr[data-slug='"+ pluginSlug +"'] .deactivate a").attr('href');
269	});
270
271	});
272
273	$('.wp-analytify-popup-skip-feedback').on('click', function(e){
274	window.location.href = $("tr[data-slug='"+ pluginSlug +"'] .deactivate a").attr('href');
275	})
276
277	function close_popup() {
278	$('.wp-analytify-popup-overlay').removeClass('wp-analytify-active');
279	$('#wp-analytify-deactivate-form').trigger("reset");
280	$(".wp-analytify-popup-allow-deactivate").attr('disabled', 'disabled');
281	$(".wp-analytify-reason-input").hide();
282	$('body').removeClass('wp-analytify-hidden');
283	$('.message.error-message').hide();
284	}
285	});
286
287	})( jQuery ); // This invokes the function above and allows us to use '$' in place of 'jQuery' in our code.
288	</script>
289