| | |
| | | namespace JVBase\managers; |
| | | |
| | | use JVBase\utility\Features; |
| | | use JVBase\rest\Route; |
| | | use JVBase\rest\PermissionHandler; |
| | | use WP_REST_Response; |
| | | |
| | | if (!defined('ABSPATH')) { |
| | |
| | | |
| | | add_filter(BASE.'admin_action_filter', [$this, 'handleCacheActions'], 10, 3); |
| | | |
| | | add_action('rest_api_init', [$this, 'registerRestRoutes']); |
| | | // Handle form submissions |
| | | add_action('admin_init', [$this, 'handleAdminPageSubmission']); |
| | | add_action('admin_notices', [$this, 'displayAdminNotices']); |
| | | } |
| | | |
| | | /** |
| | | * Register REST API routes for admin actions |
| | | */ |
| | | public function registerRestRoutes(): void |
| | | { |
| | | register_rest_route('jvb/v1', '/admin-cache', [ |
| | | 'methods' => 'POST', |
| | | 'callback' => [$this, 'handleCacheAction'], |
| | | 'permission_callback' => [$this, 'checkAdminPermission'] |
| | | ]); |
| | | |
| | | register_rest_route('jvb/v1', '/admin-icons', [ |
| | | 'methods' => 'POST', |
| | | 'callback' => [$this, 'handleIconAction'], |
| | | 'permission_callback' => [$this, 'checkAdminPermission'] |
| | | ]); |
| | | } |
| | | |
| | | /** |
| | | * Check if user has admin permissions |
| | | */ |
| | | public function checkAdminPermission(\WP_REST_Request $request): bool |
| | | { |
| | | if (!current_user_can('manage_options')) { |
| | | return false; |
| | | } |
| | | |
| | | // Verify nonce |
| | | $nonce = $request->get_header('X-WP-Nonce'); |
| | | if (!wp_verify_nonce($nonce, 'wp_rest')) { |
| | | return false; |
| | | } |
| | | |
| | | return true; |
| | | } |
| | | |
| | | /** |
| | | * Handle cache-related actions |
| | | */ |
| | | public function handleCacheAction(\WP_REST_Request $request): \WP_REST_Response |
| | | { |
| | | $action = sanitize_text_field($request->get_param('action')); |
| | | |
| | | switch ($action) { |
| | | case 'flush-all': |
| | | $total = Cache::flushAll(); |
| | | return new \WP_REST_Response([ |
| | | 'success' => true, |
| | | 'message' => $total.' caches flushed successfully' |
| | | ]); |
| | | |
| | | case 'flush-cache': |
| | | $group = sanitize_text_field($request->get_param('group')); |
| | | if (empty($group)) { |
| | | return new \WP_REST_Response([ |
| | | 'success' => false, |
| | | 'message' => 'No cache group specified' |
| | | ], 400); |
| | | } |
| | | |
| | | Cache::for($group)?->flush(); |
| | | |
| | | return new \WP_REST_Response([ |
| | | 'success' => true, |
| | | 'message' => "Cache group '{$group}' flushed successfully" |
| | | ]); |
| | | |
| | | default: |
| | | return new \WP_REST_Response([ |
| | | 'success' => false, |
| | | 'message' => 'Invalid action' |
| | | ], 400); |
| | | } |
| | | } |
| | | |
| | | /** |
| | | * Handle icon-related actions |
| | | */ |
| | | public function handleIconAction(\WP_REST_Request $request): \WP_REST_Response |
| | | { |
| | | $action = sanitize_text_field($request->get_param('action')); |
| | | $source = sanitize_text_field($request->get_param('source') ?? 'icons'); |
| | | $icons = IconsManager::for($source); |
| | | |
| | | switch ($action) { |
| | | case 'refresh-icons': |
| | | // Force regenerate CSS immediately |
| | | $icons->forceRefresh(); |
| | | IconsManager::regenerateAllCSS([$source => true]); |
| | | |
| | | return new \WP_REST_Response([ |
| | | 'success' => true, |
| | | 'message' => "Icon CSS regenerated successfully for '{$source}'" |
| | | ]); |
| | | |
| | | case 'refresh-all-icons': |
| | | // Regenerate all icon sources |
| | | foreach (['icons', 'forms', 'dash'] as $src) { |
| | | IconsManager::for($src)->forceRefresh(); |
| | | } |
| | | IconsManager::regenerateAllCSS(); |
| | | |
| | | return new \WP_REST_Response([ |
| | | 'success' => true, |
| | | 'message' => 'All icon CSS files regenerated successfully' |
| | | ]); |
| | | |
| | | case 'restore-icon-version': |
| | | $timestamp = (int)$request->get_param('timestamp'); |
| | | if (empty($timestamp)) { |
| | | return new \WP_REST_Response([ |
| | | 'success' => false, |
| | | 'message' => 'No timestamp provided' |
| | | ], 400); |
| | | } |
| | | |
| | | if ($icons->restoreVersion($timestamp)) { |
| | | return new \WP_REST_Response([ |
| | | 'success' => true, |
| | | 'message' => 'Icon version restored successfully' |
| | | ]); |
| | | } |
| | | |
| | | return new \WP_REST_Response([ |
| | | 'success' => false, |
| | | 'message' => 'Failed to restore icon version' |
| | | ], 500); |
| | | |
| | | case 'merge-icon-versions': |
| | | $timestamps = $request->get_param('timestamps'); |
| | | |
| | | if (empty($timestamps) || !is_array($timestamps)) { |
| | | return new \WP_REST_Response([ |
| | | 'success' => false, |
| | | 'message' => 'No versions selected for merging' |
| | | ], 400); |
| | | } |
| | | |
| | | $timestamps = array_map('intval', $timestamps); |
| | | |
| | | if (count($timestamps) < 2) { |
| | | return new \WP_REST_Response([ |
| | | 'success' => false, |
| | | 'message' => 'Please select at least 2 versions to merge' |
| | | ], 400); |
| | | } |
| | | |
| | | if ($icons->mergeVersions($timestamps)) { |
| | | // Regenerate CSS after merge |
| | | IconsManager::regenerateAllCSS([$source => true]); |
| | | |
| | | return new \WP_REST_Response([ |
| | | 'success' => true, |
| | | 'message' => 'Icon versions merged successfully' |
| | | ]); |
| | | } |
| | | |
| | | return new \WP_REST_Response([ |
| | | 'success' => false, |
| | | 'message' => 'Failed to merge icon versions' |
| | | ], 500); |
| | | |
| | | default: |
| | | return new \WP_REST_Response([ |
| | | 'success' => false, |
| | | 'message' => 'Invalid action' |
| | | ], 400); |
| | | } |
| | | } |
| | | |
| | | /** |
| | | * Register a subpage to appear under the main settings page |
| | | * |
| | |
| | | * |
| | | * @param string $hook Current admin page |
| | | */ |
| | | public function enqueueAdminAssets(string $hook):void |
| | | { |
| | | // Check if we're on an Edmonton Ink admin page |
| | | if (strpos($hook, BASE) === false) { |
| | | return; |
| | | } |
| | | public function enqueueAdminAssets(string $hook):void |
| | | { |
| | | // More robust check for JVB admin pages |
| | | if (strpos($hook, BASE) === false) { |
| | | return; |
| | | } |
| | | |
| | | // Enqueue admin styles |
| | | wp_enqueue_style( |
| | | 'jvb-admin-styles', |
| | | JVB_URL . 'assets/css/admin.css', |
| | | [], |
| | | '1.0.0' |
| | | ); |
| | | // Enqueue admin styles |
| | | wp_enqueue_style( |
| | | 'jvb-admin-styles', |
| | | JVB_URL . 'assets/css/admin.css', |
| | | [], |
| | | '1.1' |
| | | ); |
| | | |
| | | // Enqueue admin scripts |
| | | wp_enqueue_script( |
| | | 'jvb-admin-scripts', |
| | | JVB_URL . 'assets/js/admin.js', |
| | | [], |
| | | '1.0.0', |
| | | true |
| | | ); |
| | | // Enqueue admin scripts - make sure jvb-auth is loaded first |
| | | wp_enqueue_script( |
| | | 'jvb-admin-scripts', |
| | | JVB_URL . 'assets/js/admin.js', |
| | | ['jvb-auth'], |
| | | '1.1', |
| | | ['strategy' => 'defer', 'in_footer' => true] |
| | | ); |
| | | |
| | | wp_localize_script( |
| | | 'jvb-admin-scripts', |
| | | 'jvbSettings', |
| | | [ |
| | | 'api' => rest_url('jvb/v1/admin-action'), |
| | | 'nonce' => wp_create_nonce('wp_rest'), |
| | | 'action' => wp_create_nonce('itsme'), |
| | | ] |
| | | ); |
| | | } |
| | | // Localize to jvb-admin-scripts as well for redundancy |
| | | wp_localize_script( |
| | | 'jvb-auth', |
| | | 'jvbSettings', |
| | | [ |
| | | 'api' => rest_url('jvb/v1/'), |
| | | 'nonce' => wp_create_nonce('wp_rest'), |
| | | 'action' => wp_create_nonce('itsme'), |
| | | ] |
| | | ); |
| | | } |
| | | |
| | | /** |
| | | * Create a custom SVG icon for the admin menu |
| | |
| | | { |
| | | $groups = Cache::getAllGroups(); |
| | | |
| | | // Separate generic vs. specific caches |
| | | $generic_groups = []; |
| | | $content_specific = []; |
| | | $nonce = wp_create_nonce('wp_rest'); |
| | | |
| | | // Separate by type |
| | | $generic = []; |
| | | $specific = []; |
| | |
| | | <h1>Cache Management</h1> |
| | | |
| | | <div class="jvb-cache-actions"> |
| | | <button type="button" class="button button-primary" data-action="flush-all"> |
| | | <button type="button" |
| | | class="button button-primary" |
| | | data-cache-action="flush-all"> |
| | | <?= jvbDashIcon('arrows-clockwise'); ?> |
| | | Flush All Caches |
| | | </button> |
| | |
| | | </tr> |
| | | </thead> |
| | | <tbody> |
| | | <?php if (empty($generic_groups)): ?> |
| | | <?php if (empty($generic)): ?> |
| | | <tr><td colspan="3">No generic caches registered</td></tr> |
| | | <?php else: ?> |
| | | <?php foreach ($generic_groups as $group => $configs): ?> |
| | | <?php foreach ($generic as $group => $data): ?> |
| | | <tr> |
| | | <td><strong><?= esc_html($group); ?></strong></td> |
| | | <td><?= $this->formatConnections($configs); ?></td> |
| | | <td><?= $this->formatConnections($data); ?></td> |
| | | <td> |
| | | <button type="button" class="button" data-action="flush-cache" data-group="<?= esc_attr($group); ?>"> |
| | | <button type="button" |
| | | class="button" |
| | | data-cache-action="flush-cache" |
| | | data-group="<?= esc_attr($group); ?>"> |
| | | <?= jvbDashIcon('trash'); ?> Flush |
| | | </button> |
| | | </td> |
| | |
| | | </tr> |
| | | </thead> |
| | | <tbody> |
| | | <?php foreach ($specific as $group => $configs): ?> |
| | | <tr> |
| | | <td><strong><?= esc_html($group); ?></strong></td> |
| | | <td><?= $this->formatConnections($configs); ?></td> |
| | | <td> |
| | | <button type="button" class="button" data-action="flush-cache" data-group="<?= esc_attr($group); ?>"> |
| | | <?= jvbDashIcon('trash'); ?> Flush |
| | | </button> |
| | | </td> |
| | | </tr> |
| | | <?php endforeach; ?> |
| | | <?php foreach ($generic as $group => $data): ?> |
| | | <?php foreach ($specific as $group => $data): ?> |
| | | <tr> |
| | | <td><strong><?= esc_html($group); ?></strong></td> |
| | | <td><?= $this->formatConnections($data); ?></td> |
| | | <td> |
| | | <button type="button" class="button" |
| | | data-action="flush-cache" |
| | | <button type="button" |
| | | class="button" |
| | | data-cache-action="flush-cache" |
| | | data-group="<?= esc_attr($group); ?>"> |
| | | <?= jvbDashIcon('trash'); ?> Flush |
| | | </button> |
| | |
| | | </table> |
| | | </details> |
| | | </div> |
| | | <script> |
| | | (function() { |
| | | const apiUrl = '<?= esc_js(rest_url('jvb/v1/admin-cache')); ?>'; |
| | | const nonce = '<?= esc_js($nonce); ?>'; |
| | | |
| | | function callCacheAction(action, data = {}) { |
| | | const body = { action, ...data }; |
| | | |
| | | return fetch(apiUrl, { |
| | | method: 'POST', |
| | | headers: { |
| | | 'Content-Type': 'application/json', |
| | | 'X-WP-Nonce': nonce |
| | | }, |
| | | body: JSON.stringify(body) |
| | | }) |
| | | .then(response => response.json()) |
| | | .then(data => { |
| | | if (data.success) { |
| | | alert(data.message || 'Success!'); |
| | | location.reload(); |
| | | } else { |
| | | alert('Error: ' + (data.message || 'Unknown error')); |
| | | } |
| | | }) |
| | | .catch(error => { |
| | | alert('Network error: ' + error.message); |
| | | console.error('Error:', error); |
| | | }); |
| | | } |
| | | |
| | | // Flush all caches |
| | | document.querySelector('[data-action="flush-all"]')?.addEventListener('click', function() { |
| | | if (confirm('Flush all caches? This may temporarily slow down your site.')) { |
| | | this.disabled = true; |
| | | callCacheAction('flush-all'); |
| | | } |
| | | }); |
| | | |
| | | // Flush individual cache groups |
| | | document.querySelectorAll('[data-action="flush-cache"]').forEach(btn => { |
| | | btn.addEventListener('click', function() { |
| | | const group = this.getAttribute('data-group'); |
| | | if (confirm(`Flush cache group "${group}"?`)) { |
| | | this.disabled = true; |
| | | callCacheAction('flush-cache', { group: group }); |
| | | } |
| | | }); |
| | | }); |
| | | })(); |
| | | </script> |
| | | <?php |
| | | } |
| | | |
| | |
| | | $current_source = sanitize_text_field($current_source); |
| | | |
| | | // Get all registered icon sources |
| | | $all_sources = ['icons', 'forms', 'dash']; // You could get this dynamically if needed |
| | | $all_sources = ['icons', 'forms', 'dash']; |
| | | |
| | | $icons = IconsManager::for($current_source); |
| | | $versions = $icons->getVersionHistory(); |
| | | $nonce = wp_create_nonce('wp_rest'); |
| | | |
| | | ?> |
| | | <div class="wrap jvb-admin-wrap"> |
| | |
| | | <!-- Source Selector --> |
| | | <div class="jvb-icon-source-selector"> |
| | | <label for="icon-source-select">Icon Source:</label> |
| | | <select id="icon-source-select" onchange="window.location.href='<?= admin_url('admin.php?page=' . BASE . 'icons&icon_source='); ?>' + this.value"> |
| | | <select id="icon-source-select" |
| | | onchange="window.location.href='<?= admin_url('admin.php?page=' . BASE . 'icons&icon_source='); ?>' + this.value"> |
| | | <?php foreach ($all_sources as $source): ?> |
| | | <option value="<?= esc_attr($source); ?>" <?= selected($current_source, $source, false); ?>> |
| | | <option value="<?= esc_attr($source); ?>" |
| | | <?= selected($current_source, $source, false); ?>> |
| | | <?= esc_html(ucfirst($source)); ?> |
| | | </option> |
| | | <?php endforeach; ?> |
| | |
| | | </div> |
| | | |
| | | <div class="jvb-icon-actions"> |
| | | <button type="button" class="button button-primary" data-action="refresh-icons" data-source="<?= esc_attr($current_source); ?>"> |
| | | <button type="button" |
| | | class="button button-primary" |
| | | data-icon-action="refresh-icons" |
| | | data-source="<?= esc_attr($current_source); ?>"> |
| | | <?= jvbDashIcon('arrows-clockwise'); ?> |
| | | Force Refresh CSS |
| | | </button> |
| | | <button type="button" class="button" data-action="merge-icon-versions" data-source="<?= esc_attr($current_source); ?>" id="merge-versions-btn" disabled> |
| | | <button type="button" |
| | | class="button" |
| | | data-icon-action="merge-icon-versions" |
| | | data-source="<?= esc_attr($current_source); ?>" |
| | | id="merge-versions-btn" |
| | | disabled> |
| | | <?= jvbDashIcon('git-merge'); ?> |
| | | Merge Selected Versions |
| | | </button> |
| | |
| | | </td> |
| | | <td><?= esc_html($version['size_formatted']); ?></td> |
| | | <td> |
| | | <button type="button" class="button restore-version-btn" |
| | | data-action="restore-icon-version" |
| | | <button type="button" |
| | | class="button restore-version-btn" |
| | | data-icon-action="restore-icon-version" |
| | | data-source="<?= esc_attr($current_source); ?>" |
| | | data-timestamp="<?= esc_attr($version['timestamp']); ?>"> |
| | | <?= jvbDashIcon('arrow-counter-clockwise'); ?> Restore |
| | | </button> |
| | | </td> |
| | | </tr> |
| | | <tr id="icon-list-<?= esc_attr($version['timestamp']); ?>" class="icon-list-row" style="display: none;"> |
| | | <tr id="icon-list-<?= esc_attr($version['timestamp']); ?>" |
| | | class="icon-list-row" |
| | | style="display: none;"> |
| | | <td colspan="5"> |
| | | <div class="icon-list-content"> |
| | | <?php foreach ($version['iconList'] as $style => $icons): ?> |
| | |
| | | </tbody> |
| | | </table> |
| | | </div> |
| | | |
| | | <script> |
| | | (function() { |
| | | const apiUrl = '<?= esc_js(rest_url('jvb/v1/admin-icons')); ?>'; |
| | | const nonce = '<?= esc_js($nonce); ?>'; |
| | | const currentSource = '<?= esc_js($current_source); ?>'; |
| | | |
| | | // Helper function for API calls |
| | | function callIconAction(action, data = {}) { |
| | | const body = { action, source: currentSource, ...data }; |
| | | |
| | | return fetch(apiUrl, { |
| | | method: 'POST', |
| | | headers: { |
| | | 'Content-Type': 'application/json', |
| | | 'X-WP-Nonce': nonce |
| | | }, |
| | | body: JSON.stringify(body) |
| | | }) |
| | | .then(response => response.json()) |
| | | .then(data => { |
| | | if (data.success) { |
| | | alert(data.message || 'Success!'); |
| | | location.reload(); |
| | | } else { |
| | | alert('Error: ' + (data.message || 'Unknown error')); |
| | | } |
| | | return data; |
| | | }) |
| | | .catch(error => { |
| | | alert('Network error: ' + error.message); |
| | | console.error('Error:', error); |
| | | }); |
| | | } |
| | | |
| | | // Enable/disable merge button based on selection |
| | | document.querySelectorAll('.version-checkbox').forEach(checkbox => { |
| | | checkbox.addEventListener('change', function() { |
| | | const checkedCount = document.querySelectorAll('.version-checkbox:checked').length; |
| | | document.getElementById('merge-versions-btn').disabled = checkedCount < 2; |
| | | }); |
| | | }); |
| | | |
| | | // Select all functionality |
| | | const selectAll = document.getElementById('select-all-versions'); |
| | | if (selectAll) { |
| | | selectAll.addEventListener('change', function() { |
| | | document.querySelectorAll('.version-checkbox').forEach(checkbox => { |
| | | checkbox.checked = this.checked; |
| | | checkbox.dispatchEvent(new Event('change')); |
| | | }); |
| | | }); |
| | | } |
| | | |
| | | // Toggle icon list view |
| | | document.querySelectorAll('.view-icon-list-btn').forEach(btn => { |
| | | btn.addEventListener('click', function() { |
| | | const timestamp = this.getAttribute('data-timestamp'); |
| | | const row = document.getElementById('icon-list-' + timestamp); |
| | | if (row) { |
| | | row.style.display = row.style.display === 'none' ? '' : 'none'; |
| | | } |
| | | }); |
| | | }); |
| | | |
| | | // Force refresh button |
| | | document.querySelector('[data-action="refresh-icons"]')?.addEventListener('click', function() { |
| | | if (confirm('Force regenerate icon CSS? This will reload the page.')) { |
| | | this.disabled = true; |
| | | callIconAction('refresh-icons'); |
| | | } |
| | | }); |
| | | |
| | | // Merge versions button |
| | | document.getElementById('merge-versions-btn')?.addEventListener('click', function() { |
| | | const checkboxes = document.querySelectorAll('.version-checkbox:checked'); |
| | | const timestamps = Array.from(checkboxes).map(cb => parseInt(cb.value)); |
| | | |
| | | if (timestamps.length < 2) { |
| | | alert('Please select at least 2 versions to merge'); |
| | | return; |
| | | } |
| | | |
| | | if (confirm(`Merge ${timestamps.length} versions? This will create a new CSS file with all unique icons.`)) { |
| | | this.disabled = true; |
| | | callIconAction('merge-icon-versions', { timestamps: timestamps }); |
| | | } |
| | | }); |
| | | |
| | | // Restore version buttons |
| | | document.querySelectorAll('.restore-version-btn').forEach(btn => { |
| | | btn.addEventListener('click', function() { |
| | | const timestamp = parseInt(this.getAttribute('data-timestamp')); |
| | | |
| | | if (confirm('Restore this icon version? This will reload the page.')) { |
| | | this.disabled = true; |
| | | callIconAction('restore-icon-version', { timestamp: timestamp }); |
| | | } |
| | | }); |
| | | }); |
| | | })(); |
| | | </script> |
| | | <?php |
| | | } |
| | | |