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

		@@ -1,120 +1,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		-});
	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	+});