Jörg Lohrer
7437d10019
erstelle mit claude 4.5 - die auswahlfunktion funktioniert aber nicht das absenden nach dem auswählen in den beitrag hinein. -> "Block rendering failed"
320 lines
No EOL
12 KiB
PHP
320 lines
No EOL
12 KiB
PHP
<?php
|
|
/*
|
|
* @var $options array contains all the options the current block we're ediging contains
|
|
* @var $controls NewsletterControls
|
|
* @var $fields NewsletterFields
|
|
*/
|
|
|
|
// Don't access this file directly
|
|
if ( ! defined( 'ABSPATH' ) ) {
|
|
exit;
|
|
}
|
|
?>
|
|
|
|
<?php
|
|
// get all post type options
|
|
$post_types = get_post_types( array( 'public' => true ), 'objects' );
|
|
$post_type_options = [];
|
|
foreach($post_types as $post_type){
|
|
$post_type_options[$post_type->name] = $post_type->label;
|
|
}
|
|
|
|
// get all thumbnail size options
|
|
$image_sizes = wp_get_registered_image_subsizes();
|
|
$image_size_options = ['none' => 'None'];
|
|
foreach($image_sizes as $name => $details){
|
|
$image_size_options[$name] = ucfirst(str_replace('_', ' ', $name)) . ' (' . $details['width'] . 'x' . $details['height'] . ')';
|
|
}
|
|
$image_size_options['full'] = 'Full';
|
|
?>
|
|
|
|
<div class="tnp-field-row">
|
|
<div class="tnp-field-col-2">
|
|
<label for="post-search-input"><?php _e('Search by post title', 'advanced-composer-blocks-for-newsletter') ?></label>
|
|
<input type="text" id="post-search-input" placeholder="<?php _e('Type to search posts...', 'advanced-composer-blocks-for-newsletter') ?>" />
|
|
<div id="post-search-results" style="display: none; position: relative; z-index: 1000; background: white; border: 1px solid #ccc; max-height: 200px; overflow-y: auto;"></div>
|
|
</div>
|
|
<div class="tnp-field-col-2">
|
|
<?php $fields->text('post_id', __('Post ID', 'advanced-composer-blocks-for-newsletter')) ?>
|
|
<small><?php _e('Or enter Post ID manually', 'advanced-composer-blocks-for-newsletter') ?></small>
|
|
</div>
|
|
</div>
|
|
|
|
<p class="mbtnp-section-title">Featured image</p>
|
|
<div class="tnp-field-row">
|
|
<div class="tnp-field-col-2">
|
|
<?php $fields->select('image_size', __('Image size', 'advanced-composer-blocks-for-newsletter'), $image_size_options) ?>
|
|
</div>
|
|
<div class="tnp-field-col-2" id="o-link_image">
|
|
<?php $fields->checkbox('link_image', __('Link image to post', 'advanced-composer-blocks-for-newsletter')) ?>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="tnp-field-row">
|
|
<div class="tnp-field-col-2" id="o-image_align">
|
|
<?php $fields->select('image_align', __('Align', 'advanced-composer-blocks-for-newsletter'), ['center' => 'Center', 'left' => 'Left', 'right' => 'Right']) ?>
|
|
</div>
|
|
<div class="tnp-field-col-2" id="o-border_radius">
|
|
<?php $fields->size('border_radius', __('Border radius', 'advanced-composer-blocks-for-newsletter')) ?>
|
|
</div>
|
|
</div>
|
|
|
|
<p class="mbtnp-section-title">Title</p>
|
|
<div class="tnp-field-row">
|
|
<div class="tnp-field-col-2">
|
|
<?php $fields->checkbox('hide_title', __('Hide title', 'advanced-composer-blocks-for-newsletter')) ?>
|
|
</div>
|
|
<div class="tnp-field-col-2" id="o-link_title">
|
|
<?php $fields->checkbox('link_title', __('Link title to post', 'advanced-composer-blocks-for-newsletter')) ?>
|
|
</div>
|
|
</div>
|
|
|
|
<div style="clear:both;" id="o-title_font">
|
|
<?php $fields->font('title_font', '', ['family_default'=>true, 'size_default'=>true, 'weight_default'=>true, 'align'=>true]) ?>
|
|
</div>
|
|
|
|
<p class="mbtnp-section-title">Post date</p>
|
|
<div class="tnp-field-row">
|
|
<div class="tnp-field-col-2">
|
|
<?php $fields->checkbox('show_post_date', __('Show post date', 'advanced-composer-blocks-for-newsletter')) ?>
|
|
</div>
|
|
</div>
|
|
|
|
<div style="clear:both;" id="o-post_date_font">
|
|
<?php $fields->font('post_date_font', '', ['family_default'=>true, 'size_default'=>true, 'weight_default'=>true, 'align'=>true]) ?>
|
|
</div>
|
|
|
|
<p class="mbtnp-section-title">Post content</p>
|
|
<div class="tnp-field-row">
|
|
<div class="tnp-field-col-2">
|
|
<?php $fields->select('show_content', __('Show content', 'advanced-composer-blocks-for-newsletter'), ['none' => 'None', 'excerpt' => 'Excerpt', 'full' => 'Full']) ?>
|
|
</div>
|
|
<div class="tnp-field-col-2" id="o-excerpt_length">
|
|
<?php $fields->number('excerpt_length', __('Excerpt length (characters)', 'advanced-composer-blocks-for-newsletter')) ?>
|
|
</div>
|
|
</div>
|
|
|
|
<div style="clear:both;" id="o-post_content_font">
|
|
<?php $fields->font('post_content_font', '', ['family_default'=>true, 'size_default'=>true, 'weight_default'=>true, 'align'=>true]) ?>
|
|
</div>
|
|
|
|
<p class="mbtnp-section-title">Custom content</p>
|
|
<p style="font-size: 0.9em; margin-top: 0;">Add custom fields by using brackets. Ex: for "custom_name", use <strong>{field_custom_name}</strong></p>
|
|
<?php $fields->wp_editor( 'post_custom_html', 'Content', [
|
|
'post_custom_html_font_family' => $composer['post_custom_html_font_family'],
|
|
'post_custom_html_font_size' => $composer['post_custom_html_font_size'],
|
|
'post_custom_html_font_weight' => $composer['post_custom_html_font_weight'],
|
|
'post_custom_html_font_color' => $composer['post_custom_html_font_color'],
|
|
] ) ?>
|
|
|
|
<p class="mbtnp-section-title">Button</p>
|
|
<?php $fields->checkbox('hide_button', __('Hide button', 'advanced-composer-blocks-for-newsletter')) ?>
|
|
<div id="o-button_text">
|
|
<?php $fields->text('button_text', __('Button text', 'advanced-composer-blocks-for-newsletter')) ?>
|
|
<?php $fields->font('button_text_font', '', [ 'family_default' => true, 'size_default' => true, 'weight_default' => true, 'align'=>false, 'color'=>false ] ) ?>
|
|
</div>
|
|
|
|
<div class="tnp-field-row">
|
|
<div class="tnp-field-col-3" id="o-button_text_color">
|
|
<?php $fields->color('button_text_color', __('Text color', 'advanced-composer-blocks-for-newsletter')) ?>
|
|
</div>
|
|
<div class="tnp-field-col-3" id="o-button_color">
|
|
<?php $fields->color('button_color', __('Button color', 'advanced-composer-blocks-for-newsletter')) ?>
|
|
</div>
|
|
<div class="tnp-field-col-3" id="o-button_border_color">
|
|
<?php $fields->size('button_border_radius', __('Border radius', 'advanced-composer-blocks-for-newsletter')) ?>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="tnp-field-row">
|
|
<div class="tnp-field-col-2" id="o-button_width">
|
|
<?php $fields->select('button_width', 'Width', ['inline' => __('Inline', 'advanced-composer-blocks-for-newsletter'), 'full_width' => __('Full width', 'advanced-composer-blocks-for-newsletter')]) ?>
|
|
</div>
|
|
<div class="tnp-field-col-2"id="o-button_align">
|
|
<?php $fields->select('button_align', 'Alignment', ['center' => __('Center'), 'left' => __('Left'), 'right' => __('Right')]) ?>
|
|
</div>
|
|
</div>
|
|
|
|
<p class="mbtnp-section-title">Layout</p>
|
|
<div class="tnp-field-row">
|
|
<div class="tnp-field-col-4">
|
|
<?php $fields->size('wrap_border_radius', __('Border radius', 'advanced-composer-blocks-for-newsletter')) ?>
|
|
</div>
|
|
<div class="tnp-field-col-4">
|
|
<?php $fields->color('wrap_background_color', __('Background color', 'advanced-composer-blocks-for-newsletter')) ?>
|
|
</div>
|
|
<div class="tnp-field-col-4">
|
|
<?php $fields->size('wrap_border_width', __('Border width', 'advanced-composer-blocks-for-newsletter')) ?>
|
|
</div>
|
|
<div class="tnp-field-col-4">
|
|
<?php $fields->color('wrap_border_color', __('Border color', 'advanced-composer-blocks-for-newsletter')) ?>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="tnp-field-row" style="padding: 10px;">
|
|
<div class="tnp-field-col">
|
|
<table width="100%">
|
|
<tr>
|
|
<td><?php $fields->size('wrap_padding_left', __('← Left', 'advanced-composer-blocks-for-newsletter')) ?></td>
|
|
<td><?php $fields->size('wrap_padding_top', __('↑ Top', 'advanced-composer-blocks-for-newsletter')) ?><?php $fields->size('wrap_padding_bottom', __('↓ Bottom', 'advanced-composer-blocks-for-newsletter')) ?></td>
|
|
<td><?php $fields->size('wrap_padding_right', __('→ Right', 'advanced-composer-blocks-for-newsletter')) ?></td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<hr style="clear:both; margin:20px 0;" />
|
|
|
|
<script>
|
|
jQuery(document).ready(function($){
|
|
|
|
function mbtnp_post_list_visibility(){
|
|
|
|
// thumbnail rules
|
|
var image_size = $('#options-image_size').val();
|
|
if(image_size == 'none'){
|
|
$('#o-link_images').hide();
|
|
$('#o-image_align').hide();
|
|
$('#o-border_radius').hide();
|
|
} else {
|
|
$('#o-link_images').show();
|
|
$('#o-image_align').show();
|
|
$('#o-border_radius').show();
|
|
}
|
|
|
|
// title rules
|
|
var hide_title = $('#options-hide_title').is(':checked');
|
|
if(hide_title){
|
|
$('#o-link_title').hide();
|
|
$('#o-title_font').hide();
|
|
} else {
|
|
$('#o-link_title').show();
|
|
$('#o-title_font').show();
|
|
}
|
|
|
|
// post date rules
|
|
var show_post_date = $('#options-show_post_date').is(':checked');
|
|
if(show_post_date){
|
|
$('#o-post_date_font').show();
|
|
} else {
|
|
$('#o-post_date_font').hide();
|
|
}
|
|
|
|
// content rules
|
|
var show_content = $('#options-show_content').val();
|
|
if(show_content == 'none'){
|
|
$('#o-post_content_font').hide();
|
|
} else {
|
|
$('#o-post_content_font').show();
|
|
}
|
|
if(show_content == 'full' || show_content == 'none'){
|
|
$('#o-excerpt_length').hide();
|
|
} else {
|
|
$('#o-excerpt_length').show();
|
|
}
|
|
|
|
// button rules
|
|
var hide_button = $('#options-hide_button').is(':checked');
|
|
if(hide_button){
|
|
$('#o-button_text').hide();
|
|
$('#o-button_text_color').hide();
|
|
$('#o-button_color').hide();
|
|
$('#o-button_border_color').hide();
|
|
$('#o-button_width').hide();
|
|
$('#o-button_align').hide();
|
|
} else {
|
|
$('#o-button_text').show();
|
|
$('#o-button_text_color').show();
|
|
$('#o-button_color').show();
|
|
$('#o-button_border_color').show();
|
|
$('#o-button_width').show();
|
|
$('#o-button_align').show();
|
|
}
|
|
}
|
|
|
|
$(document).delegate('input, select', 'change', function(e){
|
|
e.preventDefault();
|
|
mbtnp_post_list_visibility();
|
|
});
|
|
|
|
// if mouse hovers #tnpc-block-options
|
|
$('#tnpc-block-options').hover(function(){
|
|
mbtnp_post_list_visibility();
|
|
});
|
|
|
|
// Post title search functionality
|
|
var searchTimeout;
|
|
var ajaxUrl = typeof ajaxurl !== 'undefined' ? ajaxurl : '<?php echo admin_url("admin-ajax.php"); ?>';
|
|
|
|
$('#post-search-input').on('keyup', function() {
|
|
var searchTerm = $(this).val();
|
|
var $results = $('#post-search-results');
|
|
|
|
if (searchTerm.length < 2) {
|
|
$results.hide().empty();
|
|
return;
|
|
}
|
|
|
|
clearTimeout(searchTimeout);
|
|
searchTimeout = setTimeout(function() {
|
|
console.log('Sending AJAX request with:', {
|
|
action: 'mbtnp_search_posts',
|
|
search_term: searchTerm,
|
|
url: ajaxUrl
|
|
});
|
|
|
|
$.ajax({
|
|
url: ajaxUrl,
|
|
type: 'POST',
|
|
data: {
|
|
action: 'mbtnp_search_posts',
|
|
search_term: searchTerm
|
|
},
|
|
success: function(response) {
|
|
console.log('AJAX Success:', response);
|
|
if (response.success && response.data.length > 0) {
|
|
var html = '';
|
|
$.each(response.data, function(index, post) {
|
|
html += '<div class="post-search-result" data-post-id="' + post.ID + '" style="padding: 8px; cursor: pointer; border-bottom: 1px solid #eee;">';
|
|
html += '<strong>' + post.post_title + '</strong><br>';
|
|
html += '<small>ID: ' + post.ID + ' | ' + post.post_date + ' | ' + post.post_type + '</small>';
|
|
html += '</div>';
|
|
});
|
|
$results.html(html).show();
|
|
} else {
|
|
$results.html('<div style="padding: 8px; color: #666;"><?php _e("No posts found", "advanced-composer-blocks-for-newsletter") ?></div>').show();
|
|
}
|
|
},
|
|
error: function(jqXHR, textStatus, errorThrown) {
|
|
console.error('AJAX Error:', textStatus, errorThrown);
|
|
console.error('Response:', jqXHR.responseText);
|
|
$results.html('<div style="padding: 8px; color: #d63638;"><?php _e("Search failed", "advanced-composer-blocks-for-newsletter") ?></div>').show();
|
|
}
|
|
});
|
|
}, 300);
|
|
});
|
|
|
|
// Handle click on search results
|
|
$(document).on('click', '.post-search-result', function() {
|
|
var postId = $(this).data('post-id');
|
|
var postTitle = $(this).find('strong').text();
|
|
|
|
$('#options-post_id').val(postId);
|
|
$('#post-search-input').val(postTitle);
|
|
$('#post-search-results').hide();
|
|
|
|
// Trigger change event to update preview
|
|
$('#options-post_id').trigger('change');
|
|
});
|
|
|
|
// Hide search results when clicking outside
|
|
$(document).on('click', function(event) {
|
|
if (!$(event.target).closest('#post-search-input, #post-search-results').length) {
|
|
$('#post-search-results').hide();
|
|
}
|
|
});
|
|
});
|
|
</script>
|
|
|
|
<?php $fields->block_commons() ?>
|