Make WordPress Core

Context Navigation

source: trunk/src/js/_enqueues/admin/privacy-tools.js @ 50547

Last change on this file since 50547 was 50547, checked in by SergeyBiryukov, 3 years ago

External Libraries: Further fix jQuery deprecations in WordPress core.

Follow-up to [50001], [50270], [50367], [50383], [50410], [50420], [50429].

Props Clorith.
See #51812.

Property svn:eol-style set to native

File size: 10.7 KB

Line
1	/**
2	* Interactions used by the User Privacy tools in WordPress.
3	*
4	* @output wp-admin/js/privacy-tools.js
5	*/
6
7	// Privacy request action handling.
8	jQuery( function( $ ) {
9	var __ = wp.i18n.__,
10	copiedNoticeTimeout;
11
12	function setActionState( $action, state ) {
13	$action.children().addClass( 'hidden' );
14	$action.children( '.' + state ).removeClass( 'hidden' );
15	}
16
17	function clearResultsAfterRow( $requestRow ) {
18	$requestRow.removeClass( 'has-request-results' );
19
20	if ( $requestRow.next().hasClass( 'request-results' ) ) {
21	$requestRow.next().remove();
22	}
23	}
24
25	function appendResultsAfterRow( $requestRow, classes, summaryMessage, additionalMessages ) {
26	var itemList = '',
27	resultRowClasses = 'request-results';
28
29	clearResultsAfterRow( $requestRow );
30
31	if ( additionalMessages.length ) {
32	$.each( additionalMessages, function( index, value ) {
33	itemList = itemList + '<li>' + value + '</li>';
34	});
35	itemList = '<ul>' + itemList + '</ul>';
36	}
37
38	$requestRow.addClass( 'has-request-results' );
39
40	if ( $requestRow.hasClass( 'status-request-confirmed' ) ) {
41	resultRowClasses = resultRowClasses + ' status-request-confirmed';
42	}
43
44	if ( $requestRow.hasClass( 'status-request-failed' ) ) {
45	resultRowClasses = resultRowClasses + ' status-request-failed';
46	}
47
48	$requestRow.after( function() {
49	return '<tr class="' + resultRowClasses + '"><th colspan="5">' +
50	'<div class="notice inline notice-alt ' + classes + '">' +
51	'<p>' + summaryMessage + '</p>' +
52	itemList +
53	'</div>' +
54	'</td>' +
55	'</tr>';
56	});
57	}
58
59	$( '.export-personal-data-handle' ).on( 'click', function( event ) {
60	var $this = $( this ),
61	$action = $this.parents( '.export-personal-data' ),
62	$requestRow = $this.parents( 'tr' ),
63	$progress = $requestRow.find( '.export-progress' ),
64	$rowActions = $this.parents( '.row-actions' ),
65	requestID = $action.data( 'request-id' ),
66	nonce = $action.data( 'nonce' ),
67	exportersCount = $action.data( 'exporters-count' ),
68	sendAsEmail = $action.data( 'send-as-email' ) ? true : false;
69
70	event.preventDefault();
71	event.stopPropagation();
72
73	$rowActions.addClass( 'processing' );
74
75	$action.trigger( 'blur' );
76	clearResultsAfterRow( $requestRow );
77	setExportProgress( 0 );
78
79	function onExportDoneSuccess( zipUrl ) {
80	var summaryMessage = __( 'This user’s personal data export link was sent.' );
81
82	if ( 'undefined' !== typeof zipUrl ) {
83	summaryMessage = __( 'This user’s personal data export file was downloaded.' );
84	}
85
86	setActionState( $action, 'export-personal-data-success' );
87
88	appendResultsAfterRow( $requestRow, 'notice-success', summaryMessage, [] );
89
90	if ( 'undefined' !== typeof zipUrl ) {
91	window.location = zipUrl;
92	} else if ( ! sendAsEmail ) {
93	onExportFailure( __( 'No personal data export file was generated.' ) );
94	}
95
96	setTimeout( function() { $rowActions.removeClass( 'processing' ); }, 500 );
97	}
98
99	function onExportFailure( errorMessage ) {
100	var summaryMessage = __( 'An error occurred while attempting to export personal data.' );
101
102	setActionState( $action, 'export-personal-data-failed' );
103
104	if ( errorMessage ) {
105	appendResultsAfterRow( $requestRow, 'notice-error', summaryMessage, [ errorMessage ] );
106	}
107
108	setTimeout( function() { $rowActions.removeClass( 'processing' ); }, 500 );
109	}
110
111	function setExportProgress( exporterIndex ) {
112	var progress = ( exportersCount > 0 ? exporterIndex / exportersCount : 0 ),
113	progressString = Math.round( progress * 100 ).toString() + '%';
114
115	$progress.html( progressString );
116	}
117
118	function doNextExport( exporterIndex, pageIndex ) {
119	$.ajax(
120	{
121	url: window.ajaxurl,
122	data: {
123	action: 'wp-privacy-export-personal-data',
124	exporter: exporterIndex,
125	id: requestID,
126	page: pageIndex,
127	security: nonce,
128	sendAsEmail: sendAsEmail
129	},
130	method: 'post'
131	}
132	).done( function( response ) {
133	var responseData = response.data;
134
135	if ( ! response.success ) {
136	// e.g. invalid request ID.
137	setTimeout( function() { onExportFailure( response.data ); }, 500 );
138	return;
139	}
140
141	if ( ! responseData.done ) {
142	setTimeout( doNextExport( exporterIndex, pageIndex + 1 ) );
143	} else {
144	setExportProgress( exporterIndex );
145	if ( exporterIndex < exportersCount ) {
146	setTimeout( doNextExport( exporterIndex + 1, 1 ) );
147	} else {
148	setTimeout( function() { onExportDoneSuccess( responseData.url ); }, 500 );
149	}
150	}
151	}).fail( function( jqxhr, textStatus, error ) {
152	// e.g. Nonce failure.
153	setTimeout( function() { onExportFailure( error ); }, 500 );
154	});
155	}
156
157	// And now, let's begin.
158	setActionState( $action, 'export-personal-data-processing' );
159	doNextExport( 1, 1 );
160	});
161
162	$( '.remove-personal-data-handle' ).on( 'click', function( event ) {
163	var $this = $( this ),
164	$action = $this.parents( '.remove-personal-data' ),
165	$requestRow = $this.parents( 'tr' ),
166	$progress = $requestRow.find( '.erasure-progress' ),
167	$rowActions = $this.parents( '.row-actions' ),
168	requestID = $action.data( 'request-id' ),
169	nonce = $action.data( 'nonce' ),
170	erasersCount = $action.data( 'erasers-count' ),
171	hasRemoved = false,
172	hasRetained = false,
173	messages = [];
174
175	event.preventDefault();
176	event.stopPropagation();
177
178	$rowActions.addClass( 'processing' );
179
180	$action.trigger( 'blur' );
181	clearResultsAfterRow( $requestRow );
182	setErasureProgress( 0 );
183
184	function onErasureDoneSuccess() {
185	var summaryMessage = __( 'No personal data was found for this user.' ),
186	classes = 'notice-success';
187
188	setActionState( $action, 'remove-personal-data-success' );
189
190	if ( false === hasRemoved ) {
191	if ( false === hasRetained ) {
192	summaryMessage = __( 'No personal data was found for this user.' );
193	} else {
194	summaryMessage = __( 'Personal data was found for this user but was not erased.' );
195	classes = 'notice-warning';
196	}
197	} else {
198	if ( false === hasRetained ) {
199	summaryMessage = __( 'All of the personal data found for this user was erased.' );
200	} else {
201	summaryMessage = __( 'Personal data was found for this user but some of the personal data found was not erased.' );
202	classes = 'notice-warning';
203	}
204	}
205	appendResultsAfterRow( $requestRow, classes, summaryMessage, messages );
206
207	setTimeout( function() { $rowActions.removeClass( 'processing' ); }, 500 );
208	}
209
210	function onErasureFailure() {
211	var summaryMessage = __( 'An error occurred while attempting to find and erase personal data.' );
212
213	setActionState( $action, 'remove-personal-data-failed' );
214
215	appendResultsAfterRow( $requestRow, 'notice-error', summaryMessage, [] );
216
217	setTimeout( function() { $rowActions.removeClass( 'processing' ); }, 500 );
218	}
219
220	function setErasureProgress( eraserIndex ) {
221	var progress = ( erasersCount > 0 ? eraserIndex / erasersCount : 0 ),
222	progressString = Math.round( progress * 100 ).toString() + '%';
223
224	$progress.html( progressString );
225	}
226
227	function doNextErasure( eraserIndex, pageIndex ) {
228	$.ajax({
229	url: window.ajaxurl,
230	data: {
231	action: 'wp-privacy-erase-personal-data',
232	eraser: eraserIndex,
233	id: requestID,
234	page: pageIndex,
235	security: nonce
236	},
237	method: 'post'
238	}).done( function( response ) {
239	var responseData = response.data;
240
241	if ( ! response.success ) {
242	setTimeout( function() { onErasureFailure(); }, 500 );
243	return;
244	}
245	if ( responseData.items_removed ) {
246	hasRemoved = hasRemoved \|\| responseData.items_removed;
247	}
248	if ( responseData.items_retained ) {
249	hasRetained = hasRetained \|\| responseData.items_retained;
250	}
251	if ( responseData.messages ) {
252	messages = messages.concat( responseData.messages );
253	}
254	if ( ! responseData.done ) {
255	setTimeout( doNextErasure( eraserIndex, pageIndex + 1 ) );
256	} else {
257	setErasureProgress( eraserIndex );
258	if ( eraserIndex < erasersCount ) {
259	setTimeout( doNextErasure( eraserIndex + 1, 1 ) );
260	} else {
261	setTimeout( function() { onErasureDoneSuccess(); }, 500 );
262	}
263	}
264	}).fail( function() {
265	setTimeout( function() { onErasureFailure(); }, 500 );
266	});
267	}
268
269	// And now, let's begin.
270	setActionState( $action, 'remove-personal-data-processing' );
271
272	doNextErasure( 1, 1 );
273	});
274
275	// Privacy Policy page, copy action.
276	$( document ).on( 'click', function( event ) {
277	var $parent,
278	range,
279	$target = $( event.target ),
280	copiedNotice = $target.siblings( '.success' );
281
282	clearTimeout( copiedNoticeTimeout );
283
284	if ( $target.is( 'button.privacy-text-copy' ) ) {
285	$parent = $target.closest( '.privacy-settings-accordion-panel' );
286
287	if ( $parent.length ) {
288	try {
289	var documentPosition = document.documentElement.scrollTop,
290	bodyPosition = document.body.scrollTop;
291
292	// Setup copy.
293	window.getSelection().removeAllRanges();
294
295	// Hide tutorial content to remove from copied content.
296	range = document.createRange();
297	$parent.addClass( 'hide-privacy-policy-tutorial' );
298
299	// Copy action.
300	range.selectNodeContents( $parent[0] );
301	window.getSelection().addRange( range );
302	document.execCommand( 'copy' );
303
304	// Reset section.
305	$parent.removeClass( 'hide-privacy-policy-tutorial' );
306	window.getSelection().removeAllRanges();
307
308	// Return scroll position - see #49540.
309	if ( documentPosition > 0 && documentPosition !== document.documentElement.scrollTop ) {
310	document.documentElement.scrollTop = documentPosition;
311	} else if ( bodyPosition > 0 && bodyPosition !== document.body.scrollTop ) {
312	document.body.scrollTop = bodyPosition;
313	}
314
315	// Display and speak notice to indicate action complete.
316	copiedNotice.addClass( 'visible' );
317	wp.a11y.speak( __( 'The suggested policy text has been copied to your clipboard.' ) );
318
319	// Delay notice dismissal.
320	copiedNoticeTimeout = setTimeout( function() {
321	copiedNotice.removeClass( 'visible' );
322	}, 3000 );
323	} catch ( er ) {}
324	}
325	}
326	});
327
328	// Label handling to focus the create page button on Privacy settings page.
329	$( 'body.options-privacy-php label[for=create-page]' ).on( 'click', function( e ) {
330	e.preventDefault();
331	$( 'input#create-page' ).trigger( 'focus' );
332	} );
333
334	// Accordion handling in various new Privacy settings pages.
335	$( '.privacy-settings-accordion' ).on( 'click', '.privacy-settings-accordion-trigger', function() {
336	var isExpanded = ( 'true' === $( this ).attr( 'aria-expanded' ) );
337
338	if ( isExpanded ) {
339	$( this ).attr( 'aria-expanded', 'false' );
340	$( '#' + $( this ).attr( 'aria-controls' ) ).attr( 'hidden', true );
341	} else {
342	$( this ).attr( 'aria-expanded', 'true' );
343	$( '#' + $( this ).attr( 'aria-controls' ) ).attr( 'hidden', false );
344	}
345	} );
346	});

Note: See TracBrowser for help on using the repository browser.

Trac UI Preferences

Download in other formats: