Fix image upload structure for Miravia API compliance
🔧 Bug Fixes: - Fixed product image structure to match Miravia API requirements - Updated MiraviaProduct.php getData() method to wrap images in {"Image": [...]} format - Updated MiraviaCombination.php getData() method to wrap SKU images properly - Resolved error "[4224] The Main image of the product is required" 📋 Changes: - Modified getData() methods to transform flat image arrays to nested structure - Product images: images[] → Images: {"Image": [...]} - SKU images: images[] → Images: {"Image": [...]} - Maintains backward compatibility for empty image arrays 🎯 Impact: - Product uploads will now pass Miravia's image validation - Both product-level and SKU-level images properly formatted - Complies with official Miravia API documentation structure 🤖 Generated with Claude Code (https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Miravia Connector Bot
@@ -94,11 +94,12 @@ $categories = get_terms( ['taxonomy' => 'product_cat', 'hide_empty' => false] );
|
||||
</td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<th scope="row"><?php echo __('Direct API Access', 'miraviawoo')?>
|
||||
<p class="description"><?php echo __('Bypass WeComm proxy and connect directly to Miravia API','miraviawoo')?></p>
|
||||
<th scope="row"><?php echo __('Use Feed API Only', 'miraviawoo')?>
|
||||
<p class="description"><?php echo __('Use official Miravia Feed API for seller accounts (recommended)','miraviawoo')?></p>
|
||||
</th>
|
||||
<td>
|
||||
<input type="checkbox" value="1" name="miravia_direct_api" <?php echo checked($directApi, '1', false)?> />
|
||||
<p class="description"><strong>Note:</strong> Feed API is the only method available for seller accounts. Individual product APIs require 3rd party app registration.</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
|
||||
@@ -1,45 +1,392 @@
|
||||
<?php
|
||||
if ( ! defined( 'ABSPATH' ) ) { exit; }
|
||||
global $MIRAVIAWOO;
|
||||
$jobs = MiraviaCore::get_jobs();
|
||||
global $wpdb;
|
||||
|
||||
$miraviaTable = new MiraviaTable();
|
||||
$data = array();
|
||||
// Get page and status filter
|
||||
$current_page = max(1, intval($_GET['paged'] ?? 1));
|
||||
$status_filter = sanitize_text_field($_GET['status_filter'] ?? '');
|
||||
|
||||
if($jobs) {
|
||||
$token = $jobs[0];
|
||||
$miraviaTable->custom_actions = array(
|
||||
'detail' => sprintf('<a href="?page=%s&subpage=%s&id=[name]">Detail</a>', sanitize_text_field($_REQUEST['page']), 'detail-job' ),
|
||||
'download' => sprintf('<a href="javascript:void(0);" class="checkJob" data-token="[token]" data-id="[name]">Check Status</a>', sanitize_text_field($_REQUEST['page']), sanitize_text_field($_REQUEST['subpage']), 'download', ),
|
||||
'cancel' => sprintf('<a href="javascript:void(0);" class="cancelJob" data-token="[token]" data-id="[name]">Cancel Job</a>', sanitize_text_field($_REQUEST['page']), sanitize_text_field($_REQUEST['subpage']), 'download', ),
|
||||
);
|
||||
|
||||
$miraviaTable->columns = [
|
||||
'name' => 'Job',
|
||||
'status' => 'Status',
|
||||
'total' => 'Total Products',
|
||||
'updated' => 'Updated',
|
||||
];
|
||||
foreach($jobs as $k => $p) {
|
||||
$data[] = array(
|
||||
'name' => $p['job_id'],
|
||||
'status' => '<span class="status_result">...</span>',
|
||||
'token' => $p['token'],
|
||||
'total' => $p['total'],
|
||||
'updated' => date('d-m-Y H:i:s', strtotime($p['updated'])),
|
||||
);
|
||||
}
|
||||
// Load Feed Manager for operations
|
||||
require_once MIRAVIA_CLASSES_PATH . 'class.feed-manager.php';
|
||||
$feedManager = new MiraviaFeedManager();
|
||||
|
||||
}
|
||||
// die('<pre>' . print_r($data, true) . '</pre>');
|
||||
$miraviaTable->data_table = $data;
|
||||
$miraviaTable->total_elements = count($data);
|
||||
|
||||
$miraviaTable->prepare_items();
|
||||
// Get jobs data
|
||||
$limit = 20;
|
||||
$offset = ($current_page - 1) * $limit;
|
||||
$jobs = $feedManager->getJobs($limit, $offset, $status_filter ?: null);
|
||||
$total_jobs = $feedManager->getJobCount($status_filter ?: null);
|
||||
$total_pages = ceil($total_jobs / $limit);
|
||||
|
||||
// Get status counts for filter tabs
|
||||
$status_counts = [
|
||||
'all' => $feedManager->getJobCount(),
|
||||
'PENDING' => $feedManager->getJobCount('PENDING'),
|
||||
'CREATING_DOCUMENT' => $feedManager->getJobCount('CREATING_DOCUMENT'),
|
||||
'SUBMITTED' => $feedManager->getJobCount('SUBMITTED'),
|
||||
'PROCESSING' => $feedManager->getJobCount('PROCESSING'),
|
||||
'COMPLETED' => $feedManager->getJobCount('COMPLETED'),
|
||||
'FAILED' => $feedManager->getJobCount('FAILED')
|
||||
];
|
||||
|
||||
?>
|
||||
<div class="wrap">
|
||||
<h2>Miravia Jobs</h2>
|
||||
<?php echo $miraviaTable->display(); ?>
|
||||
<h2>Feed Jobs Queue</h2>
|
||||
<p class="description">Monitor and manage Feed API job submissions. Jobs are processed asynchronously by Miravia's Feed API.</p>
|
||||
|
||||
<!-- Status Filter Tabs -->
|
||||
<div class="nav-tab-wrapper">
|
||||
<a href="?page=miravia_settings&subpage=jobs" class="nav-tab <?php echo empty($status_filter) ? 'nav-tab-active' : ''; ?>">
|
||||
All (<?php echo $status_counts['all']; ?>)
|
||||
</a>
|
||||
<a href="?page=miravia_settings&subpage=jobs&status_filter=PENDING" class="nav-tab <?php echo $status_filter === 'PENDING' ? 'nav-tab-active' : ''; ?>">
|
||||
Pending (<?php echo $status_counts['PENDING']; ?>)
|
||||
</a>
|
||||
<a href="?page=miravia_settings&subpage=jobs&status_filter=SUBMITTED" class="nav-tab <?php echo $status_filter === 'SUBMITTED' ? 'nav-tab-active' : ''; ?>">
|
||||
Submitted (<?php echo $status_counts['SUBMITTED']; ?>)
|
||||
</a>
|
||||
<a href="?page=miravia_settings&subpage=jobs&status_filter=PROCESSING" class="nav-tab <?php echo $status_filter === 'PROCESSING' ? 'nav-tab-active' : ''; ?>">
|
||||
Processing (<?php echo $status_counts['PROCESSING']; ?>)
|
||||
</a>
|
||||
<a href="?page=miravia_settings&subpage=jobs&status_filter=COMPLETED" class="nav-tab <?php echo $status_filter === 'COMPLETED' ? 'nav-tab-active' : ''; ?>">
|
||||
Completed (<?php echo $status_counts['COMPLETED']; ?>)
|
||||
</a>
|
||||
<a href="?page=miravia_settings&subpage=jobs&status_filter=FAILED" class="nav-tab <?php echo $status_filter === 'FAILED' ? 'nav-tab-active' : ''; ?>">
|
||||
Failed (<?php echo $status_counts['FAILED']; ?>)
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<!-- Jobs Table -->
|
||||
<table class="wp-list-table widefat fixed striped">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Job ID</th>
|
||||
<th>Feed ID</th>
|
||||
<th>Type</th>
|
||||
<th>Status</th>
|
||||
<th>Products</th>
|
||||
<th>Created</th>
|
||||
<th>Processing Time</th>
|
||||
<th>Actions</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<?php if (empty($jobs)): ?>
|
||||
<tr>
|
||||
<td colspan="8" style="text-align: center; padding: 40px;">
|
||||
<p><strong>No feed jobs found.</strong></p>
|
||||
<p>Submit products using the Feed API from the Products page to see jobs here.</p>
|
||||
</td>
|
||||
</tr>
|
||||
<?php else: ?>
|
||||
<?php foreach ($jobs as $job): ?>
|
||||
<tr data-job-id="<?php echo $job->id; ?>">
|
||||
<td><strong>#<?php echo $job->id; ?></strong></td>
|
||||
<td>
|
||||
<?php if ($job->feed_id): ?>
|
||||
<code><?php echo esc_html(substr($job->feed_id, 0, 12)) . '...'; ?></code>
|
||||
<?php else: ?>
|
||||
<span class="description">—</span>
|
||||
<?php endif; ?>
|
||||
</td>
|
||||
<td><?php echo esc_html($job->feed_type); ?></td>
|
||||
<td>
|
||||
<?php
|
||||
$status_class = '';
|
||||
switch ($job->status) {
|
||||
case 'COMPLETED':
|
||||
$status_class = 'status-completed';
|
||||
break;
|
||||
case 'FAILED':
|
||||
$status_class = 'status-failed';
|
||||
break;
|
||||
case 'PROCESSING':
|
||||
case 'SUBMITTED':
|
||||
$status_class = 'status-processing';
|
||||
break;
|
||||
default:
|
||||
$status_class = 'status-pending';
|
||||
}
|
||||
?>
|
||||
<span class="job-status <?php echo $status_class; ?>" id="status-<?php echo $job->id; ?>">
|
||||
<?php echo esc_html($job->status); ?>
|
||||
</span>
|
||||
</td>
|
||||
<td><?php echo intval($job->product_count); ?></td>
|
||||
<td><?php echo date('M j, Y H:i', strtotime($job->created)); ?></td>
|
||||
<td>
|
||||
<?php if ($job->processing_start_time && $job->processing_end_time): ?>
|
||||
<?php
|
||||
$start = new DateTime($job->processing_start_time);
|
||||
$end = new DateTime($job->processing_end_time);
|
||||
$duration = $start->diff($end);
|
||||
echo $duration->format('%H:%I:%S');
|
||||
?>
|
||||
<?php elseif ($job->processing_start_time): ?>
|
||||
<span class="description">In progress...</span>
|
||||
<?php else: ?>
|
||||
<span class="description">—</span>
|
||||
<?php endif; ?>
|
||||
</td>
|
||||
<td>
|
||||
<?php if ($job->feed_id && in_array($job->status, ['SUBMITTED', 'PROCESSING'])): ?>
|
||||
<button type="button" class="button update-status-btn" data-job-id="<?php echo $job->id; ?>">
|
||||
Update Status
|
||||
</button>
|
||||
<?php endif; ?>
|
||||
|
||||
<?php if ($job->status === 'FAILED'): ?>
|
||||
<button type="button" class="button resubmit-job-btn" data-job-id="<?php echo $job->id; ?>">
|
||||
Resubmit
|
||||
</button>
|
||||
<?php endif; ?>
|
||||
|
||||
<?php if ($job->error_message): ?>
|
||||
<button type="button" class="button view-error-btn" data-error="<?php echo esc_attr($job->error_message); ?>">
|
||||
View Error
|
||||
</button>
|
||||
<?php endif; ?>
|
||||
|
||||
<?php if ($job->result_data): ?>
|
||||
<button type="button" class="button view-results-btn" data-results="<?php echo esc_attr($job->result_data); ?>">
|
||||
View Results
|
||||
</button>
|
||||
<?php endif; ?>
|
||||
</td>
|
||||
</tr>
|
||||
<?php endforeach; ?>
|
||||
<?php endif; ?>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<!-- Pagination -->
|
||||
<?php if ($total_pages > 1): ?>
|
||||
<div class="tablenav bottom">
|
||||
<div class="tablenav-pages">
|
||||
<span class="displaying-num"><?php echo $total_jobs; ?> items</span>
|
||||
<span class="pagination-links">
|
||||
<?php if ($current_page > 1): ?>
|
||||
<a class="first-page button" href="?page=miravia_settings&subpage=jobs<?php echo $status_filter ? '&status_filter=' . $status_filter : ''; ?>&paged=1">
|
||||
‹‹
|
||||
</a>
|
||||
<a class="prev-page button" href="?page=miravia_settings&subpage=jobs<?php echo $status_filter ? '&status_filter=' . $status_filter : ''; ?>&paged=<?php echo $current_page - 1; ?>">
|
||||
‹
|
||||
</a>
|
||||
<?php endif; ?>
|
||||
|
||||
<span class="paging-input">
|
||||
<span class="tablenav-paging-text">
|
||||
<?php echo $current_page; ?> of <span class="total-pages"><?php echo $total_pages; ?></span>
|
||||
</span>
|
||||
</span>
|
||||
|
||||
<?php if ($current_page < $total_pages): ?>
|
||||
<a class="next-page button" href="?page=miravia_settings&subpage=jobs<?php echo $status_filter ? '&status_filter=' . $status_filter : ''; ?>&paged=<?php echo $current_page + 1; ?>">
|
||||
›
|
||||
</a>
|
||||
<a class="last-page button" href="?page=miravia_settings&subpage=jobs<?php echo $status_filter ? '&status_filter=' . $status_filter : ''; ?>&paged=<?php echo $total_pages; ?>">
|
||||
››
|
||||
</a>
|
||||
<?php endif; ?>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
|
||||
<!-- Error/Results Modal -->
|
||||
<div id="job-modal" style="display: none;">
|
||||
<div id="job-modal-content">
|
||||
<span id="job-modal-close">×</span>
|
||||
<h3 id="job-modal-title">Details</h3>
|
||||
<div id="job-modal-body"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.job-status {
|
||||
padding: 4px 8px;
|
||||
border-radius: 3px;
|
||||
font-weight: 500;
|
||||
font-size: 11px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.status-completed {
|
||||
background: #d4edda;
|
||||
color: #155724;
|
||||
border: 1px solid #c3e6cb;
|
||||
}
|
||||
|
||||
.status-failed {
|
||||
background: #f8d7da;
|
||||
color: #721c24;
|
||||
border: 1px solid #f5c6cb;
|
||||
}
|
||||
|
||||
.status-processing {
|
||||
background: #d1ecf1;
|
||||
color: #0c5460;
|
||||
border: 1px solid #bee5eb;
|
||||
}
|
||||
|
||||
.status-pending {
|
||||
background: #fff3cd;
|
||||
color: #856404;
|
||||
border: 1px solid #ffeaa7;
|
||||
}
|
||||
|
||||
/* Modal styles */
|
||||
#job-modal {
|
||||
position: fixed;
|
||||
z-index: 1000;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: rgba(0,0,0,0.5);
|
||||
}
|
||||
|
||||
#job-modal-content {
|
||||
background-color: #fefefe;
|
||||
margin: 15% auto;
|
||||
padding: 20px;
|
||||
border: 1px solid #888;
|
||||
width: 80%;
|
||||
max-width: 600px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
#job-modal-close {
|
||||
color: #aaa;
|
||||
float: right;
|
||||
font-size: 28px;
|
||||
font-weight: bold;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#job-modal-close:hover {
|
||||
color: black;
|
||||
}
|
||||
|
||||
#job-modal-body {
|
||||
max-height: 400px;
|
||||
overflow-y: auto;
|
||||
background: #f9f9f9;
|
||||
padding: 15px;
|
||||
border-radius: 3px;
|
||||
font-family: monospace;
|
||||
white-space: pre-wrap;
|
||||
}
|
||||
</style>
|
||||
|
||||
<script>
|
||||
jQuery(document).ready(function($) {
|
||||
// Update job status
|
||||
$('.update-status-btn').click(function() {
|
||||
var button = $(this);
|
||||
var jobId = button.data('job-id');
|
||||
var statusSpan = $('#status-' + jobId);
|
||||
|
||||
button.prop('disabled', true).text('Updating...');
|
||||
|
||||
$.ajax({
|
||||
url: ajaxurl,
|
||||
type: 'POST',
|
||||
data: {
|
||||
action: 'miravia_update_job_status',
|
||||
job_id: jobId
|
||||
},
|
||||
success: function(response) {
|
||||
if(response.success) {
|
||||
// Reload page to show updated status
|
||||
location.reload();
|
||||
} else {
|
||||
alert('Failed to update status: ' + response.data);
|
||||
}
|
||||
},
|
||||
error: function() {
|
||||
alert('Failed to update job status');
|
||||
},
|
||||
complete: function() {
|
||||
button.prop('disabled', false).text('Update Status');
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
// Resubmit job
|
||||
$('.resubmit-job-btn').click(function() {
|
||||
if(!confirm('Are you sure you want to resubmit this job?')) {
|
||||
return;
|
||||
}
|
||||
|
||||
var button = $(this);
|
||||
var jobId = button.data('job-id');
|
||||
|
||||
button.prop('disabled', true).text('Resubmitting...');
|
||||
|
||||
$.ajax({
|
||||
url: ajaxurl,
|
||||
type: 'POST',
|
||||
data: {
|
||||
action: 'miravia_resubmit_job',
|
||||
job_id: jobId
|
||||
},
|
||||
success: function(response) {
|
||||
if(response.success) {
|
||||
alert('Job resubmitted successfully');
|
||||
location.reload();
|
||||
} else {
|
||||
alert('Failed to resubmit job: ' + response.data);
|
||||
}
|
||||
},
|
||||
error: function() {
|
||||
alert('Failed to resubmit job');
|
||||
},
|
||||
complete: function() {
|
||||
button.prop('disabled', false).text('Resubmit');
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
// View error details
|
||||
$('.view-error-btn').click(function() {
|
||||
var error = $(this).data('error');
|
||||
$('#job-modal-title').text('Error Details');
|
||||
$('#job-modal-body').text(error);
|
||||
$('#job-modal').show();
|
||||
});
|
||||
|
||||
// View results
|
||||
$('.view-results-btn').click(function() {
|
||||
var results = $(this).data('results');
|
||||
try {
|
||||
var parsedResults = JSON.parse(results);
|
||||
$('#job-modal-title').text('Job Results');
|
||||
$('#job-modal-body').text(JSON.stringify(parsedResults, null, 2));
|
||||
} catch(e) {
|
||||
$('#job-modal-body').text(results);
|
||||
}
|
||||
$('#job-modal').show();
|
||||
});
|
||||
|
||||
// Close modal
|
||||
$('#job-modal-close').click(function() {
|
||||
$('#job-modal').hide();
|
||||
});
|
||||
|
||||
// Close modal when clicking outside
|
||||
$(window).click(function(event) {
|
||||
if (event.target.id === 'job-modal') {
|
||||
$('#job-modal').hide();
|
||||
}
|
||||
});
|
||||
|
||||
// Auto-refresh for active jobs every 30 seconds
|
||||
setInterval(function() {
|
||||
var hasActiveJobs = $('.status-processing, .status-pending').length > 0;
|
||||
if(hasActiveJobs) {
|
||||
location.reload();
|
||||
}
|
||||
}, 30000);
|
||||
});
|
||||
</script>
|
||||
@@ -27,6 +27,7 @@ $miraviaTable->custom_actions = array(
|
||||
$data = array();
|
||||
|
||||
$miraviaTable->columns = [
|
||||
'checkbox' => '<input type="checkbox" id="select-all-products">',
|
||||
'sku' => "SKU",
|
||||
'name' => "Title",
|
||||
'variationsTotal' => 'Total Variations',
|
||||
@@ -41,8 +42,20 @@ $miraviaTable->columns = [
|
||||
foreach($products as $k => $p) {
|
||||
try {
|
||||
$_product = new WC_Product($p['id_woocommerce']);
|
||||
|
||||
// Build actions with Feed API options
|
||||
$feed_actions = '';
|
||||
$feed_actions .= '<button type="button" class="button submit-single-feed-btn" data-product-id="' . $p['id_woocommerce'] . '">Submit to Feed</button> ';
|
||||
|
||||
if($p['id_miravia'] != 0) {
|
||||
$feed_actions .= "<a target='_blank' href='https://www.miravia.es/p/i{$p['id_miravia']}.html' class='button'>View on Miravia</a>";
|
||||
} else {
|
||||
$feed_actions .= '<span class="description">Not on Miravia</span>';
|
||||
}
|
||||
|
||||
$data[] = array(
|
||||
'id_woocommerce' => $p['id_woocommerce'],
|
||||
'checkbox' => '<input type="checkbox" class="product-checkbox" value="' . $p['id_woocommerce'] . '">',
|
||||
'sku' => $p['sku'],
|
||||
'name' => $p['name'],
|
||||
'variationsTotal' => $p['variationsTotal'],
|
||||
@@ -51,7 +64,7 @@ foreach($products as $k => $p) {
|
||||
'status_text' => $p['status_text'],
|
||||
'created' => $p['created'],
|
||||
'updated' => $p['updated'],
|
||||
'actions' => $p['id_miravia'] != 0 ? "<a target='_blank' href='https://www.miravia.es/p/i{$p['id_miravia']}.html' class='button'>View on Miravia</a>" : 'Not on Miravia',
|
||||
'actions' => $feed_actions,
|
||||
);
|
||||
}catch(Exception $e){
|
||||
continue;
|
||||
@@ -64,9 +77,166 @@ $miraviaTable->total_elements = count($data);
|
||||
|
||||
|
||||
$miraviaTable->prepare_items();
|
||||
|
||||
// Check if Feed API is enabled
|
||||
$feed_api_enabled = get_option('miravia_direct_api', '0') === '1';
|
||||
?>
|
||||
<div class="wrap">
|
||||
<h2>Products</h2>
|
||||
<p><?php echo __('Your products for Miravia', 'miravia')?></p>
|
||||
|
||||
<?php if ($feed_api_enabled): ?>
|
||||
<div style="background: #fff; padding: 15px; border: 1px solid #ddd; margin-bottom: 20px; border-radius: 5px;">
|
||||
<h3 style="margin-top: 0;">Feed API Actions</h3>
|
||||
<p class="description">Select products and submit them to Miravia using the official Feed API. Jobs are processed asynchronously and you can monitor their progress in the <a href="?page=miravia_settings&subpage=jobs">Jobs Queue</a>.</p>
|
||||
|
||||
<p>
|
||||
<button type="button" id="bulk-submit-feed" class="button button-primary" disabled>
|
||||
Submit Selected to Feed API
|
||||
</button>
|
||||
<span id="selected-count" class="description" style="margin-left: 10px;">0 products selected</span>
|
||||
</p>
|
||||
|
||||
<div id="feed-result" style="margin-top: 10px;"></div>
|
||||
</div>
|
||||
<?php else: ?>
|
||||
<div style="background: #fff3cd; padding: 15px; border: 1px solid #ffeaa7; margin-bottom: 20px; border-radius: 5px;">
|
||||
<h4 style="margin-top: 0; color: #856404;">Feed API Not Enabled</h4>
|
||||
<p style="color: #856404;">To submit products using the official Feed API, please enable "Use Feed API Only" in the <a href="?page=miravia_settings&subpage=configuration">Configuration</a> section.</p>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
|
||||
<?php $miraviaTable->display(); ?>
|
||||
</div>
|
||||
|
||||
<?php if ($feed_api_enabled): ?>
|
||||
<script>
|
||||
jQuery(document).ready(function($) {
|
||||
var selectedProducts = [];
|
||||
|
||||
// Select all checkbox
|
||||
$('#select-all-products').change(function() {
|
||||
var isChecked = $(this).prop('checked');
|
||||
$('.product-checkbox').prop('checked', isChecked);
|
||||
updateSelectedProducts();
|
||||
});
|
||||
|
||||
// Individual product checkbox
|
||||
$(document).on('change', '.product-checkbox', function() {
|
||||
updateSelectedProducts();
|
||||
|
||||
// Update select all checkbox state
|
||||
var totalCheckboxes = $('.product-checkbox').length;
|
||||
var checkedCheckboxes = $('.product-checkbox:checked').length;
|
||||
|
||||
$('#select-all-products').prop('indeterminate', checkedCheckboxes > 0 && checkedCheckboxes < totalCheckboxes);
|
||||
$('#select-all-products').prop('checked', checkedCheckboxes === totalCheckboxes);
|
||||
});
|
||||
|
||||
// Update selected products array and UI
|
||||
function updateSelectedProducts() {
|
||||
selectedProducts = [];
|
||||
$('.product-checkbox:checked').each(function() {
|
||||
selectedProducts.push($(this).val());
|
||||
});
|
||||
|
||||
$('#selected-count').text(selectedProducts.length + ' products selected');
|
||||
$('#bulk-submit-feed').prop('disabled', selectedProducts.length === 0);
|
||||
}
|
||||
|
||||
// Bulk submit to feed
|
||||
$('#bulk-submit-feed').click(function() {
|
||||
if(selectedProducts.length === 0) {
|
||||
alert('Please select at least one product');
|
||||
return;
|
||||
}
|
||||
|
||||
if(!confirm('Submit ' + selectedProducts.length + ' products to Feed API?')) {
|
||||
return;
|
||||
}
|
||||
|
||||
var button = $(this);
|
||||
button.prop('disabled', true).text('Submitting...');
|
||||
$('#feed-result').html('<p style="color: #0073aa;">Submitting products to Feed API...</p>');
|
||||
|
||||
$.ajax({
|
||||
url: ajaxurl,
|
||||
type: 'POST',
|
||||
data: {
|
||||
action: 'miravia_submit_bulk_products_feed',
|
||||
product_ids: JSON.stringify(selectedProducts)
|
||||
},
|
||||
success: function(response) {
|
||||
if(response.success) {
|
||||
$('#feed-result').html('<div style="color: green; padding: 10px; background: #d4edda; border: 1px solid #c3e6cb; border-radius: 4px;"><strong>✓ Success:</strong> ' + response.data.message + '<br><strong>Job ID:</strong> #' + response.data.job_id + ' | <strong>Feed ID:</strong> ' + response.data.feed_id + '<br><a href="?page=miravia_settings&subpage=jobs">View in Jobs Queue</a></div>');
|
||||
|
||||
// Clear selections
|
||||
$('.product-checkbox, #select-all-products').prop('checked', false);
|
||||
updateSelectedProducts();
|
||||
} else {
|
||||
$('#feed-result').html('<div style="color: #721c24; padding: 10px; background: #f8d7da; border: 1px solid #f5c6cb; border-radius: 4px;"><strong>✗ Error:</strong> ' + response.data + '</div>');
|
||||
}
|
||||
},
|
||||
error: function() {
|
||||
$('#feed-result').html('<div style="color: #721c24; padding: 10px; background: #f8d7da; border: 1px solid #f5c6cb; border-radius: 4px;"><strong>✗ Error:</strong> Failed to submit products</div>');
|
||||
},
|
||||
complete: function() {
|
||||
button.prop('disabled', false).text('Submit Selected to Feed API');
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
// Single product submit to feed
|
||||
$(document).on('click', '.submit-single-feed-btn', function() {
|
||||
var button = $(this);
|
||||
var productId = button.data('product-id');
|
||||
|
||||
if(!confirm('Submit this product to Feed API?')) {
|
||||
return;
|
||||
}
|
||||
|
||||
button.prop('disabled', true).text('Submitting...');
|
||||
|
||||
$.ajax({
|
||||
url: ajaxurl,
|
||||
type: 'POST',
|
||||
data: {
|
||||
action: 'miravia_submit_single_product_feed',
|
||||
product_id: productId
|
||||
},
|
||||
success: function(response) {
|
||||
if(response.success) {
|
||||
alert('✓ Success: ' + response.data.message + '\nJob ID: #' + response.data.job_id + '\nFeed ID: ' + response.data.feed_id);
|
||||
} else {
|
||||
alert('✗ Error: ' + response.data);
|
||||
}
|
||||
},
|
||||
error: function() {
|
||||
alert('✗ Error: Failed to submit product');
|
||||
},
|
||||
complete: function() {
|
||||
button.prop('disabled', false).text('Submit to Feed');
|
||||
}
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
<style>
|
||||
#select-all-products, .product-checkbox {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.submit-single-feed-btn {
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
#feed-result {
|
||||
min-height: 20px;
|
||||
}
|
||||
|
||||
#feed-result div {
|
||||
margin: 10px 0;
|
||||
}
|
||||
</style>
|
||||
<?php endif; ?>
|
||||
Reference in New Issue
Block a user