← All changes | admin/assets/js/scripts.js +120 -194 trunk → 2.2.7 View file →

		@@ -1,194 +1,120 @@
1		-(function($){
2		- $(document).on( 'click', '.winp-enable-php-btn', function(e) {
3		- e.preventDefault();
4		- var icon = $(this).children('i'),
5		- label = $(this).children('.winp-btn-title'),
6		- input = $(this).children('.winp-with-php');
7		-
8		- $(this).toggleClass('winp-active');
9		-
10		- if( $(this).hasClass('winp-active') ) {
11		- icon.attr( 'class', 'dashicons dashicons-edit' );
12		- label.text( $(this).data( 'disable-text' ) );
13		- input.val('enabled');
14		- $('body').addClass( 'winp-snippet-enabled' );
15		- } else {
16		- icon.attr( 'class', 'dashicons dashicons-editor-code' );
17		- label.text( $(this).data( 'enable-text' ) );
18		- input.val('');
19		- $('body').removeClass( 'winp-snippet-enabled' );
20		- }
21		- });
22		-
23		-})(jQuery);
24		-
25		-jQuery(document).ready( function($) {
26		- // Permalink slug
27		- $( '#titlediv' ).on( 'click', '.winp-edit-slug', function() {
28		- var i,
29		- $el, revert_e,
30		- c = 0,
31		- slug_value = $('#editable-post-name').html(),
32		- real_slug = $('#post_name'),
33		- revert_slug = real_slug.val(),
34		- permalink = $( '#sample-permalink' ),
35		- permalinkOrig = permalink.html(),
36		- permalinkInner = $( '#sample-permalink a' ).html(),
37		- permalinkHref = $('#sample-permalink a').attr('href'),
38		- buttons = $('#winp-edit-slug-buttons'),
39		- buttonsOrig = buttons.html(),
40		- full = $('#editable-post-name-full');
41		-
42		- // Deal with Twemoji in the post-name.
43		- full.find( 'img' ).replaceWith( function() { return this.alt; } );
44		- full = full.html();
45		-
46		- permalink.html( permalinkInner );
47		-
48		- // Save current content to revert to when cancelling.
49		- $el = $( '#editable-post-name' );
50		- revert_e = $el.html();
51		-
52		- buttons.html( '<button type="button" class="save button button-small">'
53		- + postL10n.ok + '</button> <button type="button" class="cancel button- link">'
54		- + postL10n.cancel + '</button>' );
55		-
56		-
57		- // Save permalink changes.
58		- buttons.children( '.save' ).click( function() {
59		- var new_slug = $el.children( 'input' ).val();
60		-
61		- if ( new_slug == $('#editable-post-name-full').text() ) {
62		- buttons.children('.cancel').click();
63		- return;
64		- }
65		-
66		- $.post(
67		- ajaxurl,
68		- {
69		- action: 'winp_permalink',
70		- code_id: $('#post_ID').val(),
71		- filetype: $('#wbcr_inp_snippet_type').val(),
72		- new_slug: new_slug,
73		- permalink: permalinkHref,
74		- winp_permalink_nonce: $('#winp-permalink-nonce').val()
75		- },
76		- function(data) {
77		- var box = $('#edit-slug-box');
78		- box.html(data);
79		- if (box.hasClass('hidden')) {
80		- box.fadeIn('fast', function () {
81		- box.removeClass('hidden');
82		- });
83		- }
84		- }
85		- );
86		- });
87		-
88		- // Cancel editing of permalink.
89		- buttons.children( '.cancel' ).click( function() {
90		- $('#view-post-btn').show();
91		- $el.html(revert_e);
92		- buttons.html(buttonsOrig);
93		- permalink.html(permalinkOrig);
94		- real_slug.val(revert_slug);
95		- $( '.winp-edit-slug' ).focus();
96		- });
97		-
98		- $el.html( '<input type="text" name="new_slug" id="new-post-slug" value="'
99		- + slug_value + '" autocomplete="off" />' )
100		- .children( 'input' )
101		- .keydown( function( e ) {
102		- var key = e.which;
103		- // On [enter], just save the new slug, don't save the post.
104		- if ( 13 === key ) {
105		- e.preventDefault();
106		- buttons.children( '.save' ).click();
107		- }
108		- // On [esc] cancel the editing.
109		- if ( 27 === key ) {
110		- buttons.children( '.cancel' ).click();
111		- }
112		- } ).keyup( function() {
113		- real_slug.val( this.value );
114		- }).focus();
115		- });
116		-
117		- if ($('.winp-field-premium-element').length > 0) {
118		- $('.winp-field-premium-element').wrap('<div class="winp-field-premium-icon"></div>');
119		- }
120		-
121		- // Handle click on shortcode input to copy to clipboard
122		- $('input.wbcr_inp_shortcode_input').on('click', function (e) {
123		- var input = $(this);
124		- var value = input.val();
125		-
126		- // Select the text
127		- this.setSelectionRange(0, this.value.length);
128		-
129		- // Copy to clipboard
130		- if (navigator.clipboard && navigator.clipboard.writeText) {
131		- // Modern clipboard API
132		- navigator.clipboard.writeText(value).then(function() {
133		- showCopyNotice(input);
134		- }).catch(function(err) {
135		- console.error('Failed to copy:', err);
136		- fallbackCopy(input);
137		- });
138		- } else {
139		- // Fallback for older browsers
140		- fallbackCopy(input);
141		- }
142		- });
143		-
144		- function fallbackCopy(input) {
145		- try {
146		- input[0].select();
147		- var successful = document.execCommand('copy');
148		- if (successful) {
149		- showCopyNotice(input);
150		- }
151		- } catch (err) {
152		- console.error('Failed to copy:', err);
153		- }
154		- }
155		-
156		- function showCopyNotice(input) {
157		- // Remove any existing notices
158		- $('.winp-copy-notice').remove();
159		-
160		- // Create and show notice
161		- var notice = $('<div class="winp-copy-notice"><span>Copied to clipboard!</span></div>');
162		- input.after(notice);
163		-
164		- // Position the notice
165		- notice.css({
166		- position: 'absolute',
167		- background: '#6366f1',
168		- color: '#fff',
169		- borderRadius: '3px',
170		- fontSize: '12px',
171		- zIndex: 1000,
172		- whiteSpace: 'nowrap',
173		- boxShadow: '0 2px 5px rgba(0,0,0,0.2)',
174		- height: '38px',
175		- width: '100%',
176		- marginTop: '-10px',
177		- });
178		-
179		- // Style the span
180		- notice.find('span').css({
181		- display: 'flex',
182		- justifyContent: 'center',
183		- alignItems: 'center',
184		- height: '100%'
185		- });
186		-
187		- // Fade out and remove after 2 seconds
188		- setTimeout(function() {
189		- notice.fadeOut(300, function() {
190		- notice.remove();
191		- });
192		- }, 2000);
193		- }
194		-});
	1	+(function($){
	2	+ $(document).on( 'click', '.winp-enable-php-btn', function(e) {
	3	+ e.preventDefault();
	4	+ var icon = $(this).children('i'),
	5	+ label = $(this).children('.winp-btn-title'),
	6	+ input = $(this).children('.winp-with-php');
	7	+
	8	+ $(this).toggleClass('winp-active');
	9	+
	10	+ if( $(this).hasClass('winp-active') ) {
	11	+ icon.attr( 'class', 'dashicons dashicons-edit' );
	12	+ label.text( $(this).data( 'disable-text' ) );
	13	+ input.val('enabled');
	14	+ $('body').addClass( 'winp-snippet-enabled' );
	15	+ } else {
	16	+ icon.attr( 'class', 'dashicons dashicons-editor-code' );
	17	+ label.text( $(this).data( 'enable-text' ) );
	18	+ input.val('');
	19	+ $('body').removeClass( 'winp-snippet-enabled' );
	20	+ }
	21	+ });
	22	+
	23	+})(jQuery);
	24	+
	25	+jQuery(document).ready( function($) {
	26	+ // Permalink slug
	27	+ $( '#titlediv' ).on( 'click', '.winp-edit-slug', function() {
	28	+ var i,
	29	+ $el, revert_e,
	30	+ c = 0,
	31	+ slug_value = $('#editable-post-name').html(),
	32	+ real_slug = $('#post_name'),
	33	+ revert_slug = real_slug.val(),
	34	+ permalink = $( '#sample-permalink' ),
	35	+ permalinkOrig = permalink.html(),
	36	+ permalinkInner = $( '#sample-permalink a' ).html(),
	37	+ permalinkHref = $('#sample-permalink a').attr('href'),
	38	+ buttons = $('#winp-edit-slug-buttons'),
	39	+ buttonsOrig = buttons.html(),
	40	+ full = $('#editable-post-name-full');
	41	+
	42	+ // Deal with Twemoji in the post-name.
	43	+ full.find( 'img' ).replaceWith( function() { return this.alt; } );
	44	+ full = full.html();
	45	+
	46	+ permalink.html( permalinkInner );
	47	+
	48	+ // Save current content to revert to when cancelling.
	49	+ $el = $( '#editable-post-name' );
	50	+ revert_e = $el.html();
	51	+
	52	+ buttons.html( '<button type="button" class="save button button-small">'
	53	+ + postL10n.ok + '</button> <button type="button" class="cancel button- link">'
	54	+ + postL10n.cancel + '</button>' );
	55	+
	56	+
	57	+ // Save permalink changes.
	58	+ buttons.children( '.save' ).click( function() {
	59	+ var new_slug = $el.children( 'input' ).val();
	60	+
	61	+ if ( new_slug == $('#editable-post-name-full').text() ) {
	62	+ buttons.children('.cancel').click();
	63	+ return;
	64	+ }
	65	+
	66	+ $.post(
	67	+ ajaxurl,
	68	+ {
	69	+ action: 'winp_permalink',
	70	+ code_id: $('#post_ID').val(),
	71	+ filetype: $('#wbcr_inp_snippet_type').val(),
	72	+ new_slug: new_slug,
	73	+ permalink: permalinkHref,
	74	+ winp_permalink_nonce: $('#winp-permalink-nonce').val()
	75	+ },
	76	+ function(data) {
	77	+ var box = $('#edit-slug-box');
	78	+ box.html(data);
	79	+ if (box.hasClass('hidden')) {
	80	+ box.fadeIn('fast', function () {
	81	+ box.removeClass('hidden');
	82	+ });
	83	+ }
	84	+ }
	85	+ );
	86	+ });
	87	+
	88	+ // Cancel editing of permalink.
	89	+ buttons.children( '.cancel' ).click( function() {
	90	+ $('#view-post-btn').show();
	91	+ $el.html(revert_e);
	92	+ buttons.html(buttonsOrig);
	93	+ permalink.html(permalinkOrig);
	94	+ real_slug.val(revert_slug);
	95	+ $( '.winp-edit-slug' ).focus();
	96	+ });
	97	+
	98	+ $el.html( '<input type="text" name="new_slug" id="new-post-slug" value="'
	99	+ + slug_value + '" autocomplete="off" />' )
	100	+ .children( 'input' )
	101	+ .keydown( function( e ) {
	102	+ var key = e.which;
	103	+ // On [enter], just save the new slug, don't save the post.
	104	+ if ( 13 === key ) {
	105	+ e.preventDefault();
	106	+ buttons.children( '.save' ).click();
	107	+ }
	108	+ // On [esc] cancel the editing.
	109	+ if ( 27 === key ) {
	110	+ buttons.children( '.cancel' ).click();
	111	+ }
	112	+ } ).keyup( function() {
	113	+ real_slug.val( this.value );
	114	+ }).focus();
	115	+ });
	116	+
	117	+ if ($('.winp-field-premium-element').length > 0) {
	118	+ $('.winp-field-premium-element').wrap('<div class="winp-field-premium-icon"></div>');
	119	+ }
	120	+});