Skip to content

feat: improve onboarding import process #1145

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

Merged
merged 6 commits into from
Aug 19, 2025
Merged

feat: improve onboarding import process #1145

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
51f893f
feat: improve onboarding import process
girishpanchal30 Aug 15, 2025
85bd460
refactor: preview import feed
girishpanchal30 Aug 18, 2025
d36c8bb
remove notice
girishpanchal30 Aug 18, 2025
e07ba94
refactor: upload single image as fallback image
girishpanchal30 Aug 19, 2025
aa1fffe
fix: get custom fallback image ID on import settings
Soare-Robert-Daniel Aug 19, 2025
6e9d107
chore: clean up
Soare-Robert-Daniel Aug 19, 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
16 changes: 16 additions & 0 deletions includes/admin/feedzy-rss-feeds-admin.php
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -1978,6 +1978,10 @@ public function feedzy_load_setup_wizard_page() {
* Enqueue setup wizard required scripts.
*/
public function feedzy_enqueue_setup_wizard_scripts() {
if ( ! did_action( 'wp_enqueue_media' ) ) {
wp_enqueue_media();
}

wp_enqueue_style( $this->plugin_name . '_chosen' );
wp_enqueue_style( $this->plugin_name . '_smart_wizard', FEEDZY_ABSURL . 'css/smart_wizard_all.min.css', array(), $this->version );
wp_enqueue_style( $this->plugin_name . '_setup_wizard', FEEDZY_ABSURL . 'includes/views/css/style-wizard.css', array( $this->plugin_name . '-settings' ), $this->version, 'all' );
Expand All @@ -2003,6 +2007,18 @@ public function feedzy_enqueue_setup_wizard_scripts() {
'firstButtonText' => __( 'Create Page', 'feedzy-rss-feeds' ),
'secondButtonText' => __( 'Do not create', 'feedzy-rss-feeds' ),
),
'mediaUploadText' => array(
'iframeTitle' => __( 'Select image', 'feedzy-rss-feeds' ),
'iframeButton' => __( 'Set default image', 'feedzy-rss-feeds' ),
'actionButtonTextOne' => __( 'Choose image', 'feedzy-rss-feeds' ),
'actionButtonTextTwo' => __( 'Replace image', 'feedzy-rss-feeds' ),
'actionButtonTextThree' => __( 'Remove image', 'feedzy-rss-feeds' ),
),
'dryRun' => array(
'loading' => '<p class="hide-when-loaded">' . __( 'Processing the source and loading the items that will be imported when it runs', 'feedzy-rss-feeds' ) . '...</p>'
. '<p class="loading-img hide-when-loaded"><img src="' . includes_url( 'images/wpspin-2x.gif' ) . '"></p><div></div>',
'title' => __( 'Importable Items', 'feedzy-rss-feeds' ),
),
)
);
}
Expand Down
31 changes: 28 additions & 3 deletions includes/admin/feedzy-rss-feeds-import.php
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -561,9 +561,14 @@ public function feedzy_import_feed_options() {

$default_thumbnail_id = 0;
$inherited_thumbnail_id = ! empty( $this->free_settings['general']['default-thumbnail-id'] ) ? (int) $this->free_settings['general']['default-thumbnail-id'] : 0;
$custom_thumbnail_id = get_post_meta( $post->ID, 'default_thumbnail_id', true );

if ( is_numeric( $custom_thumbnail_id ) ) {
$default_thumbnail_id = $custom_thumbnail_id;
}

if ( feedzy_is_pro() ) {
$default_thumbnail_id = get_post_meta( $post->ID, 'default_thumbnail_id', true );
$import_schedule = array(
$import_schedule = array(
'fz_cron_schedule' => ! empty( $this->free_settings['general']['fz_cron_schedule'] ) ? $this->free_settings['general']['fz_cron_schedule'] : '',
);
}
Expand Down Expand Up @@ -3951,6 +3956,8 @@ private function wizard_import_feed() {

$post_type = ! empty( $_POST['post_type'] ) ? sanitize_text_field( wp_unslash( $_POST['post_type'] ) ) : '';
$post_status = ! empty( $_POST['post_status'] ) ? sanitize_text_field( wp_unslash( $_POST['post_status'] ) ) : '';
$fallback_image = ! empty( $_POST['fallback_image'] ) ? sanitize_text_field( wp_unslash( $_POST['fallback_image'] ) ) : '';
$excluded_post_title = ! empty( $_POST['excluded_post_title'] ) ? sanitize_text_field( wp_unslash( $_POST['excluded_post_title'] ) ) : '';
$wizard_data = get_option( 'feedzy_wizard_data', array() );
$wizard_data = ! empty( $wizard_data ) ? $wizard_data : array();
$wizard_data['post_type'] = $post_type;
Expand Down Expand Up @@ -3994,7 +4001,25 @@ private function wizard_import_feed() {
// Update wizard data.
$wizard_data['job_id'] = $job_id;
update_option( 'feedzy_wizard_data', $wizard_data );


$filter_conditions = array(
'match' => 'all',
'conditions' => array(),
);

if ( ! empty( $excluded_post_title ) ) {
$filter_conditions['conditions'] = array(
array(
'field' => 'title',
'operator' => 'not_contains',
'value' => $excluded_post_title,
),
);
}

update_post_meta( $job_id, 'filter_conditions', wp_json_encode( $filter_conditions ) );
update_post_meta( $job_id, 'default_thumbnail_id', $fallback_image );

$response = array(
'status' => true,
);
Expand Down
65 changes: 52 additions & 13 deletions includes/layouts/setup-wizard.php
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -24,6 +24,7 @@
}
$published_status = array( 'publish', 'draft' );

add_thickbox();
?>
<div class="feedzy-wizard-wrap feedzy-wrap">
<div class="feedzy-header--small">
Expand Down Expand Up @@ -138,6 +139,11 @@
</div>
</div>
<div class="form-block">
<?php if ( 'page_builder' !== $integrate_with ) : ?>
<button class="btn btn-ghost<?php echo empty( $feed_source ) ? ' disabled' : ''; ?>" id="preflight">
<?php esc_html_e( 'Preview Import', 'feedzy-rss-feeds' ); ?>
</button>
<?php endif; ?>
<button class="btn btn-primary<?php echo empty( $feed_source ) ? ' disabled' : ''; ?>" data-step_number="2">
<?php
if ( 'page_builder' === $integrate_with ) {
Expand Down Expand Up @@ -177,22 +183,55 @@
</select>
</div>
</div>
<div class="form-block">
<div class="fz-form-row">
<div class="fz-form-col-6">
<label class="form-label">
<?php esc_html_e( 'Post status', 'feedzy-rss-feeds' ); ?>
</label>
<div class="mx-320">
<select id="feedzy_post_status" class="form-control feedzy-chosen" name="feedzy_meta_data[import_post_status]">
<?php
foreach ( $published_status as $_status ) {
?>
<option value="<?php echo esc_attr( $_status ); ?>">
<?php echo esc_html( ucfirst( $_status ) ); ?>
</option>
<?php
}
?>
</select>
</div>
</div>
<div class="fz-form-col-6">
<label class="form-label">
<?php esc_html_e( 'Fallback Image', 'feedzy-rss-feeds' ); ?>
</label>
<div class="fz-cta-group pb-8">
<a
href="javascript:;"
class="feedzy-open-media btn btn-outline-primary"
>
<?php esc_html_e( 'Choose image', 'feedzy-rss-feeds' ); ?>
</a>
<a href="javascript:;" class="feedzy-remove-media btn btn-outline-primary"><?php esc_html_e( 'Remove', 'feedzy-rss-feeds' ); ?></a>
<input type="hidden" name="feedzy_meta_data[default_thumbnail_id]" id="feed-post-default-thumbnail" value="">
<div class="help-text pt-8">
<?php esc_html_e( 'Optional. Used as fallback for imported posts without images.', 'feedzy-rss-feeds' ); ?>
</div>
</div>
</div>
</div>
</div>
<div class="form-block">
<label class="form-label">
<?php esc_html_e( 'Post status', 'feedzy-rss-feeds' ); ?>
<?php esc_html_e( 'Exclude posts with title not containing', 'feedzy-rss-feeds' ); ?>
</label>
<div class="mx-320">
<select id="feedzy_post_status" class="form-control feedzy-chosen" name="feedzy_meta_data[import_post_status]">
<?php
foreach ( $published_status as $_status ) {
?>
<option value="<?php echo esc_attr( $_status ); ?>">
<?php echo esc_html( ucfirst( $_status ) ); ?>
</option>
<?php
}
?>
</select>
<div class="fz-form-group">
<input type="text" id="feedzy_exclude_title" name="feedzy_meta_data[exc_key]" class="form-control" value="" />
<div class="help-text pt-8">
<?php esc_html_e( 'Posts will not be imported if their title includes these keywords.', 'feedzy-rss-feeds' ); ?>
</div>
</div>
</div>
<div class="form-block">
Expand Down
33 changes: 33 additions & 0 deletions includes/views/css/style-wizard.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -471,3 +471,36 @@
.feedzy-accordion-item__title h2 {
margin-bottom: 0;
}
.btn-ghost.disabled {
cursor: none;
pointer-events: none;
color: #757575;
}
#TB_ajaxContent ul {
list-style: decimal;
margin-left: 20px;
}

#TB_ajaxContent ul li {
padding: 5px !important;
}

#TB_ajaxContent p.loading-img {
text-align: center;
}

#TB_ajaxContent.loaded p.hide-when-loaded {
display: none;
}

#TB_ajaxContent div.dry_run span {
display: block;
}

#TB_ajaxContent div.dry_run span i.pass {
color: #149714;
}

#TB_ajaxContent div.dry_run span i.fail {
color: #ca4a1f;
}
104 changes: 101 additions & 3 deletions js/feedzy-setup-wizard.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -35,7 +35,7 @@ jQuery(function ($) {
const feedUrl = $(this).attr('href');
$(this).parents('.fz-row').find('input:text').val(feedUrl);

$('[data-step_number="2"]').removeClass('disabled');
$('[data-step_number="2"], #preflight').removeClass('disabled');
return false;
});

Expand Down Expand Up @@ -211,6 +211,8 @@ jQuery(function ($) {
post_status: $(
'select[name="feedzy_meta_data[import_post_status]"]'
).val(),
fallback_image: $('input[name="feedzy_meta_data[default_thumbnail_id]"]').val(),
excluded_post_title: $('input[name="feedzy_meta_data[exc_key]"]').val(),
action: 'feedzy',
_action: 'wizard_import_feed',
},
Expand Down Expand Up @@ -329,9 +331,9 @@ jQuery(function ($) {
// Remove disabled class from save button.
$(document).on('input', '#wizard_feed_source', function () {
if ('' === $(this).val()) {
$('[data-step_number="2"]').addClass('disabled');
$('[data-step_number="2"], #preflight').addClass('disabled');
} else {
$('[data-step_number="2"]').removeClass('disabled');
$('[data-step_number="2"], #preflight').removeClass('disabled');
}
});

Expand Down Expand Up @@ -359,4 +361,100 @@ jQuery(function ($) {

// Init chosen selectbox.
$('.feedzy-chosen').chosen({ width: '100%' });

// on upload button click
$( 'body' ).on( 'click', '.feedzy-open-media', function( e ) {
e.preventDefault();
const button = $( this ),
wp_media_uploader = wp.media( {
title: feedzySetupWizardData.mediaUploadText.iframeTitle,
library : {
type : 'image'
},
button: {
text: feedzySetupWizardData.mediaUploadText.iframeButton
},
multiple: false
} ).on( 'select', function() { // it also has "open" and "close" events
const selectedAttachments = wp_media_uploader.state().get( 'selection' );
button.parents( '.fz-form-group' ).find( '.feedzy-media-preview' ).remove();
// Display image preview when a single image is selected.
const attachment = selectedAttachments.first().toJSON();
let attachmentUrl = attachment.url;
if ( attachment.sizes.thumbnail ) {
attachmentUrl = attachment.sizes.thumbnail.url;
}
if ( $( '.feedzy-media-preview' ).length ) {
$( '.feedzy-media-preview' ).find( 'img' ).attr( 'src', attachmentUrl );
} else {
$( '<div class="fz-form-group mb-20 feedzy-media-preview"><img src="' + attachmentUrl + '"></div>' ).insertBefore( button.parent() );
}
// Get all selected attachment ids.
const ids = selectedAttachments.map( function( image ) {
return image.id;
} ).join( ',' );

button.parent().find( '.feedzy-remove-media' ).addClass( 'is-show' );
button.parent().find( 'input:hidden' ).val( ids ).trigger( 'change' );
$( '.feedzy-open-media' ).html( feedzySetupWizardData.mediaUploadText.actionButtonTextTwo );
} );

wp_media_uploader.on(' open', function() {
const selectedVal = button.parent().find( 'input:hidden' ).val();
if ( '' === selectedVal ) {
return;
}
const selection = wp_media_uploader.state().get('selection');

selectedVal.split(',').forEach(function( id ) {
const attachment = wp.media.attachment( id );
attachment.fetch();
selection.add(attachment ? [attachment] : []);
});
} );

wp_media_uploader.open();
});

$(document).on( 'click', '.feedzy-remove-media', function( e ) {
$(this)
e.preventDefault();
$('.feedzy-media-preview').remove();
$(this).removeClass('is-show');

// Reset the input.
$('input[name="feedzy_meta_data[default_thumbnail_id]"]').val(0);
$('.feedzy-open-media').html(feedzySetupWizardData.mediaUploadText.actionButtonTextOne);
} );

$('#preflight').on('click', function (e) {
e.preventDefault();
const $fields = {};
// collect all elements.
$('#smartwizard')
.find(':input')
.each(function (index, element) {
if ('undefined' === typeof $(element).attr('name')) {
return;
}
$fields[$(element).attr('name')] = $(element).val();
});
$fields['feedzy_meta_data[source]'] = $('#wizard_feed_source').val();
tb_show(feedzySetupWizardData.dryRun.title, 'TB_inline?');
$('#TB_ajaxContent').html(feedzySetupWizardData.dryRun.loading);
$.post(
ajaxurl,
{
security: window.feedzySetupWizardData.ajax.security,
fields: $.param($fields),
action: 'feedzy',
_action: 'dry_run',
environment: 'wizard',
},
function(data) {
$('#TB_ajaxContent').addClass('loaded');
$('#TB_ajaxContent div').html(data.data.output);
},
);
});
});
Loading