From 11ee44d2b7f1e350ee2719bef81a64537e4fc991 Mon Sep 17 00:00:00 2001
From: Marcus Quinn <marcus@agentdesign.co.uk>
Date: Sat, 15 Mar 2025 02:29:48 +0000
Subject: [PATCH] Add expandable settings to Auto Upload Images: - Add max
 width/height settings - Add URL exclusion list - Add filename and alt text
 patterns - Add expand/collapse functionality - Add styles for settings panel

---
 admin/css/wpa-superstar-admin.css |  65 +++++++++++++++++
 admin/settings.php                | 115 ++++++++++++++++++++++++++----
 2 files changed, 165 insertions(+), 15 deletions(-)

diff --git a/admin/css/wpa-superstar-admin.css b/admin/css/wpa-superstar-admin.css
index d37a7c1..11c2c32 100644
--- a/admin/css/wpa-superstar-admin.css
+++ b/admin/css/wpa-superstar-admin.css
@@ -260,4 +260,69 @@ input:checked + .slider:before {
 .nav-tab-active {
     background: #fff;
     border-bottom: 1px solid #fff;
+}
+
+.wpa-toggle-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    width: 100%;
+}
+
+.wpa-expand-settings {
+    background: none;
+    border: none;
+    padding: 4px;
+    cursor: pointer;
+    color: #787c82;
+    transition: color .15s ease-in-out;
+}
+
+.wpa-expand-settings:hover {
+    color: #2271b1;
+}
+
+.wpa-expand-settings .dashicons {
+    width: 20px;
+    height: 20px;
+    font-size: 20px;
+}
+
+.wpa-toggle-settings {
+    margin-top: 15px;
+    padding-top: 15px;
+    border-top: 1px solid #ddd;
+}
+
+.wpa-setting-row {
+    margin-bottom: 20px;
+}
+
+.wpa-setting-row:last-child {
+    margin-bottom: 0;
+}
+
+.wpa-setting-row label {
+    display: block;
+    font-weight: 600;
+    margin-bottom: 5px;
+}
+
+.wpa-setting-row input[type="text"],
+.wpa-setting-row input[type="number"],
+.wpa-setting-row textarea {
+    width: 100%;
+    max-width: 400px;
+    margin-top: 5px;
+}
+
+.wpa-setting-row textarea {
+    min-height: 80px;
+}
+
+.wpa-setting-row .description {
+    margin-top: 5px;
+    margin-left: 0;
+    color: #666;
+    font-size: 13px;
 }
\ No newline at end of file
diff --git a/admin/settings.php b/admin/settings.php
index 80cbfbd..664329a 100644
--- a/admin/settings.php
+++ b/admin/settings.php
@@ -508,28 +508,113 @@ function wpa_superstar_settings_page() {
                     <form action="options.php" method="post">
                         <?php settings_fields('wpa_superstar_workflow'); ?>
                         <div class="wpa-superstar-toggle">
-                            <label for="wpa_superstar_auto_upload_images">
-                                <div class="wpa-toggle-switch">
-                                    <input type="checkbox" 
-                                           id="wpa_superstar_auto_upload_images"
-                                           name="wpa_superstar_workflow_options[auto_upload_images]" 
-                                           value="1"
-                                           <?php 
-                                           $options = get_option('wpa_superstar_workflow_options', array('auto_upload_images' => false));
-                                           checked($options['auto_upload_images'], true); 
-                                           ?> 
-                                    />
-                                    <span class="wpa-toggle-slider"></span>
-                                </div>
-                                <?php esc_html_e('Enable Auto Upload Images', 'wpa-superstar'); ?>
-                            </label>
+                            <div class="wpa-toggle-header">
+                                <label for="wpa_superstar_auto_upload_images">
+                                    <div class="wpa-toggle-switch">
+                                        <input type="checkbox" 
+                                               id="wpa_superstar_auto_upload_images"
+                                               name="wpa_superstar_workflow_options[auto_upload_images]" 
+                                               value="1"
+                                               <?php 
+                                               $options = get_option('wpa_superstar_workflow_options', array(
+                                                   'auto_upload_images' => false,
+                                                   'max_width' => 1920,
+                                                   'max_height' => 1080,
+                                                   'exclude_urls' => '',
+                                                   'exclude_post_types' => array(),
+                                                   'image_name_pattern' => '%filename%',
+                                                   'image_alt_pattern' => '%filename%'
+                                               ));
+                                               checked($options['auto_upload_images'], true); 
+                                               ?> 
+                                        />
+                                        <span class="wpa-toggle-slider"></span>
+                                    </div>
+                                    <?php esc_html_e('Enable Auto Upload Images', 'wpa-superstar'); ?>
+                                </label>
+                                <button type="button" class="wpa-expand-settings" aria-expanded="false">
+                                    <span class="dashicons dashicons-arrow-down-alt2"></span>
+                                </button>
+                            </div>
                             <p class="description">
                                 <?php esc_html_e('Import images that have external URLs into your Media Library when saving. Consider disabling during large data imports with many external image URLs.', 'wpa-superstar'); ?>
                             </p>
+                            <div class="wpa-toggle-settings" style="display: none;">
+                                <div class="wpa-setting-row">
+                                    <label for="wpa_max_width"><?php esc_html_e('Max Width', 'wpa-superstar'); ?></label>
+                                    <input type="number" 
+                                           id="wpa_max_width"
+                                           name="wpa_superstar_workflow_options[max_width]"
+                                           value="<?php echo esc_attr($options['max_width']); ?>"
+                                           min="0"
+                                    />
+                                    <p class="description"><?php esc_html_e('Maximum width of uploaded images (px). Leave empty for no limit.', 'wpa-superstar'); ?></p>
+                                </div>
+
+                                <div class="wpa-setting-row">
+                                    <label for="wpa_max_height"><?php esc_html_e('Max Height', 'wpa-superstar'); ?></label>
+                                    <input type="number" 
+                                           id="wpa_max_height"
+                                           name="wpa_superstar_workflow_options[max_height]"
+                                           value="<?php echo esc_attr($options['max_height']); ?>"
+                                           min="0"
+                                    />
+                                    <p class="description"><?php esc_html_e('Maximum height of uploaded images (px). Leave empty for no limit.', 'wpa-superstar'); ?></p>
+                                </div>
+
+                                <div class="wpa-setting-row">
+                                    <label for="wpa_exclude_urls"><?php esc_html_e('Exclude URLs', 'wpa-superstar'); ?></label>
+                                    <textarea id="wpa_exclude_urls"
+                                              name="wpa_superstar_workflow_options[exclude_urls]"
+                                              rows="3"
+                                              placeholder="example.com&#10;another-domain.com"
+                                    ><?php echo esc_textarea($options['exclude_urls']); ?></textarea>
+                                    <p class="description"><?php esc_html_e('Enter domains to exclude (one per line). Images from these domains will not be imported.', 'wpa-superstar'); ?></p>
+                                </div>
+
+                                <div class="wpa-setting-row">
+                                    <label for="wpa_image_name"><?php esc_html_e('Image Name Pattern', 'wpa-superstar'); ?></label>
+                                    <input type="text" 
+                                           id="wpa_image_name"
+                                           name="wpa_superstar_workflow_options[image_name_pattern]"
+                                           value="<?php echo esc_attr($options['image_name_pattern']); ?>"
+                                    />
+                                    <p class="description">
+                                        <?php esc_html_e('Available patterns:', 'wpa-superstar'); ?> %filename%, %post_id%, %postname%, %timestamp%, %date%, %year%, %month%, %day%
+                                    </p>
+                                </div>
+
+                                <div class="wpa-setting-row">
+                                    <label for="wpa_image_alt"><?php esc_html_e('Image Alt Pattern', 'wpa-superstar'); ?></label>
+                                    <input type="text" 
+                                           id="wpa_image_alt"
+                                           name="wpa_superstar_workflow_options[image_alt_pattern]"
+                                           value="<?php echo esc_attr($options['image_alt_pattern']); ?>"
+                                    />
+                                    <p class="description">
+                                        <?php esc_html_e('Available patterns:', 'wpa-superstar'); ?> %filename%, %post_title%, %post_id%, %postname%, %timestamp%
+                                    </p>
+                                </div>
+                            </div>
                         </div>
                         <?php submit_button(); ?>
                     </form>
 
+                    <script>
+                    jQuery(document).ready(function($) {
+                        $('.wpa-expand-settings').on('click', function(e) {
+                            e.preventDefault();
+                            var $button = $(this);
+                            var $settings = $button.closest('.wpa-superstar-toggle').find('.wpa-toggle-settings');
+                            var isExpanded = $button.attr('aria-expanded') === 'true';
+                            
+                            $button.attr('aria-expanded', !isExpanded);
+                            $button.find('.dashicons').toggleClass('dashicons-arrow-down-alt2 dashicons-arrow-up-alt2');
+                            $settings.slideToggle(200);
+                        });
+                    });
+                    </script>
+
                 <?php elseif ($active_tab == 'theme'): ?>
                     <div class="wp-list-table-container">
                         <div class="wpa-loading-overlay">