Skip to content

Commit 66cfba7

Browse files
ajaydsouzaajaydsouza
committedDec 29, 2024·
New ON/OFF toggle to disable snippet
Fixes #23
·
v2.1.0v2.1.0-beta1
1 parent 2529b14 commit 66cfba7

File tree

6 files changed

+265
-45
lines changed

6 files changed

+265
-45
lines changed
 

‎includes/admin/settings/js/admin-scripts.js

+41-36
Original file line numberDiff line numberDiff line change
@@ -1,69 +1,74 @@
1-
jQuery(document).ready(function($) {
1+
/* global jQuery, wp */
2+
3+
jQuery( function( $ ) {
24
// File browser.
3-
$('.file-browser').on('click', function (event) {
5+
$( '.file-browser' ).on( 'click', function( event ) {
46
event.preventDefault();
57

6-
var self = $(this);
8+
const self = $( this );
79

810
// Create the media frame.
9-
var file_frame = wp.media.frames.file_frame = wp.media({
10-
title: self.data('uploader_title'),
11+
const file_frame = wp.media.frames.file_frame = wp.media( {
12+
title: self.data( 'uploader_title' ),
1113
button: {
12-
text: self.data('uploader_button_text'),
14+
text: self.data( 'uploader_button_text' ),
1315
},
1416
multiple: false
15-
});
17+
} );
1618

17-
file_frame.on('select', function () {
18-
attachment = file_frame.state().get('selection').first().toJSON();
19-
self.prev('.file-url').val(attachment.url).change();
20-
});
19+
file_frame.on( 'select', function() {
20+
const attachment = file_frame.state().get( 'selection' ).first().toJSON();
21+
self.prev( '.file-url' ).val( attachment.url ).trigger( 'input' );
22+
} );
2123

2224
// Finally, open the modal
2325
file_frame.open();
24-
});
26+
} );
2527

2628
// Prompt the user when they leave the page without saving the form.
27-
var formmodified=0;
29+
let formmodified = 0;
2830

2931
function confirmFormChange() {
30-
formmodified=1;
32+
formmodified = 1;
3133
}
3234

3335
function confirmExit() {
34-
if ( formmodified == 1 ) {
36+
if ( formmodified === 1 ) {
3537
return true;
3638
}
39+
return undefined;
3740
}
3841

3942
function formNotModified() {
4043
formmodified = 0;
4144
}
4245

43-
$('form *').change( confirmFormChange );
46+
// Use on() with input event instead of change()
47+
$( 'form *' ).on( 'input', confirmFormChange );
48+
$( 'form select, form input[type="checkbox"], form input[type="radio"]' ).on( 'change', confirmFormChange );
4449

4550
window.onbeforeunload = confirmExit;
4651

47-
$( "input[name='submit']" ).click(formNotModified);
48-
$( "input[id='search-submit']" ).click(formNotModified);
49-
$( "input[id='doaction']" ).click(formNotModified);
50-
$( "input[id='doaction2']" ).click(formNotModified);
51-
$( "input[name='filter_action']" ).click(formNotModified);
52+
// Use on() instead of click()
53+
$( "input[name='submit']" ).on( 'click', formNotModified );
54+
$( "input[id='search-submit']" ).on( 'click', formNotModified );
55+
$( "input[id='doaction']" ).on( 'click', formNotModified );
56+
$( "input[id='doaction2']" ).on( 'click', formNotModified );
57+
$( "input[name='filter_action']" ).on( 'click', formNotModified );
5258

53-
$( function() {
54-
$( "#post-body-content" ).tabs({
55-
create: function( event, ui ) {
56-
$( ui.tab.find("a") ).addClass( "nav-tab-active" );
57-
},
58-
activate: function( event, ui ) {
59-
$( ui.oldTab.find("a") ).removeClass( "nav-tab-active" );
60-
$( ui.newTab.find("a") ).addClass( "nav-tab-active" );
61-
}
62-
});
63-
});
59+
// Initialize tabs
60+
$( "#post-body-content" ).tabs( {
61+
create: function( event, ui ) {
62+
$( ui.tab.find( "a" ) ).addClass( "nav-tab-active" );
63+
},
64+
activate: function( event, ui ) {
65+
$( ui.oldTab.find( "a" ) ).removeClass( "nav-tab-active" );
66+
$( ui.newTab.find( "a" ) ).addClass( "nav-tab-active" );
67+
}
68+
} );
6469

65-
// Initialise ColorPicker.
66-
$( '.color-field' ).each( function ( i, element ) {
70+
// Initialize ColorPicker.
71+
$( '.color-field' ).each( function( i, element ) {
6772
$( element ).wpColorPicker();
68-
});
69-
});
73+
} );
74+
} );

‎includes/admin/settings/js/admin-scripts.min.js

+1-1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎includes/snippets/class-admin-columns.php

+118-8
Original file line numberDiff line numberDiff line change
@@ -23,14 +23,25 @@
2323
class Admin_Columns {
2424

2525
/**
26-
* Main constructor class.
26+
* Meta key for disable snippet.
27+
*
28+
* @var string
29+
*/
30+
const DISABLE_META_KEY = '_ata_disable_snippet';
31+
32+
/**
33+
* Constructor class.
2734
*/
2835
public function __construct() {
2936
add_filter( 'manage_ata_snippets_posts_columns', array( $this, 'manage_post_columns' ), 10 );
3037
add_filter( 'manage_edit-ata_snippets_sortable_columns', array( $this, 'set_sortable_columns' ) );
3138
add_action( 'manage_ata_snippets_posts_custom_column', array( $this, 'manage_posts_custom_column' ), 10, 2 );
3239
add_action( 'admin_head', array( $this, 'custom_css' ) );
3340
add_action( 'pre_get_posts', array( $this, 'pre_get_posts' ) );
41+
add_action( 'admin_enqueue_scripts', array( $this, 'admin_scripts' ) );
42+
43+
// Add AJAX action.
44+
add_action( 'wp_ajax_ata_toggle_snippet', array( $this, 'ajax_toggle_snippet' ) );
3445
}
3546

3647
/**
@@ -40,11 +51,16 @@ public function __construct() {
4051
*/
4152
public function manage_post_columns( $columns ) {
4253
// Create a new array so we can modify array position.
43-
$new_columns = array();
54+
$new_columns = array(
55+
'cb' => $columns['cb'],
56+
'enabled' => '<span class="ata-column-narrow">' . __( 'Status', 'add-to-all' ) . '</span>',
57+
);
4458

4559
// Loop through the existing columns and evaluate the column.
4660
foreach ( $columns as $key => $title ) {
47-
$new_columns[ $key ] = $title;
61+
if ( 'cb' !== $key ) {
62+
$new_columns[ $key ] = $title;
63+
}
4864

4965
if ( 'title' === $key ) {
5066
$new_columns['type'] = __( 'Type', 'add-to-all' );
@@ -67,13 +83,31 @@ public function set_sortable_columns( $columns ) {
6783
}
6884

6985
/**
70-
* Adds the content for the custom columns.
86+
* Add custom column content.
7187
*
72-
* @param string $column_name The name of the column to display.
73-
* @param int $post_id The current post ID.
88+
* @param string $column_name Column name.
89+
* @param int $post_id Post ID.
7490
*/
7591
public function manage_posts_custom_column( $column_name, $post_id ) {
7692
switch ( $column_name ) {
93+
case 'enabled':
94+
$disabled = get_post_meta( $post_id, self::DISABLE_META_KEY, true );
95+
96+
printf(
97+
'<div class="ata-snippet-toggle-wrapper" data-post-id="%1$s" data-nonce="%2$s"></div>',
98+
esc_attr( (string) $post_id ),
99+
esc_attr( wp_create_nonce( 'ata_toggle_snippet_' . $post_id ) )
100+
);
101+
wp_localize_script(
102+
'ata-admin-snippets',
103+
'ataSnippetData_' . $post_id,
104+
array(
105+
'disabled' => ! empty( $disabled ),
106+
'ajaxurl' => admin_url( 'admin-ajax.php' ),
107+
)
108+
);
109+
break;
110+
77111
case 'type':
78112
$styles = Functions::get_snippet_type_styles( get_post( $post_id ) );
79113
$snippet_type = $styles['type'];
@@ -92,6 +126,7 @@ public function manage_posts_custom_column( $column_name, $post_id ) {
92126
esc_html( strtoupper( $snippet_type ) )
93127
);
94128
break;
129+
95130
case 'shortcode':
96131
$shortcode = "[ata_snippet id={$post_id}]";
97132

@@ -103,6 +138,9 @@ public function manage_posts_custom_column( $column_name, $post_id ) {
103138

104139
echo trim( $output ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
105140
break;
141+
142+
default:
143+
break;
106144
}
107145
}
108146

@@ -112,9 +150,31 @@ public function manage_posts_custom_column( $column_name, $post_id ) {
112150
public function custom_css() {
113151
$screen = get_current_screen();
114152

115-
if ( 'edit-ata_snippets' === $screen->id ) {
116-
echo '<style>#shortcode{width:200px}.ata_shortcode input.code{min-width:100%}</style>';
153+
if ( ! $screen || 'ata_snippets' !== $screen->post_type ) {
154+
return;
117155
}
156+
?>
157+
<style>
158+
.column-enabled {
159+
width: max-content;
160+
}
161+
.column-type {
162+
width: max-content;
163+
}
164+
.column-shortcode {
165+
width: 200px;
166+
}
167+
.ata_shortcode input.code {
168+
min-width: 100%;
169+
}
170+
.ata-column-narrow {
171+
display: block;
172+
}
173+
.ata-snippet-toggle-wrapper {
174+
text-align: center;
175+
}
176+
</style>
177+
<?php
118178
}
119179

120180
/**
@@ -143,4 +203,54 @@ public function pre_get_posts( $query ) {
143203
$query->set( 'meta_query', $meta_query );
144204
}
145205
}
206+
207+
/**
208+
* Enqueue admin scripts.
209+
*/
210+
public function admin_scripts() {
211+
$minimize = ( defined( 'SCRIPT_DEBUG' ) && SCRIPT_DEBUG ) ? '' : '.min';
212+
$screen = get_current_screen();
213+
214+
if ( 'edit-ata_snippets' === $screen->id ) {
215+
wp_enqueue_script(
216+
'ata-admin-snippets',
217+
plugins_url( 'includes/snippets/js/admin-snippets' . $minimize . '.js', WZ_SNIPPETZ_FILE ),
218+
array( 'wp-element', 'wp-i18n', 'wp-components' ),
219+
WZ_SNIPPETZ_VERSION,
220+
true
221+
);
222+
223+
wp_enqueue_style(
224+
'wp-components'
225+
);
226+
}
227+
}
228+
229+
/**
230+
* Toggle snippet status via AJAX.
231+
*/
232+
public function ajax_toggle_snippet() {
233+
if ( ! isset( $_POST['post_id'] ) ) {
234+
wp_send_json_error( array( 'message' => __( 'No post ID provided.', 'add-to-all' ) ) );
235+
}
236+
237+
$post_id = absint( wp_unslash( $_POST['post_id'] ) );
238+
239+
check_ajax_referer( 'ata_toggle_snippet_' . $post_id, 'nonce' );
240+
241+
if ( ! current_user_can( 'edit_post', $post_id ) ) {
242+
wp_send_json_error( array( 'message' => __( 'You do not have permission to edit this snippet.', 'add-to-all' ) ) );
243+
}
244+
245+
$disabled = get_post_meta( $post_id, self::DISABLE_META_KEY, true );
246+
$new_status = ! $disabled;
247+
248+
update_post_meta( $post_id, self::DISABLE_META_KEY, $new_status );
249+
250+
wp_send_json_success(
251+
array(
252+
'disabled' => $new_status,
253+
)
254+
);
255+
}
146256
}

‎includes/snippets/class-metabox.php

+7
Original file line numberDiff line numberDiff line change
@@ -70,6 +70,13 @@ public function __construct() {
7070
public function get_registered_settings() {
7171

7272
$settings = array(
73+
'disable_snippet' => array(
74+
'id' => 'disable_snippet',
75+
'name' => __( 'Disable Snippet', 'add-to-all' ),
76+
'desc' => __( 'When enabled the snippet will not be displayed.', 'add-to-all' ),
77+
'type' => 'checkbox',
78+
'options' => false,
79+
),
7380
'snippet_type' => array(
7481
'id' => 'snippet_type',
7582
'name' => __( 'Snippet Type', 'add-to-all' ),

‎includes/snippets/js/admin-snippets.js

+97
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,97 @@
1+
/* global wp */
2+
3+
/**
4+
* Admin Snippets JavaScript.
5+
*
6+
* @package WebberZone\Snippetz
7+
*/
8+
9+
( function( wp ) {
10+
const { createElement, useState } = wp.element;
11+
const { ToggleControl } = wp.components;
12+
const { createRoot } = wp.element;
13+
const { __ } = wp.i18n;
14+
const { VisuallyHidden } = wp.components;
15+
16+
/**
17+
* SnippetToggle Component
18+
*
19+
* @param {Object} props Component props.
20+
* @return {WPElement} Element to render.
21+
*/
22+
function SnippetToggle( props ) {
23+
const [isDisabled, setIsDisabled] = useState( props.initialDisabled || false );
24+
const [isUpdating, setIsUpdating] = useState( false );
25+
26+
const toggleSnippet = () => {
27+
setIsUpdating( true );
28+
29+
const formData = new FormData();
30+
formData.append( 'action', 'ata_toggle_snippet' );
31+
formData.append( 'post_id', props.postId );
32+
formData.append( 'nonce', props.nonce );
33+
34+
fetch( props.ajaxurl, {
35+
method: 'POST',
36+
body: formData,
37+
credentials: 'same-origin'
38+
} )
39+
.then( response => {
40+
console.log('Response:', response);
41+
return response.json();
42+
} )
43+
.then( data => {
44+
console.log('Data:', data);
45+
if ( data.success ) {
46+
console.log('Setting disabled to:', data.data.disabled);
47+
setIsDisabled( data.data.disabled );
48+
} else {
49+
console.error( 'Error toggling snippet:', data.data.message );
50+
}
51+
} )
52+
.finally( () => {
53+
setIsUpdating( false );
54+
} );
55+
};
56+
57+
return createElement(
58+
'div',
59+
{},
60+
[
61+
createElement( VisuallyHidden, {},
62+
isDisabled ? __( 'Snippet is disabled', 'add-to-all' ) : __( 'Snippet is active', 'add-to-all' )
63+
),
64+
createElement( ToggleControl, {
65+
checked: !isDisabled,
66+
onChange: toggleSnippet,
67+
disabled: isUpdating,
68+
className: 'ata-snippet-toggle'
69+
} )
70+
]
71+
);
72+
}
73+
74+
// Initialize all toggle buttons
75+
document.addEventListener( 'DOMContentLoaded', function() {
76+
const toggleWrappers = document.querySelectorAll( '.ata-snippet-toggle-wrapper' );
77+
console.log('Found toggle wrappers:', toggleWrappers.length);
78+
79+
toggleWrappers.forEach( function( wrapper ) {
80+
const postId = wrapper.dataset.postId;
81+
const nonce = wrapper.dataset.nonce;
82+
const data = window['ataSnippetData_' + postId] || { disabled: false };
83+
84+
console.log('Initializing toggle for post:', postId, 'with data:', data);
85+
86+
const root = createRoot( wrapper );
87+
root.render(
88+
createElement( SnippetToggle, {
89+
postId: postId,
90+
nonce: nonce,
91+
initialDisabled: data.disabled,
92+
ajaxurl: data.ajaxurl
93+
} )
94+
);
95+
} );
96+
} );
97+
} )( wp );

‎includes/snippets/js/admin-snippets.min.js

+1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)
Please sign in to comment.