![\"test\"](\"/assets/public/content/assets/do_21391745639510016012/test.png\")
This is Simple Questionset for testing short text Questionset
" + }, + "description": "Short Text Questionset", + "gradeLevel": [ + "Class 4" + ], + "containsUserData": "No", + "allowSkip": "Yes", + "compatibilityLevel": 5, + "audience": [ + "Student" + ], + "trackable": "{\"enabled\":\"No\",\"autoBatch\":\"No\"}", + "se_boards": [ + "CBSE" + ], + "primaryCategory": "Practice Question Set", + "setType": "materialised", + "appIcon": "https://obj.stage.sunbirded.org/sunbird-content-staging/questionset/do_21391745429720268811/artifact/sunbird.thumb.jpeg", + "se_mediums": [ + "Hindi" + ], + "downloadUrl": "https://obj.stage.sunbirded.org/sunbird-content-staging/questionset/do_21391745429720268811/short-text-questionset_1698909234107_do_21391745429720268811_1.ecar", + "se_subjects": [ + "English" + ], + "medium": [ + "Hindi" + ], + "attributions": [], + "scoreCutoffType": "AssessmentLevel", + "framework": "ekstep_ncert_k-12", + "posterImage": "https://obj.stage.sunbirded.org/sunbird-content-staging/content/assets/do_21391745470538547211/sunbird.jpeg", + "versionKey": "1698908888308", + "mimeType": "application/vnd.sunbird.questionset", + "code": "ec843eee-9e9d-4ab2-b559-df71f1e4a3f5", + "license": "CC BY 4.0", + "version": 1, + "prevStatus": "Draft", + "showHints": "No", + "summaryType": "Complete", + "language": [ + "English" + ], + "board": "CBSE", + "showFeedback": "No", + "lastPublishedOn": "2023-11-02T07:13:53.602+0000", + "objectType": "QuestionSet", + "status": "Live", + "targetFWIds": [ + "ekstep_ncert_k-12" + ], + "createdBy": "56c84dee-7149-47af-902d-0138e080cec0", + "requiresSubmit": "No", + "shuffle": true, + "contentEncoding": "gzip", + "depth": 0, + "consumerId": "cb069f8d-e4e1-46c5-831f-d4a83b323ada", + "lastPublishedBy": "ddb6579c-be43-49e6-9de4-585315a1d926", + "se_gradeLevels": [ + "Class 4" + ], + "se_FWIds": [ + "ekstep_ncert_k-12" + ], + "allowAnonymousAccess": "Yes", + "contentDisposition": "inline", + "additionalCategories": [], + "allowBranching": "No", + "previewUrl": "https://obj.stage.sunbirded.org/sunbird-content-staging/questionset/do_21391745429720268811/do_21391745429720268811_html_1698909234889.html", + "childNodes": [ + "do_213917459306708992110", + "do_21391745570741452812", + "do_213917460160708608112" + ], + "visibility": "Default", + "showSolutions": "No", + "variants": { + "spine": { + "ecarUrl": "https://obj.stage.sunbirded.org/sunbird-content-staging/questionset/do_21391745429720268811/short-text-questionset_1698909233836_do_21391745429720268811_1_SPINE.ecar", + "size": "7215" + }, + "online": { + "ecarUrl": "https://obj.stage.sunbirded.org/sunbird-content-staging/questionset/do_21391745429720268811/short-text-questionset_1698909234067_do_21391745429720268811_1_ONLINE.ecar", + "size": "4027" + }, + "full": { + "ecarUrl": "https://obj.stage.sunbirded.org/sunbird-content-staging/questionset/do_21391745429720268811/short-text-questionset_1698909234107_do_21391745429720268811_1.ecar", + "size": "5223136" + } + }, + "pkgVersion": 1 + }, + v1Questions: [ + { + "copyright": "NIT123", + "subject": [ + "English" + ], + "channel": "01345815127107174426", + "downloadUrl": "https://obj.stage.sunbirded.org/sunbird-content-staging/question/do_213917459306708992110/short-mcq_1698909230306_do_213917459306708992110_1.ecar", + "responseDeclaration": { + "response1": { + "maxScore": 1, + "cardinality": "single", + "type": "integer", + "correctResponse": { + "value": "1", + "outcomes": { + "SCORE": 1 + } + }, + "mapping": [] + } + }, + "language": [ + "English" + ], + "mimeType": "application/vnd.sunbird.question", + "variants": { + "full": { + "ecarUrl": "https://obj.stage.sunbirded.org/sunbird-content-staging/question/do_213917459306708992110/short-mcq_1698909230306_do_213917459306708992110_1.ecar", + "size": "64043" + }, + "online": { + "ecarUrl": "https://obj.stage.sunbirded.org/sunbird-content-staging/question/do_213917459306708992110/short-mcq_1698909230782_do_213917459306708992110_1_ONLINE.ecar", + "size": "1691" + } + }, + "body": "Which is the capital of India?
Bangalore
Delhi
![\"test\"](\"/assets/public/content/assets/do_21391745677380812813/test.png\")
MP
![\"test\"](\"/assets/public/content/assets/do_21391745700057907214/test.png\")
Tamilnadu
![\"test\"](\"/assets/public/content/assets/do_21391745723300249615/test.png\")
Which is the capital of India?
", + "solutions": [ + { + "id": "2ec72bb7-993e-45c7-a645-972bead37985", + "type": "html", + "value": "New Delhi
![\"test\"](\"/assets/public/content/assets/do_21391745765224448016/test.png\")
New Delhi
Bangalore
Delhi
MP
Tamilnadu
Who is the captain of India?
", + "editorState": { + "answer": "Dhoni- Born in ranchi and won 3 ICC trophy
", + "question": "Who is the captain of India?
", + "solutions": [ + { + "id": "5505d866-b8e3-4c1d-b6d2-7ddf5b7ff765", + "type": "video", + "value": "do_21391745981619404817" + } + ] + }, + "objectType": "Question", + "se_mediums": [ + "Hindi" + ], + "gradeLevel": [ + "Class 4" + ], + "primaryCategory": "Subjective Question", + "contentEncoding": "gzip", + "artifactUrl": "https://obj.stage.sunbirded.org/sunbird-content-staging/question/do_213917460160708608112/do_213917460160708608112_1698909231286.zip", + "se_gradeLevels": [ + "Class 4" + ], + "showSolutions": "No", + "identifier": "do_213917460160708608112", + "audience": [ + "Student" + ], + "visibility": "Parent", + "showTimer": "No", + "author": "Creator1", + "solutions": [ + { + "id": "5505d866-b8e3-4c1d-b6d2-7ddf5b7ff765", + "type": "video", + "value": "do_21391745981619404817" + } + ], + "qType": "SA", + "maxScore": 1, + "lastPublishedBy": "ddb6579c-be43-49e6-9de4-585315a1d926", + "languageCode": [ + "en" + ], + "version": 1, + "se_subjects": [ + "English" + ], + "license": "CC BY 4.0", + "name": "Subjective", + "status": "Live", + "code": "beb3dcee-f8b8-4b32-a58a-b17585faed18", + "prevStatus": "Draft", + "medium": [ + "Hindi" + ], + "media": [ + { + "id": "do_21391745981619404817", + "src": "/assets/public/content/assets/do_21391745981619404817/bathroom-drama-talking-angela-cartoon-short.mp4", + "type": "video", + "assetId": "do_21391745981619404817", + "name": "bathroom-drama-talking-angela-cartoon-short", + "baseUrl": "https://staging.sunbirded.org" + } + ], + "createdOn": "2023-11-02T07:05:11.024+0000", + "interactions": { + "validation": { + "required": "Yes" + } + }, + "se_boards": [ + "CBSE" + ], + "contentDisposition": "inline", + "lastUpdatedOn": "2023-11-02T07:13:53.556+0000", + "allowAnonymousAccess": "Yes", + "lastStatusChangedOn": "2023-11-02T07:13:53.556+0000", + "se_FWIds": [ + "ekstep_ncert_k-12" + ], + "pkgVersion": 1, + "versionKey": "1698908711033", + "showFeedback": "No", + "framework": "ekstep_ncert_k-12", + "answer": "Dhoni- Born in ranchi and won 3 ICC trophy
", + "createdBy": "56c84dee-7149-47af-902d-0138e080cec0", + "compatibilityLevel": 4, + "board": "CBSE" + } + ], + v1responseDeclaration: { + "response1": { + "maxScore": 1, + "cardinality": "single", + "type": "integer", + "correctResponse": { + "value": "0", + "outcomes": { + "SCORE": 1 + } + }, + "mapping": [ + { + "response": 0, + "outcomes": { + "score": 1 + } + } + ] + } + } + } + \ No newline at end of file diff --git a/projects/quml-library/src/lib/services/transformation-service/transformation.service.spec.ts b/projects/quml-library/src/lib/services/transformation-service/transformation.service.spec.ts new file mode 100644 index 00000000..49ecc8f8 --- /dev/null +++ b/projects/quml-library/src/lib/services/transformation-service/transformation.service.spec.ts @@ -0,0 +1,66 @@ +import { TestBed } from '@angular/core/testing'; +import { TransformationService } from './transformation.service'; +import { mockData } from './transformation.service.spec.data'; + +describe('TransformationService', () => { + let service: TransformationService; + + beforeEach(() => { + TestBed.configureTestingModule({}); + service = TestBed.inject(TransformationService); + }); + + it('should be created', () => { + expect(service).toBeTruthy(); + }); + + it('#getTransformedHierarchy() should return transformed hierarchy', () => { + spyOn(service, 'getTransformedHierarchy').and.callThrough(); + let v1Hierarchy = mockData.questionsetV1Hierarchy; + spyOn(service, 'getTransformedQuestionSetMetadata').and.callThrough(); + spyOn(service, 'transformChildren').and.callThrough(); + const transformedData = service.getTransformedHierarchy(v1Hierarchy); + expect(transformedData.instructions).toBe("This is Simple Questionset for testing short text Questionset
"); + expect(transformedData.children[0].children[0].showTimer).toBeFalsy(); + }); + + it('#processBloomsLevel() should set complexityLevel', () => { + spyOn(service, 'processBloomsLevel').and.callThrough(); + const data = {bloomsLevel: 'apply'}; + const complexityLevelData = service.processBloomsLevel(data); + expect(complexityLevelData.complexityLevel.length).toEqual(1); + }) + + it('#getTransformedQuestionMetadata() should return transformed MCQ question data', () => { + spyOn(service, 'getTransformedQuestionMetadata').and.callThrough(); + const questionsList = {questions: mockData.v1Questions}; + const transformedquestionsList = service.getTransformedQuestionMetadata(questionsList); + }); + + it('#processSubjectiveResponseDeclaration() should return data if maxScore not exists', () => { + spyOn(service, 'processSubjectiveResponseDeclaration').and.callThrough(); + const subjectQData = { + "body": "What is capital of India?
", + "answer": "New Delhi
", + } + const processedData = service.processSubjectiveResponseDeclaration(subjectQData); + expect(processedData.outcomeDeclaration).toBeUndefined(); + }); + + it('#getUpdatedMapping() should return updated mapping', () => { + spyOn(service, 'getUpdatedMapping').and.callThrough(); + const updatedMapping = service.getUpdatedMapping(mockData.v1responseDeclaration.response1); + expect(updatedMapping[0].value).toEqual(0); + expect(updatedMapping[0].score).toEqual(1); + }); + + it('#processHints() should return updated hints', () => { + const data = { + hints: ['math question', 'class 4'] + } + spyOn(service, 'processHints').and.callThrough(); + let updatedHints = undefined; + updatedHints = service.processHints(data); + expect(updatedHints).toBeDefined(); + }) +}); diff --git a/projects/quml-library/src/lib/services/transformation-service/transformation.service.ts b/projects/quml-library/src/lib/services/transformation-service/transformation.service.ts new file mode 100644 index 00000000..a1f5625d --- /dev/null +++ b/projects/quml-library/src/lib/services/transformation-service/transformation.service.ts @@ -0,0 +1,313 @@ +import { Injectable } from '@angular/core'; +import * as _ from 'lodash-es'; +import { v4 as uuidv4 } from 'uuid'; + +@Injectable({ + providedIn: 'root' +}) +export class TransformationService { + + getTransformedHierarchy(questionsetMetadata) { + let updatedMetadata = this.getTransformedQuestionSetMetadata(questionsetMetadata); + if (!_.isEmpty(updatedMetadata, 'children')) { + updatedMetadata.children = this.transformChildren(updatedMetadata.children); + } + return updatedMetadata; + } + + getTransformedQuestionSetMetadata(data) { + data = this.processMaxScoreProperty(data); + data = _.omit(data, 'version'); + data = this.processInstructions(data); + data = this.processBloomsLevel(data); + data = this.processBooleanProps(data); + data = this.processTimeLimits(data); + return data; + } + + processMaxScoreProperty(data) { + if (_.has(data, 'maxScore')) { + const outcomeDeclaration = { + maxScore: { + cardinality: 'single', + type: 'integer', + defaultValue: data.maxScore + } + } + data = _.omit(data, 'maxScore'); + data['outcomeDeclaration'] = outcomeDeclaration; + } + + return data; + } + + processInstructions(data) { + if (_.has(data, 'instructions.default')) { + data.instructions = data.instructions.default; + } + return data; + } + + processBloomsLevel(data) { + if (_.has(data, 'bloomsLevel')) { + const bLevel = _.get(data, 'bloomsLevel'); + _.unset(data, 'bloomsLevel'); + _.set(data, 'complexityLevel', [bLevel.toString()]); + } + return data; + } + + processBooleanProps(data: any) { + const booleanProps = ["showSolutions", "showFeedback", "showHints", "showTimer"]; + const getBooleanValue = (str: any) => str === "Yes"; + + _.forEach(booleanProps, (prop: any) => { + if (_.has(data, prop)) { + const propVal = data[prop]; + data[prop] = getBooleanValue(propVal); + } + }); + + return data; + } + + processTimeLimits(data) { + let parsedTimeLimits; + if (_.has(data, 'timeLimits') && !_.isNull(data.timeLimits)) { + if (_.isString(data.timeLimits)) { + parsedTimeLimits = JSON.parse(data.timeLimits); + } else { + parsedTimeLimits = data.timeLimits; + } + + data.timeLimits = { + questionSet: { + min: 0, + max: parsedTimeLimits?.maxTime ? _.toInteger(parsedTimeLimits.maxTime) : 0 + } + }; + } + + return data; +} + + transformChildren(children: any) { + const self = this; + if (!_.isEmpty(children)) { + _.forEach(children, (ch) => { + if (_.has(ch, 'version')) { + _.unset(ch, 'version'); + } + ch = this.processBloomsLevel(ch); + ch = this.processBooleanProps(ch); + if (_.get(ch, 'mimeType').toLowerCase() === 'application/vnd.sunbird.questionset') { + ch = this.processTimeLimits(ch); + ch = this.processInstructions(ch); + const nestedChildren = _.get(ch, 'children', []); + self.transformChildren(nestedChildren); + } + }); + } + return children; + } + + getTransformedQuestionMetadata(data) { + if (_.has(data, 'questions')) { + _.forEach(data.questions, (question) => { + if (!_.has(question, 'qumlVersion') || question.qumlVersion != 1.1) { + question = this.processResponseDeclaration(question); + question = this.processInteractions(question); + question = this.processSolutions(question); + question = this.processInstructions(question); + question = this.processHints(question); + question = this.processBloomsLevel(question); + question = this.processBooleanProps(question); + const ans = this.getAnswer(question) + if (!_.isEmpty(ans)) { + _.set(question, 'answer', ans); + } + } + }); + return data; + } + } + + processResponseDeclaration(data) { + let outcomeDeclaration = {}; + if (_.isEqual(_.toLower(data.primaryCategory), 'subjective question')) { + data = this.processSubjectiveResponseDeclaration(data); + } else { + let responseDeclaration = data.responseDeclaration; + if (!_.isEmpty(responseDeclaration)) { + for (const key in responseDeclaration) { + const responseData = responseDeclaration[key]; + const maxScore = { + cardinality: _.get(responseData, 'cardinality', ''), + type: _.get(responseData, 'type', ''), + defaultValue: _.get(responseData, 'maxScore'), + }; + delete responseData.maxScore; + outcomeDeclaration['maxScore'] = maxScore; + const correctResp = responseData.correctResponse || {}; + delete correctResp.outcomes; + if (_.toLower(_.get(responseData, 'type')) === 'integer' && _.toLower(_.get(responseData, 'cardinality')) === 'single') { + const correctKey = correctResp.value; + correctResp.value = parseInt(correctKey, 10); + } + responseData.mapping = this.getUpdatedMapping(responseData); + responseDeclaration[key] = responseData; + } + data.responseDeclaration = responseDeclaration; + data['outcomeDeclaration'] = outcomeDeclaration; + } + } + return data; + } + + processSubjectiveResponseDeclaration(subjectiveMetadata) { + let outcomeDeclaration = {}; + delete subjectiveMetadata.responseDeclaration; + delete subjectiveMetadata.interactions; + if (_.has(subjectiveMetadata, 'maxScore') && !_.isNull(subjectiveMetadata.maxScore)) { + outcomeDeclaration = { + maxScore: { + cardinality: 'single', + type: 'integer', + defaultValue: subjectiveMetadata.maxScore + } + }; + subjectiveMetadata.outcomeDeclaration = outcomeDeclaration; + return subjectiveMetadata; + } + return subjectiveMetadata; + } + + getUpdatedMapping(responseData) { + const mappingData = responseData.mapping || []; + if (!_.isEmpty(mappingData)) { + const updatedMapping = mappingData.map(mapData => ({ + value: mapData.response, + score: _.get(mapData, 'outcomes.score', 0), + })); + return updatedMapping; + } + return mappingData; + } + + processInteractions(data: any) { + const interactions: any = _.get(data, 'interactions', {}); + if (!_.isEmpty(interactions)) { + const validation: any = _.get(interactions, 'validation', {}); + const resp1: any = _.get(interactions, 'response1', {}); + const resValData: any = _.get(interactions, 'response1.validation', {}); + if (!_.isEmpty(resValData)) { + _.forEach(resValData, (value, key) => { + _.set(validation, key, value) + }); + } else { + _.set(resp1, 'validation', validation); + } + _.unset(interactions, 'validation'); + _.set(interactions, 'response1', resp1); + _.set(data, 'interactions', interactions); + } + return data; + } + + processSolutions(data) { + const solutions = _.get(data, 'solutions', []); + + if (!_.isEmpty(solutions)) { + const updatedSolutions = _.reduce(solutions, (result, solution) => { + result[_.get(solution, 'id')] = this.getSolutionString(solution, _.get(data, 'media', [])); + return result; + }, {}); + + _.set(data, 'solutions', updatedSolutions); + } + return data; + } + + getSolutionString(data, media) { + if (!_.isEmpty(data)) { + const type = _.get(data, 'type', ''); + + switch (type) { + case 'html': { + return _.get(data, 'value', ''); + } + + case 'video': { + const value = _.get(data, 'value', ''); + const mediaData = _.find(media, (item) => _.isEqual(value, _.get(item, 'id', ''))); + + if (mediaData) { + const src = _.get(mediaData, 'src', ''); + const thumbnail = _.get(mediaData, 'thumbnail', ''); + + const solutionStr = ``.replace('media_identifier', value).replace('thumbnail_url', thumbnail).replace(/media_source_url/g, src); + + return solutionStr; + } + return ''; + } + + default: { + return ''; + } + } + } + + return ''; + } + + processHints(data) { + const hints = _.get(data, 'hints', []); + let updatedHints = {}; + if (!_.isEmpty(hints)) { + _.forEach(hints, (hint) => { + _.merge(updatedHints, {[uuidv4()]: hint}); + }) + + _.set(data, 'hints', updatedHints); + } + return data; + } + + getAnswer(data) { + const interactions = _.get(data, 'interactions', {}); + + if (!_.isEqual(_.get(data, 'primaryCategory'), 'Subjective Question') && !_.isEmpty(interactions)) { + const responseData = _.get(data, 'responseDeclaration.response1', {}); + const options = _.get(interactions, 'response1.options', {}); + let formatedAnswer = ''; + + let answerData = _.get(responseData, 'cardinality'); + + if (answerData === 'single') { + const correctResp = _.get(_.get(responseData, 'correctResponse', {}), 'value', 0); + const label = options[correctResp]; + + formatedAnswer = `This is a sample instructions
", + "pkgVersion": 3, + "instructions": "This is Simple Questionset for testing short text Questionset
", "outcomeDeclaration": { - "maxScore": { - "cardinality": "single", - "type": "integer", - "defaultValue": 3 - } + "maxScore": { + "cardinality": "single", + "type": "integer", + "defaultValue": 2 + } } } export const playerConfig = { @@ -473,9 +365,9 @@ export const playerConfig = { uid: "", channel: "01268904781886259221", pdata: { - id: "preprod.diksha.portal", + id: "dev.sunbird.portal", ver: "3.3.0", - pid: "sunbird-portal.contentplayer", + pid: "sunbird-portal.qumlplayer", }, contextRollup: { l1: "string", diff --git a/web-component-examples/vanilla-js/index.html b/web-component-examples/vanilla-js/index.html index 7f7c15f7..f42deee1 100644 --- a/web-component-examples/vanilla-js/index.html +++ b/web-component-examples/vanilla-js/index.html @@ -32,8 +32,8 @@