loginpress / include / loginpress-optout-form.php

loginpress-optout-form.php in LoginPress | wp-login Custom Login Page Customizer 1.3.1, at include/loginpress-optout-form.php

173 lines 5.3 KB

Raw Download Zip

1	<?php
2	/**
3	* LoginPress optout Content.
4	* @package LoginPress
5	* @version 1.1.14
6	*/
7
8	$loginpress_optout_nonce = wp_create_nonce('loginpress-optout-nonce');
9	?>
10	<style media="screen">
11	.loginpress-modal.active {
12	display: block;
13	}
14	.loginpress-modal {
15	position: fixed;
16	overflow: auto;
17	height: 100%;
18	width: 100%;
19	top: 0;
20	z-index: 100000;
21	display: none;
22	background: rgba(0,0,0,0.6);
23	}
24	.loginpress-modal.active .loginpress-modal-dialog {
25	top: 10%;
26	}
27	.loginpress-modal .loginpress-modal-dialog {
28	background: transparent;
29	position: absolute;
30	left: 50%;
31	margin-left: -298px;
32	padding-bottom: 30px;
33	top: -100%;
34	z-index: 100001;
35	width: 596px;
36	}
37	.loginpress-modal .loginpress-modal-header {
38	border-bottom: #eeeeee solid 1px;
39	background: #fbfbfb;
40	padding: 15px 20px;
41	position: relative;
42	margin-bottom: -10px;
43	}
44	.loginpress-modal .loginpress-modal-body {
45	border-bottom: 0;
46	}
47	.loginpress-modal .loginpress-modal-body, .loginpress-modal .loginpress-modal-footer {
48	border: 0;
49	background: #fefefe;
50	padding: 20px;
51	}
52	.loginpress-modal .loginpress-modal-body>div {
53	margin-top: 10px;
54	}
55	.loginpress-modal .loginpress-modal-body>div h2 {
56	font-weight: bold;
57	font-size: 20px;
58	margin-top: 0;
59	}
60	.loginpress-modal .loginpress-modal-body p {
61	font-size: 14px;
62	}
63	.loginpress-modal .loginpress-modal-footer {
64	border-top: #eeeeee solid 1px;
65	text-align: right;
66	}
67	.loginpress-modal .loginpress-modal-footer>.button:first-child {
68	margin: 0;
69	}
70	.loginpress-modal .loginpress-modal-footer>.button {
71	margin: 0 7px;
72	}
73	.loginpress-modal .loginpress-modal-body>div h2 {
74	font-weight: bold;
75	font-size: 20px;
76	margin-top: 0;
77	}
78	.loginpress-modal .loginpress-modal-body h2 {
79	font-size: 20px;
80	line-height: 1.5em;
81	}
82	.loginpress-modal .loginpress-modal-header h4 {
83	margin: 0;
84	padding: 0;
85	text-transform: uppercase;
86	font-size: 1.2em;
87	font-weight: bold;
88	color: #cacaca;
89	text-shadow: 1px 1px 1px #fff;
90	letter-spacing: 0.6px;
91	-webkit-font-smoothing: antialiased;
92	}
93
94	.loginpress-optout-spinner{
95	display: none;
96	}
97	</style>
98
99
100	<div class="loginpress-modal loginpress-modal-opt-out">
101	<div class="loginpress-modal-dialog">
102	<div class="loginpress-modal-header">
103	<h4><?php _e( 'Opt Out', 'loginpress' ); ?></h4>
104	</div>
105	<div class="loginpress-modal-body">
106	<div class="loginpress-modal-panel active">
107	<input type="hidden" class="loginpress_optout_nonce" name="loginpress_optout_nonce" value="<?php echo $loginpress_optout_nonce; ?>">
108	<h2><?php _e( 'We appreciate your help in making the plugin better by letting us track some usage data.', 'loginpress' ); ?></h2>
109	<div class="notice notice-error inline opt-out-error-message" style="display: none;">
110	<p></p>
111	</div>
112	<p><?php echo sprintf( __( 'Usage tracking is done in the name of making %1$s LoginPress %2$s better. Making a better user experience, prioritizing new features, and more good things. We\'d really appreciate if you\'ll reconsider letting us continue with the tracking.', 'loginpress' ), '<strong>', '</strong>') ?></p>
113	<p><?php echo sprintf( __( 'By clicking "Opt Out", we will no longer be sending any data to %1$s LoginPress%2$s.', 'loginpress' ), '<a href="https://wpbrigade.com" target="_blank">', '</a>' ); ?></p>
114	</div>
115	</div>
116	<div class="loginpress-modal-footer">
117	<form class="" action="<?php echo admin_url( 'plugins.php' ) ?>" method="post">
118	<span class="loginpress-optout-spinner"><img src="<?php echo admin_url( '/images/spinner.gif' ); ?>" alt=""></span>
119	<button type='submit' name='loginpress-submit-optout' id='loginpress_optout_button' class="button button-secondary button-opt-out" tabindex="1"><?php _e( 'Opt Out', 'loginpress' ) ?></button>
120	<button class="button button-primary button-close" tabindex="2"><?php _e( 'On second thought - I want to continue helping', 'loginpress' ); ?></button>
121	</form>
122	</div>
123	</div>
124	</div>
125
126
127
128	<script type="text/javascript">
129
130	(function( $ ) {
131
132	$(function() {
133	var pluginSlug = 'loginpress';
134	var optout_nonce = $('.loginpress_optout_nonce').val();
135	// Code to fire when the DOM is ready.
136
137	$(document).on('click', 'tr[data-slug="' + pluginSlug + '"] .opt-out', function(e){
138	e.preventDefault();
139	$('.loginpress-modal-opt-out').addClass('active');
140	});
141
142	$(document).on('click', '.button-close', function(event) {
143	event.preventDefault();
144	$('.loginpress-modal-opt-out').removeClass('active');
145	});
146
147	$(document).on('click','#loginpress_optout_button', function(event) {
148	event.preventDefault();
149	$.ajax({
150	url: ajaxurl,
151	type: 'POST',
152	data: {
153	action : 'loginpress_optout_yes',
154	security : optout_nonce,
155	},
156	beforeSend: function(){
157	$(".loginpress-optout-spinner").show();
158	$(".loginpress-popup-allow-deactivate").attr("disabled", "disabled");
159	}
160	})
161	.done(function() {
162	$(".loginpress-optout-spinner").hide();
163	$('.loginpress-modal-opt-out').removeClass('active');
164	location.reload();
165	});
166
167	});
168
169	});
170
171	})( jQuery ); // This invokes the function above and allows us to use '$' in place of 'jQuery' in our code.
172	</script>
173