SunbirdEd-Portal :: Configuring quml player as web components in portal

[mithun30052001]

I followed the steps in the documentation to convert Quml Player into a web component.Iam getting the "maxScore-undefined" error due to the absence of null check in sunbird-quml-player.js in node_modules.

The error screen iam getting is as below:

The null check i added in sunbird-quml-player.js is the highlighted line in the below image:

The outcome after the nullcheck:

So kindly upgrade the library by adding the null check so that quml player could be integrated as web component in sunbird-ed portal

CC: @vinukumar-vs @rajeevsathish @princegupta1131

[rajnishdargan]

Hi @mithun30052001

Could you please refer to the inQuiry microsite documentation for the integration of the web component?
Here is the link for using the QuML player as a web component in the Angular app.
Note: The version of QuML Player expected to be used from release-6.0.0 of inQuiry is designed to work with Question/Questionset v2 endpoint APIs.

It is advisable not to use the deprecated Quml-Player.
cc: @sajeshkayyath @PoojaJManjooran @vinukumar-vs @rajeevsathish @princegupta1131

[mithun30052001]

Hi @rajnishdargan

Thank you for the guidance. I already followed the instructions in the microsite for integrating the QuML player as a web component into sunbird-ed portal. However, I'm encountering the same "maxScore-undefined" error as mentioned above.

I would like to highlight that I'm using the latest version of the Quml-Web-Component library, which is version 3.0.2. I found this version on the official npm page: Quml-Web-Component on npm.

It would be really helpful if you had a version with this null check solved.

cc: @sajeshkayyath @PoojaJManjooran @vinukumar-vs @rajeevsathish @princegupta1131

[rajnishdargan]

Hi @mithun30052001,

Thank you for the update. We will investigate this issue and address it if necessary. Could you please provide some additional information?

1. In which release of SunbirdEd-portal are you attempting this integration?
2. Are you using the Questionset v2 API or the V1 API? It would be beneficial if you could share a screenshot of the network tab.
3. If you have submitted any draft PR for this integration, could you please share it with us? This will expedite the integration testing process.

cc: @sajeshkayyath @PoojaJManjooran @vinukumar-vs @rajeevsathish @princegupta1131

[mithun30052001]

Hi @rajnishdargan

Thank you for your response. Here are the details regarding the Quml web component integration:

Release of SunbirdEd-portal:
I am currently working on integrating the Quml web component into the SunbirdEd-portal version 7.0.0, planning to be implemented for the next release.

API version:
I am using the Questionset v2 API, specifically the api/question/v2/list endpoint for the integration.

Draft PR:
As of now, I haven't raised any pull requests related to this integration. However, I am actively working on the integration in the branch all-players-as-web-components.

cc: @sajeshkayyath @PoojaJManjooran @vinukumar-vs @rajeevsathish @princegupta1131