Skip to content

fixed: settings layout #1088

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
wants to merge 4 commits into from
Closed

fixed: settings layout #1088

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
8659185
fixed: settings layout
RaduCristianPopescu Jul 15, 2025
f802efe
Update includes/layouts/settings.php
RaduCristianPopescu Jul 15, 2025
7b1dfd8
fixed copilot suggestion
RaduCristianPopescu Jul 15, 2025
66ae9d2
link icon
RaduCristianPopescu Jul 15, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
26 changes: 23 additions & 3 deletions css/settings.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -531,7 +531,7 @@ fieldset[disabled] .form-control {
content: "";
width: 24px;
height: 24px;
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 18L14 14.5' stroke='%23757575' stroke-width='1.5'/%3E%3Ccircle r='4.75' transform='matrix(-1 0 0 1 10.5 11.5)' stroke='%23757575' stroke-width='1.5'/%3E%3C/svg%3E%0A");
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 18L14 14.5' stroke='%23757575' stroke-width='1.5'/%3E%3Ccircle r='4.75' transform='matrix(-1 0 0 1 10.5 11.5)' stroke='%23757575' stroke-width='1.5'/%3E%3C/svg%3E");
background-repeat: no-repeat;
position: absolute;
left: 16px;
Expand Down Expand Up @@ -1530,7 +1530,7 @@ input.fz-switch-toggle[type=checkbox]:checked:before{
}

.post-type-feedzy_categories #titlediv #title:focus,
.post-type-feedzy_categories .widefat:focus{
.post-type_feedzy_categories .widefat:focus{
border-color: #4268CF;
}
.fz-upsell-notice {
Expand Down Expand Up @@ -2569,4 +2569,24 @@ li.draggable-item .components-panel__body-toggle.components-button{
.support-box-list > ul{
grid-template-columns: repeat(2, 1fr);
}
}
}

.fz-proxy-info-box {
margin-top: 30px;
}

.fz-section-title {
margin: 0 0 15px 0;
}

.fz-section-description p {
margin: 0 0 10px 0;
line-height: 1.6;
}

.fz-form-actions {
display: flex;
justify-content: space-between;
align-items: center;
gap: 15px;
}
79 changes: 50 additions & 29 deletions includes/layouts/settings.php
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -54,12 +54,6 @@
case 'misc':
esc_html_e( 'Miscellaneous', 'feedzy-rss-feeds' );
break;
case 'spinnerchief':
esc_html_e( 'SpinnerChief', 'feedzy-rss-feeds' );
break;
case 'wordai':
esc_html_e( 'WordAI', 'feedzy-rss-feeds' );
break;
default:
echo esc_html( ucwords( str_replace( array( '-', '_' ), ' ', $active_tab ) ) );
break;
Expand Down Expand Up @@ -278,16 +272,30 @@ class="<?php echo $_tab === $active_tab ? esc_attr( 'active' ) : ''; ?>"><?php e
case 'headers':
?>
<div class="fz-form-wrap">
<div class="form-block">
<div class="fz-form-group">
<label class="form-label"><?php esc_html_e( 'User Agent', 'feedzy-rss-feeds' ); ?></label>
<input
type="text"
class="form-control"
name="user-agent"
placeholder="<?php esc_attr_e( 'Add the user agent string', 'feedzy-rss-feeds' ); ?>"
value="<?php echo isset( $settings['header']['user-agent'] ) ? esc_attr( $settings['header']['user-agent'] ) : ''; ?>"
>
<div class="fz-proxy-info-box">
<h3 class="fz-section-title"><?php esc_html_e( 'HTTP Headers Configuration', 'feedzy-rss-feeds' ); ?></h3>
<div class="fz-section-description">
<p><?php esc_html_e( 'Customize the HTTP headers sent when fetching RSS feeds. This can help bypass certain restrictions or identify your requests to feed providers.', 'feedzy-rss-feeds' ); ?></p>
<p class="fz-when-to-use">
<?php esc_html_e( 'Configure a custom user agent if feeds are blocking default WordPress requests or require specific identification.', 'feedzy-rss-feeds' ); ?>
</p>
</div>
</div>

<div class="form-block pb-0">
<div class="fz-form-row">
<div class="fz-form-col-4">
<div class="fz-form-group">
<label class="form-label"><?php esc_html_e( 'User Agent', 'feedzy-rss-feeds' ); ?></label>
<input
type="text"
class="form-control"
name="user-agent"
placeholder="<?php esc_attr_e( 'Add the user agent string', 'feedzy-rss-feeds' ); ?>"
value="<?php echo isset( $settings['header']['user-agent'] ) ? esc_attr( $settings['header']['user-agent'] ) : ''; ?>"
>
</div>
</div>
</div>
</div>
</div>
Expand All @@ -296,43 +304,55 @@ class="form-control"
case 'proxy':
?>
<div class="fz-form-wrap">
<div class="fz-proxy-info-box">
<h3 class="fz-section-title"><?php esc_html_e( 'Proxy Configuration', 'feedzy-rss-feeds' ); ?></h3>
<div class="fz-section-description">
<p><?php esc_html_e( 'Use these settings if you need to fetch RSS feeds through a proxy server. This is commonly required in corporate environments or when your hosting provider restricts direct internet access.', 'feedzy-rss-feeds' ); ?></p>
<p class="fz-when-to-use">
<?php esc_html_e( 'Only configure these settings if you know you need a proxy. Leave empty for direct connections.', 'feedzy-rss-feeds' ); ?>
</p>
</div>
</div>
<div class="form-block pb-0">
<div class="fz-form-row">
<div class="fz-form-col-6">
<div class="fz-form-group">
<label class="form-label"><?php esc_html_e( 'Username', 'feedzy-rss-feeds' ); ?>:</label>
<label class="form-label"><?php esc_html_e( 'Username', 'feedzy-rss-feeds' ); ?></label>
<input type="text" class="form-control" name="proxy-user" placeholder="<?php esc_attr_e( 'Enter the authorized username', 'feedzy-rss-feeds' ); ?>"
value="<?php echo isset( $settings['proxy']['user'] ) ? esc_attr( $settings['proxy']['user'] ) : ''; ?>">
</div>
</div>
<div class="fz-form-col-6">
<div class="fz-form-group">
<label class="form-label"><?php esc_html_e( 'Password', 'feedzy-rss-feeds' ); ?>:</label>
<label class="form-label"><?php esc_html_e( 'Password', 'feedzy-rss-feeds' ); ?></label>
<input type="password" class="form-control" name="proxy-pass" placeholder="<?php esc_attr_e( 'Enter the password for the authorized user', 'feedzy-rss-feeds' ); ?>"
value="<?php echo isset( $settings['proxy']['pass'] ) ? esc_attr( $settings['proxy']['pass'] ) : ''; ?>">
</div>
</div>
<div class="fz-form-col-8">
<div class="fz-form-group">
<label class="form-label"><?php esc_html_e( 'Host', 'feedzy-rss-feeds' ); ?>:</label>
<label class="form-label"><?php esc_html_e( 'Host', 'feedzy-rss-feeds' ); ?></label>
<input type="text" class="form-control" name="proxy-host" placeholder="<?php esc_attr_e( 'Enter the IP address or Domain name of the proxy server', 'feedzy-rss-feeds' ); ?>"
value="<?php echo isset( $settings['proxy']['host'] ) ? esc_attr( $settings['proxy']['host'] ) : ''; ?>">
<div class="help-text pt-8">
<?php
/* translators: %s: the value to introduce. */
printf( esc_html__( 'Example: %s', 'feedzy-rss-feeds' ), '127.0.0.1' );
printf(
// translators: %s is the example value.
esc_html__( 'Example: %s', 'feedzy-rss-feeds' ),
esc_html( '192.168.1.100, proxy.mycompany.com' )
);
?>
</div>
</div>
</div>
<div class="fz-form-col-4">
<div class="fz-form-group">
<label class="form-label"><?php esc_html_e( 'Port', 'feedzy-rss-feeds' ); ?>:</label>
<label class="form-label"><?php esc_html_e( 'Port', 'feedzy-rss-feeds' ); ?></label>
<input type="number" min="0" max="65535" class="form-control" name="proxy-port" placeholder="<?php esc_attr_e( 'Add the port number', 'feedzy-rss-feeds' ); ?>"
value="<?php echo isset( $settings['proxy']['port'] ) ? esc_attr( (int) $settings['proxy']['port'] ) : ''; ?>">
<div class="help-text pt-8">
<?php
/* translators: %s: the value to introduce. */
// translators: %s is the example value.
printf( esc_html__( 'Example: %s', 'feedzy-rss-feeds' ), '8080' );
?>
</div>
Expand Down Expand Up @@ -363,21 +383,22 @@ class="form-control"
<?php
wp_nonce_field( $active_tab, 'nonce' );
if ( $show_button ) {
$disable_button = ! feedzy_is_pro() && in_array( $active_tab, array( 'spinnerchief', 'wordai', 'amazon-product-advertising', 'openai' ), true ) ? ' disabled' : '';
$disable_button = ! feedzy_is_pro() && in_array( $active_tab, array( 'amazon-product-advertising', 'openai' ), true ) ? ' disabled' : '';
?>
<div class="mb-24">
<div class="mb-24 fz-form-actions">
<button type="submit" class="btn btn-primary<?php echo esc_attr( $disable_button ); ?>" id="feedzy-settings-submit" name="feedzy-settings-submit"><?php esc_html_e( 'Save Settings', 'feedzy-rss-feeds' ); ?></button>
<a href="<?php echo esc_url( $help_btn_url ); ?>" class="btn btn-ghost" target="_blank">
<?php esc_html_e( 'Go to Documentation', 'feedzy-rss-feeds' ); ?>
<span class="dashicons dashicons-external"></span>
</a>
</div>

<?php
}
?>
</form>

</div>
</div>

<div class="cta pt-30">
<a href="<?php echo esc_url( $help_btn_url ); ?>" class="btn btn-ghost" target="_blank"><?php esc_html_e( 'Need help?', 'feedzy-rss-feeds' ); ?></a>
</div>
</div>
</div>
Loading