ClassifAI NUX

[iamdharmesh]

Description of the Change

PR Adds new user onboarding and updates existing settings UI.

Closes #30

Screenshots:

Activation Notice:

ClassifAI Step 1:

ClassifAI Step 2:

ClassifAI Step 3:

Setup Summary:

Classifai Settings:

Reviewer Notes:

• Placeholder images are added in step 1 and the summary step. it will be replaced with actual images once we have images available. I have made PR ready for review to unblock the process here. (@jeffpaul could please help to get images for the same)
• E2E tests are not added as part of this PR, I will add it in the follow-up PR.

How to test the Change

1. Install and activate the plugin.
2. Verify that the notice for start setup is there.
3. Start ClassifAI set up by clicking the button in the activation notice.
4. Go through each step of setup and make sure everything works fine
5. Go to ClassifAI settings and check the new UI and make sure everything works fine.

Changelog Entry

Added - Classifai Setup onboarding and UI improvements.

Credits

Props @ryanwelcher @jeffpaul @iamdharmesh

Checklist:

• I agree to follow this project's Code of Conduct.
• I have updated the documentation accordingly.
• I have added tests to cover my change.
• All new and existing tests pass.

[dkotter]

Code here is looking good. I've not done an in-depth round of testing yet though.

[mehidi258]

Overall looks great to me, Though i have added few very nitpicky improvements from FE perspective which are great to have.

[iamdharmesh]

Thanks for the review @mehidi258. I have updated the code accordingly. Could you please help to review it once?

[mehidi258]

Thanks for the review @mehidi258. I have updated the code accordingly. Could you please help to review it once?

@iamdharmesh Thanks for resolving those, Looks great to me. Though regarding adding escaping functions @dkotter mentioned that those escaping are not needed. Sorry for flagging those, feel free to revert those escpaing changes

[iamdharmesh]

Hi @jeffpaul @dkotter, I have updated PR for the points we discussed during the demo. Could you please help to review it once? Also, Please let me know if any wording updates are needed anywhere.

Header:

• Keep the "Set up" link always there. (even after setup is complete)

Step - 1 (Enable features):

• Default Enabled features:
  For new users: ALL features are enabled by default except any CPTs for Language Processing
  For existing users: Only completely configured features should be enabled by default

Step - 2 (Registration):

• Skip it if it is already configured

Step - 4 (summary page):

• Add not configured features as well with (x) icon before the feature name

Plugins list page:

• Add setup and settings link in the plugins list page

General:

• Move the ClassifAI menu under the tools menu and remove the top-level menu
• Page title for “ClassifAI Setup” page
• Disable WordPress "Plugin Activated" notice.

Thanks