[$600] Embedded theme vs. real site

[jmgasper]

@atelomycterus - One request that's coming in for a new app is to be able to embed specific forums in an MFE.

The wrinkle is that the main site (discussions.topcoder.com) will continue to work as it does now, with the existing header / footer, but the embedded forums on the new app won't show:

• Header
• Footer
• Side menu navigation

Eventually, the embed it will just be a very limited view into the "group" page - Code Questions, Code Documents, etc...

Can we do this with a custom embed.js?

[jmgasper]

Challenge https://www.topcoder.com/challenges/d08265a4-0057-4708-87de-bc7d24a7f9da has been created for this ticket.

This is an automated message for ghostar via Topcoder X

[jmgasper]

Challenge https://www.topcoder.com/challenges/d08265a4-0057-4708-87de-bc7d24a7f9da has been assigned to obog.

This is an automated message for ghostar via Topcoder X

[atelomycterus]

@jmgasper The current progress: 
 - I added mfe template in Topcoder theme. So footer + header, nav bar and search field are hidden in MFE but  no changes for the main forum. So we use the Topcoder theme for both cases.
 
 - I managed to show categories by challengeID. I am testing it locally using in a frame. I'm going to test it with MFE tomorrow.
 I think we need to hide 'home'->'challenge forums' -> 'Development' or show it as plain text.

[jmgasper]

@atelomycterus - That's great, thanks for the update!

[atelomycterus]

@jmgasper Please set two parameters before 'http://vanilla.topocder-dev.com/js/embed.js' to embed a list of categories by challengeID in micro-frontend app.
Example:

  <script>
      var vanilla_category_id ='69cb5726-8bcc-4b56-b45a-a9b85e91e4ed'; // Topcoder Challenge ID
      var vanilla_embed_type = 'mfe'; // This parameter is used in Vanilla
    </script>
    <script type="text/javascript" src="http://vanilla.topocder-dev.com/js/embed.js">

Please apply PRs:
#651
topcoder-platform/forums-plugins#107
topcoder-platform/forums-theme#64

Let me know if you need any help to integrate with micro-frontend apps.

Thanks!

Tests

Tested with hard-coded challengeID locally with mfe-forums-app.

The list of categories for a challenge.

The list of discussions

The Discussion with comments

[jmgasper]

@atelomycterus - Thanks for this. We should have this integrated into the self service app and deployed in dev for testing sometime tomorrow.

[jmgasper]

Payment task has been updated: https://www.topcoder.com/challenges/d08265a4-0057-4708-87de-bc7d24a7f9da
Payments Complete
Winner: obog
Copilot: ghostar
Challenge d08265a4-0057-4708-87de-bc7d24a7f9da has been paid and closed.

This is an automated message for ghostar via Topcoder X