Atualizar src/Admin/SettingsPage.php

This commit is contained in:
Brasdrive 2025-11-05 09:19:28 -04:00
parent eb56df4c65
commit 34365c8a70
1 changed files with 114 additions and 128 deletions

View File

@ -17,22 +17,6 @@ class SettingsPage
add_action('admin_enqueue_scripts', [$this, 'enqueueAssets']); add_action('admin_enqueue_scripts', [$this, 'enqueueAssets']);
} }
public function enqueueAssets(): void
{
$screen = get_current_screen();
if (! $screen || $screen->id !== 'settings_page_flysystem-offload') {
return;
}
wp_enqueue_script(
'flysystem-offload-settings',
plugins_url('assets/admin-settings.js', $this->pluginFile),
['jquery'],
'0.1.0',
true
);
}
public function registerPage(): void public function registerPage(): void
{ {
add_options_page( add_options_page(
@ -86,96 +70,118 @@ class SettingsPage
'flysystem-offload' 'flysystem-offload'
); );
add_settings_field( $this->registerS3Fields();
's3_access_key', }
__('Access Key', 'flysystem-offload'),
[$this, 'renderS3Field'], private function registerS3Fields(): void
'flysystem-offload', {
'flysystem_offload_s3', $fields = [
['key' => 'access_key', 'type' => 'text'] [
'id' => 's3_access_key',
'label' => __('Access Key', 'flysystem-offload'),
'args' => ['key' => 'access_key', 'type' => 'text'],
],
[
'id' => 's3_secret_key',
'label' => __('Secret Key', 'flysystem-offload'),
'args' => ['key' => 'secret_key', 'type' => 'password'],
],
[
'id' => 's3_region',
'label' => __('Región', 'flysystem-offload'),
'args' => ['key' => 'region', 'type' => 'text', 'placeholder' => 'us-east-1'],
],
[
'id' => 's3_bucket',
'label' => __('Bucket', 'flysystem-offload'),
'args' => ['key' => 'bucket', 'type' => 'text'],
],
[
'id' => 's3_prefix',
'label' => __('Prefijo (opcional)', 'flysystem-offload'),
'args' => ['key' => 'prefix', 'type' => 'text', 'placeholder' => 'uploads'],
],
[
'id' => 's3_endpoint',
'label' => __('Endpoint personalizado', 'flysystem-offload'),
'args' => ['key' => 'endpoint', 'type' => 'text', 'placeholder' => 'https://nyc3.digitaloceanspaces.com'],
],
[
'id' => 's3_cdn_url',
'label' => __('URL CDN (opcional)', 'flysystem-offload'),
'args' => ['key' => 'cdn_url', 'type' => 'text', 'placeholder' => 'https://cdn.midominio.com'],
],
];
foreach ($fields as $field) {
$args = array_merge(
$field['args'],
['class' => 'flysystem-offload-field flysystem-offload-field--s3']
);
add_settings_field(
$field['id'],
$field['label'],
[$this, 'renderS3Field'],
'flysystem-offload',
'flysystem_offload_s3',
$args
);
}
}
public function enqueueAssets(): void
{
$screen = get_current_screen();
if (! $screen || $screen->id !== 'settings_page_flysystem-offload') {
return;
}
wp_enqueue_script(
'flysystem-offload-settings',
plugins_url('assets/admin-settings.js', $this->pluginFile),
['jquery'],
'0.1.1',
true
); );
add_settings_field( wp_localize_script(
's3_secret_key', 'flysystem-offload-settings',
__('Secret Key', 'flysystem-offload'), 'flysystemOffloadSettings',
[$this, 'renderS3Field'], [
'flysystem-offload', 'labels' => [
'flysystem_offload_s3', 's3' => __('Amazon S3 / Compatible', 'flysystem-offload'),
['key' => 'secret_key', 'type' => 'password'] ],
); ]
add_settings_field(
's3_region',
__('Región', 'flysystem-offload'),
[$this, 'renderS3Field'],
'flysystem-offload',
'flysystem_offload_s3',
['key' => 'region', 'type' => 'text', 'placeholder' => 'us-east-1']
);
add_settings_field(
's3_bucket',
__('Bucket', 'flysystem-offload'),
[$this, 'renderS3Field'],
'flysystem-offload',
'flysystem_offload_s3',
['key' => 'bucket', 'type' => 'text']
);
add_settings_field(
's3_prefix',
__('Prefijo (opcional)', 'flysystem-offload'),
[$this, 'renderS3Field'],
'flysystem-offload',
'flysystem_offload_s3',
['key' => 'prefix', 'type' => 'text', 'placeholder' => 'uploads']
);
add_settings_field(
's3_endpoint',
__('Endpoint personalizado', 'flysystem-offload'),
[$this, 'renderS3Field'],
'flysystem-offload',
'flysystem_offload_s3',
['key' => 'endpoint', 'type' => 'text', 'placeholder' => 'https://nyc3.digitaloceanspaces.com']
);
add_settings_field(
's3_cdn_url',
__('URL CDN (opcional)', 'flysystem-offload'),
[$this, 'renderS3Field'],
'flysystem-offload',
'flysystem_offload_s3',
['key' => 'cdn_url', 'type' => 'text', 'placeholder' => 'https://cdn.midominio.com']
); );
} }
public function sanitizeSettings(array $input): array public function sanitizeSettings(array $input): array
{ {
$current = get_option('flysystem_offload_settings', []); $current = get_option('flysystem_offload_settings', []);
$adapter = sanitize_key($input['adapter'] ?? $current['adapter'] ?? 'local');
$adapter = sanitize_key($input['adapter'] ?? $current['adapter'] ?? 'local');
$basePrefix = trim($input['base_prefix'] ?? ''); $basePrefix = trim($input['base_prefix'] ?? '');
$s3 = $current['adapters']['s3'] ?? []; $s3 = $current['adapters']['s3'] ?? [];
$inputS3 = $input['adapters']['s3'] ?? []; $inputS3 = $input['adapters']['s3'] ?? [];
$secretRaw = $inputS3['secret_key'] ?? ''; $secretRaw = $inputS3['secret_key'] ?? '';
$secret = $secretRaw === '' ? ($s3['secret_key'] ?? '') : $secretRaw; $secret = $secretRaw === '' ? ($s3['secret_key'] ?? '') : $secretRaw;
$sanitizedS3 = [ $sanitizedS3 = [
'access_key' => sanitize_text_field($inputS3['access_key'] ?? $s3['access_key'] ?? ''), 'access_key' => sanitize_text_field($inputS3['access_key'] ?? $s3['access_key'] ?? ''),
'secret_key' => sanitize_text_field($inputS3['secret_key'] ?? $s3['secret_key'] ?? ''), 'secret_key' => sanitize_text_field($secret),
'region' => sanitize_text_field($inputS3['region'] ?? $s3['region'] ?? ''), 'region' => sanitize_text_field($inputS3['region'] ?? $s3['region'] ?? ''),
'bucket' => sanitize_text_field($inputS3['bucket'] ?? $s3['bucket'] ?? ''), 'bucket' => sanitize_text_field($inputS3['bucket'] ?? $s3['bucket'] ?? ''),
'prefix' => trim($inputS3['prefix'] ?? $s3['prefix'] ?? ''), 'prefix' => trim($inputS3['prefix'] ?? $s3['prefix'] ?? ''),
'endpoint' => esc_url_raw($inputS3['endpoint'] ?? $s3['endpoint'] ?? ''), 'endpoint' => esc_url_raw($inputS3['endpoint'] ?? $s3['endpoint'] ?? ''),
'cdn_url' => esc_url_raw($inputS3['cdn_url'] ?? $s3['cdn_url'] ?? ''), 'cdn_url' => esc_url_raw($inputS3['cdn_url'] ?? $s3['cdn_url'] ?? ''),
]; ];
$current['adapter'] = $adapter; $current['adapter'] = $adapter;
$current['base_prefix'] = $basePrefix; $current['base_prefix'] = $basePrefix;
$current['adapters']['s3'] = $sanitizedS3; $current['adapters']['s3'] = $sanitizedS3;
return $current; return $current;
} }
@ -188,10 +194,7 @@ class SettingsPage
<form method="post" action="options.php"> <form method="post" action="options.php">
<?php <?php
settings_fields('flysystem_offload'); settings_fields('flysystem_offload');
do_settings_sections('flysystem-offload');
$sectionsHtml = $this->generateSectionsMarkup();
echo $sectionsHtml; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
submit_button(__('Guardar cambios', 'flysystem-offload')); submit_button(__('Guardar cambios', 'flysystem-offload'));
?> ?>
</form> </form>
@ -199,42 +202,25 @@ class SettingsPage
<?php <?php
} }
private function generateSectionsMarkup(): string
{
ob_start();
do_settings_sections('flysystem-offload');
$html = ob_get_clean();
$label = preg_quote(__('Amazon S3 / Compatible', 'flysystem-offload'), '/');
$pattern = '/(<h2[^>]*>\s*' . $label . '\s*<\/h2>\s*<table[^>]*>.*?<\/table>)/is';
return preg_replace(
$pattern,
'<div class="flysystem-offload-adapter-section" data-adapter="s3">$1</div>',
$html
);
}
public function renderAdapterField(): void public function renderAdapterField(): void
{ {
$settings = get_option('flysystem_offload_settings', []); $settings = get_option('flysystem_offload_settings', []);
$adapter = $settings['adapter'] ?? 'local'; $adapter = $settings['adapter'] ?? 'local';
$options = [ $options = [
'local' => __('Local (fallback)', 'flysystem-offload'), 'local' => __('Local (fallback)', 'flysystem-offload'),
's3' => 'Amazon S3 / Compatible', 's3' => __('Amazon S3 / Compatible', 'flysystem-offload'),
'sftp' => 'SFTP', 'sftp' => 'SFTP',
'webdav' => 'WebDAV', 'webdav' => 'WebDAV',
'gcs' => 'Google Cloud Storage', 'gcs' => 'Google Cloud Storage',
'azure' => 'Azure Blob Storage', 'azure' => 'Azure Blob Storage',
'googledrive' => 'Google Drive (beta)', 'googledrive'=> 'Google Drive (beta)',
'onedrive' => 'OneDrive (beta)', 'onedrive' => 'OneDrive (beta)',
'dropbox' => 'Dropbox (beta)', 'dropbox' => 'Dropbox (beta)',
]; ];
?> ?>
<select name="flysystem_offload_settings[adapter]" id="flysystem-offload-adapter"> <select name="flysystem_offload_settings[adapter]" id="flysystem-offload-adapter">
<?php foreach ($options as $value => $label): ?> <?php foreach ($options as $value => $label) : ?>
<option value="<?php echo esc_attr($value); ?>" <?php selected($adapter, $value); ?>> <option value="<?php echo esc_attr($value); ?>" <?php selected($adapter, $value); ?>>
<?php echo esc_html($label); ?> <?php echo esc_html($label); ?>
</option> </option>
@ -246,7 +232,7 @@ class SettingsPage
public function renderBasePrefixField(): void public function renderBasePrefixField(): void
{ {
$settings = get_option('flysystem_offload_settings', []); $settings = get_option('flysystem_offload_settings', []);
$prefix = $settings['base_prefix'] ?? ''; $prefix = $settings['base_prefix'] ?? '';
?> ?>
<input <input
type="text" type="text"
@ -263,12 +249,12 @@ class SettingsPage
public function renderS3Field(array $args): void public function renderS3Field(array $args): void
{ {
$settings = get_option('flysystem_offload_settings', []); $settings = get_option('flysystem_offload_settings', []);
$s3 = $settings['adapters']['s3'] ?? []; $s3 = $settings['adapters']['s3'] ?? [];
$key = $args['key']; $key = $args['key'];
$type = $args['type'] ?? 'text'; $type = $args['type'] ?? 'text';
$placeholder = $args['placeholder'] ?? ''; $placeholder = $args['placeholder'] ?? '';
$value = $s3[$key] ?? ''; $value = $s3[$key] ?? '';
if ($type === 'password') { if ($type === 'password') {
$value = ''; $value = '';
@ -282,7 +268,7 @@ class SettingsPage
placeholder="<?php echo esc_attr($placeholder); ?>" placeholder="<?php echo esc_attr($placeholder); ?>"
autocomplete="off" autocomplete="off"
/> />
<?php if ('secret_key' === $key): ?> <?php if ('secret_key' === $key) : ?>
<p class="description"> <p class="description">
<?php esc_html_e('La clave no se mostrará después de guardarla.', 'flysystem-offload'); ?> <?php esc_html_e('La clave no se mostrará después de guardarla.', 'flysystem-offload'); ?>
</p> </p>