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
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
|
/* eslint-disable no-var, object-shorthand */
( function ( $, ajaxurl, l10n ) {
var DSPublicPostPreview = {
/**
* Initializes the plugin.
*
* @since 2.0.0
*/
initialize: function () {
var t = this;
t.checkbox = $( '#public-post-preview' );
t.link = $( '#public-post-preview-link' );
t.linkInput = t.link.find( 'input' );
t.nonce = $( '#public_post_preview_wpnonce' );
t.status = $( '#public-post-preview-ajax' );
t.status.css( 'opacity', 0 );
t.checkbox.bind( 'change', function () {
t.change();
} );
t.linkInput.on( 'focus', function () {
$( this ).select();
} );
},
/**
* Handles a checkbox change.
*
* @since 2.0.0
*/
change: function () {
var t = this,
checked = t.checkbox.prop( 'checked' ) ? 'true' : 'false';
// Disable the checkbox, to prevent double AJAX requests
t.checkbox.prop( 'disabled', 'disabled' );
t.request(
{
_ajax_nonce: t.nonce.val(),
checked: checked,
post_ID: $( '#post_ID' ).val(),
},
function ( response ) {
if ( response.success ) {
if ( 'true' === checked ) {
t.status.text( l10n.enabled );
t._pulsate( t.status, 'green' );
} else {
t.status.text( l10n.disabled );
t._pulsate( t.status, 'red' );
}
// Add preview link
if ( response.data && response.data.preview_url ) {
t.linkInput.val( response.data.preview_url );
} else {
t.linkInput.val( '' );
}
// Toggle visibility of the link
t.link.toggle();
}
// Enable the checkbox again
t.checkbox.prop( 'disabled', '' );
}
);
},
/**
* Does the AJAX request.
*
* @since 2.0.0
*
* @param {Object} data The data to send.
* @param {Object} callback Callback function for a successful request.
*/
request: function ( data, callback ) {
$.ajax( {
type: 'POST',
url: ajaxurl,
data: $.extend( data, {
action: 'public-post-preview',
} ),
success: callback,
} );
},
/**
* Helper for a pulse effect.
*
* @since 2.0.0
*
* @param {Object} e The element.
* @param {string} color The text color of the element.
*/
_pulsate: function ( e, color ) {
e.css( 'color', color )
.animate( { opacity: 1 }, 600, 'linear' )
.animate( { opacity: 0 }, 600, 'linear', function () {
e.empty();
} );
},
};
// Document is ready.
$( DSPublicPostPreview.initialize() );
} )( window.jQuery, window.ajaxurl, window.DSPublicPostPreviewL10n );
|
GitWeb