settings-toggle.js
2.03 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
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
/* global _SEARCHWP */
( function($) {
'use strict';
const app = {
/**
* Init.
*
* @since 4.3.0
*/
init: () => {
$( app.ready );
},
/**
* Document ready
*
* @since 4.3.0
*/
ready: () => {
app.events();
},
/**
* Extension page events.
*
* @since 4.3.0
*/
events: () => {
$( '.swp-toggle-checkbox' ).on( 'change', app.changeToggle );
},
/**
* Callback for changing a setting toggle value.
*
* @since 4.3.0
*/
changeToggle: (e) => {
// TODO: Prevent multiple speed clicks.
const $checkbox = $( e.target );
const data = {
_ajax_nonce: _SEARCHWP.nonce,
action: _SEARCHWP.prefix + 'update_setting',
setting: $checkbox.attr( 'name' ),
value: JSON.stringify( e.target.checked ),
};
$checkbox.siblings( '.swp-toggle-switch' ).css( 'opacity', 0.6 );
$.post( ajaxurl, data, ( response ) => {
if ( response.success ) {
$checkbox.siblings( '.swp-toggle-switch' ).css( 'opacity', 1 );
$checkbox.siblings( '.swp-toggle-switch' ).after( '<span class="swp-toggle-saved-msg swp-text-green swp-b">Saved</span>' );
setTimeout( () => { $checkbox.siblings( '.swp-toggle-saved-msg' ).remove() }, 1500 );
} else {
console.error( response );
$checkbox.siblings( '.swp-toggle-switch' ).after( '<span class="swp-error-msg swp-text-red swp-b">Setting update failed</span>' );
setTimeout( () => { $checkbox.siblings( '.swp-error-msg' ).remove() }, 3000 );
}
} );
},
};
app.init();
window.searchwp = window.searchwp || {};
window.searchwp.SettingsToggle = app;
}( jQuery ) );