\n\n" } ] }, "model": { "variables": { "pages": [ { "Name": "global", "Active": "true", "Internal": "false", "Type": "VARIABLE_EDITOR", "PageComment": "", "Variables": [ { "Name": "isScrollerShown", "Value": "false", "Type": "boolean", "Dimension": "", "Comment": "null", "Domain": "public" }, { "Name": "futureSkills", "Value": "{ \"criticalThinking\": { \"totalPoints\": 0, \"associatedQuestions\": [ { \"name\": \"Q1\", \"points\": 0, \"choice\": \"\" }, { \"name\": \"Q2\", \"points\": 0, \"choice\": \"\" } ], \"numberOfQuestions\": 2, \"titleCased\": \"Critical Thinking\" }, \"adaptiveThinking\": { \"totalPoints\": 0, \"associatedQuestions\": [ { \"name\": \"Q3\", \"points\": 0, \"choice\": \"\" }, { \"name\": \"Q4\", \"points\": 0, \"choice\": \"\" } ], \"numberOfQuestions\": 2, \"titleCased\": \"Adaptive Thinking\" }, \"inventiveThinking\": { \"totalPoints\": 0, \"associatedQuestions\": [ { \"name\": \"Q5\", \"points\": 0, \"choice\": \"\" }, { \"name\": \"Q6\", \"points\": 0, \"choice\": \"\" } ], \"numberOfQuestions\": 2, \"titleCased\": \"Inventive Thinking\" }, \"communication\": { \"totalPoints\": 0, \"associatedQuestions\": [ { \"name\": \"Q7\", \"points\": 0, \"choice\": \"\" }, { \"name\": \"Q8\", \"points\": 0, \"choice\": \"\" } ], \"numberOfQuestions\": 2, \"titleCased\": \"Communication\" }, \"collaboration\": { \"totalPoints\": 0, \"associatedQuestions\": [ { \"name\": \"Q9\", \"points\": 0, \"choice\": \"\" }, { \"name\": \"Q10\", \"points\": 0, \"choice\": \"\" } ], \"numberOfQuestions\": 2, \"titleCased\": \"Collaboration\" }, \"informationSkills\": { \"totalPoints\": 0, \"associatedQuestions\": [ { \"name\": \"Q11\", \"points\": 0, \"choice\": \"\" }, { \"name\": \"Q12\", \"points\": 0, \"choice\": \"\" } ], \"numberOfQuestions\": 2, \"titleCased\": \"Information Skills\" }, \"civicLiteracy\": { \"totalPoints\": 0, \"associatedQuestions\": [ { \"name\": \"Q13\", \"points\": 0, \"choice\": \"\" }, { \"name\": \"Q14\", \"points\": 0, \"choice\": \"\" }, { \"name\": \"Q15\", \"points\": 0, \"choice\": \"\" } ], \"numberOfQuestions\": 3, \"titleCased\": \"Civic Literacy\" }, \"globalLiteracy\": { \"totalPoints\": 0, \"associatedQuestions\": [ { \"name\": \"Q16\", \"points\": 0, \"choice\": \"\" }, { \"name\": \"Q17\", \"points\": 0, \"choice\": \"\" } ], \"numberOfQuestions\": 2, \"titleCased\": \"Global Literacy\" }, \"crossCulturalLiteracy\": { \"totalPoints\": 0, \"associatedQuestions\": [ { \"name\": \"Q18\", \"points\": 0, \"choice\": \"\" }, { \"name\": \"Q19\", \"points\": 0, \"choice\": \"\" } ], \"numberOfQuestions\": 2, \"titleCased\": \"Cross-Cultural Literacy\" } }", "Type": "Object", "Dimension": "", "Comment": "null", "Domain": "public" }, { "Name": "left21CC", "Value": "\"\"", "Type": "String", "Dimension": "", "Comment": "null", "Domain": "public" }, { "Name": "right21CC", "Value": "\"\"", "Type": "String", "Dimension": "", "Comment": "null", "Domain": "public" }, { "Name": "currentPageName", "Value": "\"Cover\"", "Type": "String", "Dimension": "", "Comment": "null", "Domain": "public" }, { "Name": "giveEncouragement", "Value": "false", "Type": "boolean", "Dimension": "", "Comment": "null", "Domain": "public" }, { "Name": "givePraise", "Value": "false", "Type": "boolean", "Dimension": "", "Comment": "null", "Domain": "public" } ] }, { "Name": "layout", "Active": "true", "Internal": "false", "Type": "VARIABLE_EDITOR", "PageComment": "", "Variables": [ { "Name": "Height", "Value": "(_isEPub)?\"500\":\"100%\"", "Type": "String", "Dimension": "", "Comment": "null", "Domain": "public" }, { "Name": "Width", "Value": "(_isEPub)?\"400\":\"100%\"", "Type": "String", "Dimension": "", "Comment": "null", "Domain": "public" } ] }, { "Name": "lookang", "Active": "true", "Internal": "false", "Type": "VARIABLE_EDITOR", "PageComment": "", "Variables": [ { "Name": "colorBackground", "Value": "\"rgb(200,220,208)\"", "Type": "double", "Dimension": "", "Comment": "", "Domain": "" }, { "Name": "displayQuestion", "Value": "\"inline-flex\"", "Type": "double", "Dimension": "", "Comment": "", "Domain": "" }, { "Name": "displayQuestionText", "Value": "\"block\"", "Type": "double", "Dimension": "", "Comment": "", "Domain": "" }, { "Name": "", "Value": "", "Type": "double", "Dimension": "", "Comment": "", "Domain": "" } ] } ] }, "initialization": { "pages": [ { "Name": "viewport", "Active": "true", "Internal": "false", "Type": "CODE_EDITOR", "Comment": "", "Code": "// to add to the head tag: \nvar metaTag=document.createElement('meta');\nmetaTag.name = \"viewport\";\nmetaTag.content = \"width=device-width, initial-scale=1.0\"\ndocument.getElementsByTagName('head')[0].appendChild(metaTag);" }, { "Name": "cover", "Active": "true", "Internal": "false", "Type": "CODE_EDITOR", "Comment": "", "Code": "let coverStartBtns = document.querySelectorAll('.coverStartBtn');\n\n\n\n\ncoverStartBtns.forEach(btn => btn.addEventListener('click', () => {\n showPage(\"Future Ready Skills Quiz\");\n isScrollerShown = true;\n _view._update();\n}));\n\n\n\n" }, { "Name": "scroll", "Active": "true", "Internal": "false", "Type": "CODE_EDITOR", "Comment": "", "Code": "function scrollDown() {\n const container = document.getElementById('control');\n \n container.scrollBy({\n top: 25,\n left: 0,\n behavior: 'smooth'\n });\n}\n \n \nfunction scrollUp() {\n const container = document.getElementById('control');\n \n container.scrollBy({\n top: -25,\n left: 0,\n behavior: 'smooth'\n });\n}\n \n\n \nconst scrollUpbutton = document.getElementById('scroller-up-btn');\nlet scrollUpIntervalId;\nlet holdUpDuration = 100; // Interval in milliseconds\n\nconst callbackFunctionForScrollUp = () => {\n scrollUp();\n};\n\nscrollUpbutton.addEventListener('click', scrollUp);\nscrollUpbutton.addEventListener('touchstart', scrollUp);\n\n \n \n \n \nconst scrollDownbutton = document.getElementById('scroller-down-btn');\n\nlet scrollDownIntervalId;\nlet holdDownDuration = 100; // Interval in milliseconds\n\nconst callbackFunctionForScrollDown = () => {\n scrollDown();\n};\n\nscrollDownbutton.addEventListener('click', scrollDown);\nscrollDownbutton.addEventListener('touchstart', scrollDown);\n\n//const stopScrollDownInterval = () => {\n// clearInterval(scrollDownIntervalId);\n//};\n\n//scrollDownbutton.addEventListener('mouseup', stopScrollDownInterval);\n//scrollDownbutton.addEventListener('mouseleave', stopScrollDownInterval);\n//scrollDownbutton.addEventListener('touchend', () => {\n/// const container = document.getElementById('control');\n// container.scrollTo(container.scrollX + 25 , container.scrollY + 25);\n//});\n\n \n \n" } ] }, "evolution": { "information": { "FPS": "20", "SPD": "1", "RealTimeVariable": "", "Autoplay": "false" }, "pages": [] }, "fixed_relations": { "pages": [ { "Name": "computedone", "Active": "true", "Internal": "false", "Type": "CODE_EDITOR", "Comment": "", "Code": "// computedone();\n" } ] }, "custom": { "pages": [ { "Name": "futureSkillsDocumentation", "Active": "true", "Internal": "false", "Type": "LIBRARY_EDITOR", "Comment": "", "Code": "// Updated as of 8th Sept 2023\n\n// CAIT:\n// Critical Thinking\n // I am able to explain my decisions or reasoning with evidence.\n // I am able to reflect on my thoughts, attitude and actions during learning experiences.\n// Adaptive Thinking\n // I am aware of the similarities and differences between different situations.\n // I am able to accept perspectives that are different from me.\n// Inventive Thinking\n // I am able to modify existing ideas to come up with new ones.\n // I am able to explore different pathways to respond to challenges.\n // I am able to evaluate and refine my ideas to fit the task presented.\n\n// CCIS:\n// Communication\n // I am able to communicate to others in a way that is relevant to the situation.\n // I am able to assess if information is relevant as I communicate with others.\n // I am able to respond with respect and empathy as I understand how the experiences of others might make them see things differently from me.\n// Collaboration\n // I respect group decisions and am able to contribute to the completion of the group task.\n // I can work with others to achieve our group's shared goals.\n// Information Skills\n // I am able to consider the impact of the digital and non-digital information I share and create.\n // am able to build positive relations with others as I share digital and non-digital information.\n // I acknowledge sources of digital and non-digital information when I share them.\n // I am able to verify the accuracy, credibility and currency of a piece of information.\n\n// CGCCL:\n// Civic Literacy\n // I am aware of how Singapore's values and ideals are reflected through issues i experience at the personal and community levels.\n // I have participated actively in my school's community programmes and learnt more about others' needs.\n // I am able to suggest ways in which I and others can contribute to the home/community/nation.\n// Global Literacy\n // I am aware of global issues related to Singapore and other countries.\n // I am able to interact respectfully with others, while sharing what I know about global issues.\n // I am able to accept differences in views when i share my ideas on global issues.\n// Cross-Cultural Literacy\n // I am able to accept the customs and cultural heritage of people from different, cultural and religious backgrounds.\n // I am kind and sensitive towards people from various social, cultural, and religious backgrounds within Singapore.\n \n \n// Hashmap for futureSkills\n\n// {\n// \"criticalThinking\": {\n// \"totalPoints\": 0,\n// \"associatedQuestions\": [\n// { \n// name: \"Q1\",\n// points: 0,\n// choice: \"\"\n// },\n// { \n// name: \"Q2\",\n// points: 0,\n// choice: \"\"\n// }\n// ],\n// \"numberOfQuestions\": 2,\n// \"titleCased\": \"Critical Thinking\"\n// },\n// \"adaptiveThinking\": {\n// \"totalPoints\": 0,\n// \"associatedQuestions\": [\n// { \n// name: \"Q3\",\n// points: 0,\n// choice: \"\"\n// },\n// { \n// name: \"Q4\",\n// points: 0,\n// choice: \"\"\n// }\n// ],\n// \"numberOfQuestions\": 2,\n// \"titleCased\": \"Adaptive Thinking\"\n// },\n// \"inventiveThinking\": {\n// \"totalPoints\": 0,\n// \"associatedQuestions\": [\n// { \n// name: \"Q5\",\n// points: 0,\n// choice: \"\"\n// },\n// { \n// name: \"Q6\",\n// points: 0,\n// choice: \"\"\n// },\n// { \n// name: \"Q7\",\n// points: 0,\n// choice: \"\"\n// }\n// ],\n// \"numberOfQuestions\": 3,\n// \"titleCased\": \"Inventive Thinking\"\n// },\n// \"communication\": {\n// \"totalPoints\": 0,\n// \"associatedQuestions\": [\n// { \n// name: \"Q8\",\n// points: 0,\n// choice: \"\"\n// },\n// { \n// name: \"Q9\",\n// points: 0,\n// choice: \"\"\n// },\n// { \n// name: \"Q10\",\n// points: 0,\n// choice: \"\"\n// }\n// ],\n// \"numberOfQuestions\": 3,\n// \"titleCased\": \"Communication\"\n// },\n// \"collaboration\": {\n// \"totalPoints\": 0,\n// \"associatedQuestions\": [\n// { \n// name: \"Q11\",\n// points: 0,\n// choice: \"\"\n// },\n// { \n// name: \"Q12\",\n// points: 0,\n// choice: \"\"\n// }\n// ],\n// \"numberOfQuestions\": 2,\n// \"titleCased\": \"Collaboration\"\n// },\n// \"informationSkills\": {\n// \"totalPoints\": 0,\n// \"associatedQuestions\": [\n// { \n// name: \"Q13\",\n// points: 0,\n// choice: \"\"\n// },\n// { \n// name: \"Q14\",\n// points: 0,\n// choice: \"\"\n// },\n// { \n// name: \"Q15\",\n// points: 0,\n// choice: \"\"\n// },\n// { \n// name: \"Q16\",\n// points: 0,\n// choice: \"\"\n// }\n// ],\n// \"numberOfQuestions\": 4,\n// \"titleCased\": \"Information Skills\"\n// },\n// \"civicLiteracy\": {\n// \"totalPoints\": 0,\n// \"associatedQuestions\": [\n// { \n// name: \"Q17\",\n// points: 0,\n// choice: \"\"\n// },\n// { \n// name: \"Q18\",\n// points: 0,\n// choice: \"\"\n// },\n// { \n// name: \"Q19\",\n// points: 0,\n// choice: \"\"\n// }\n// ],\n// \"numberOfQuestions\": 3,\n// \"titleCased\": \"Civic Literacy\"\n// },\n// \"globalLiteracy\": {\n// \"totalPoints\": 0,\n// \"associatedQuestions\": [\n// { \n// name: \"Q20\",\n// points: 0,\n// choice: \"\"\n// },\n// { \n// name: \"Q21\",\n// points: 0,\n// choice: \"\"\n// },\n// { \n// name: \"Q22\",\n// points: 0,\n// choice: \"\"\n// }\n// ],\n// \"numberOfQuestions\": 3,\n// \"titleCased\": \"Global Literacy\"\n// },\n// \"crossCulturalLiteracy\": {\n// \"totalPoints\": 0,\n// \"associatedQuestions\": [\n// { \n// name: \"Q23\",\n// points: 0,\n// choice: \"\"\n// },\n// { \n// name: \"Q24\",\n// points: 0,\n// choice: \"\"\n// }\n// ],\n// \"numberOfQuestions\": 2,\n// \"titleCased\": \"Cross-Cultural Literacy\"\n// }\n// }" }, { "Name": "MoodleDataAnalyticsLibrary", "Active": "true", "Internal": "false", "Type": "LIBRARY_EDITOR", "Comment": "", "Code": "// Why this class was created as an upgrade to the previous version of the library.\n// Benefits:\n// 1. Reduce global namespace pollution\n// 2. Code is more understandable, \n// e.g. \n// moodle.startQuestion('...') provides context to the developer that startQuestion function/method\n// belongs to the moodle library that is meant for analytics as opposed to being a custom function\n\n// How to use this Moodle Analytics library.\n\n// At the bottom of this script, an instance of the MoodleDataAnalyticsLibrary class is created.\n// use ONLY that instance everywhere in EJSS where you wish to interact with moodle analytics.\n// DO NOT create your own instance and use it.\n\n// E.g. in another Custom tab, if you wish to record a score to a question, just write code like so..\n// moodle.startQuestion('Q'+index);\n// moodle.addQuestionHistory(userSelection);\n// moodle.awardQuestionMarks(questionPointsScored);\n// moodle.endQuestion();\n\n\nclass MoodleDataAnalyticsLibrary {\n constructor() {\n this.debugMode = true;\n this._nullFunction = this.debugMode ? console.log : function(){};\n this._questionLib = {\n stack: [],\n history: Object.create(null),\n questionMarksAwarded: Object.create(null)\n };\n }\n \n _debugPrint(msg) {\n if (this.debugMode) {\n console.log(msg);\n }\n }\n \n _getCurrentQuestion() {\n if (!this.isQuestionStarted()) {\n return null;\n }\n return this._questionLib.stack[this._questionLib.stack.length - 1];\n }\n \n isQuestionStarted() {\n /*\n * Use this function to determine whether a question is pending (has started but has not ended).\n * \n * No Parameters\n *\n * return value:\n * Boolean\n */\n return this._questionLib.stack.length > 0;\n }\n \n startQuestion(questionName) {\n /*\n * This function should be called whenever the student first sees the question, \n * and the student cannot start answering any other question. The question may be subsequently \n * ended by calling endQuestion function.\n * \n * Parameters:\n * questionName: string\n *\n * return value:\n * undefined\n */\n _view._addInteraction(this._nullFunction, \n {\n action:\"questionStart\", \n name:questionName\n },\n {\n element:\"questionLib\", \n property:\"value\"\n }\n );\n this._debugPrint(\"Start question: \" + questionName);\n this._questionLib.stack.push(questionName);\n }\n \n endQuestion() {\n /*\n * This function should be called whenever the student submits/finalises their answer for the question.\n * \n * No Parameters\n *\n * return value:\n * undefined\n */\n if (this._questionLib.stack.length > 0) {\n const questionName = this._questionLib.stack.pop();\n this._debugPrint(\"End question: \" + questionName);\n _view._addInteraction(this._nullFunction, \n {\n action:\"questionEnd\", \n name:questionName\n }, \n {\n element: \"questionLib\", \n property: \"value\"\n }\n );\n }\n }\n \n // for assessment.json history\n addQuestionHistory(history, questionName=null) {\n /*\n * Adds an entry to the question history to the specified question, or to the pending question by default. \n * If adding to the question history of the pending question, it also flushes the history. (which makes Moodle able to read the history)\n *\n * Parameters:\n * history: string, questionName?: string\n *\n * return value:\n * undefined\n *\n * questioName:\n * This is the name of the question that the history will be added to. If this parameter is not set, by default, the history entry\n * will be added to the pending question.\n */\n \n if (questionName === null && this.isQuestionStarted()) {\n questionName = this._getCurrentQuestion();\n }\n \n if (!(questionName in this._questionLib.history)) {\n this._debugPrint(\"Create question history for \" + questionName);\n this._questionLib.history[questionName] = [];\n }\n if (this.debugMode) {\n console.log(\"Push \\\"\" + history + \"\\\" to question history for \" + questionName);\n }\n this._questionLib.history[questionName].push(history);\n this._flushQuestionHistory(questionName);\n }\n \n _flushQuestionHistory(questionName) {\n if (questionName === this._getCurrentQuestion()) {\n const outputHistory = this._getQuestionHistory(questionName);\n _view._addInteraction(this._nullFunction, \n outputHistory, \n {\n property: \"historyFor\" + questionName, \n element: \"questionLib\"\n }\n );\n }\n }\n \n _getQuestionHistory(questionName) {\n if (questionName in this._questionLib.history) {\n return this._questionLib.history[questionName].join(\"\\n\");\n } else {\n _debugPrint(\"No question \\\"\" + questionName + \"\\\" exists\");\n return \"\";\n }\n }\n \n onAnswer(answer, isCorrect=false, history=answer, questionName=null) {\n /*\n * Indicates that the student made an attempt to answer the question, \n * writes the history, and adds a log for the submitted answer. \n * However, it does not give marks in itself (that is done by awardQuestionMarks)\n * \n * Parameters:\n * answer: String\n * A string representing what the student chose as the answer to the question. \n * This can be used in an advanced assessment.json generator to check the answers on the server side.\n *\n * isCorrect?: Boolean \n * Whether the student's answer is correct (defaults to false)\n *\n * history: String \n * A textual representation of what the student chose as the answer to the question. \n * By default, this is the same as the value given in the parameter answer. \n * This parameter controls what the teacher will see when they hover their cursor over the student's marks for this question.\n *\n * questionName?: String \n * The name of the question the student is giving an answer to. \n * By default, this is the pending question. \n * However, this can be overridden using this parameter to write the answer history to some other question.\n */\n if (questionName === null && this.isQuestionStarted()) {\n questionName = this._questionLib.stack[this._questionLib.stack.length - 1];\n }\n \n if (questionName !== null) {\n const explainer = Object.create(null);\n explainer[true] = \" \u2705\";\n explainer[false] = \" \u274c\";\n\n this.addQuestionHistory(history + explainer[isCorrect], questionName);\n if (questionName === this._getCurrentQuestion()) {\n _view._addInteraction(this._nullFunction, {name:questionName, answer:answer, isCorrect:isCorrect, action:\"questionAnswer\"}, {property: \"answer\", element:\"questionLib\"});\n }\n }\n }\n \n \n awardQuestionMarks(marks=1) {\n /*\n * Awards a number of marks to the student for the pending question.\n * \n * Parameters:\n * marks?: int \n *\n * The number of marks to award to the student. By default, this value is 1.\n */\n if (this.isQuestionStarted()) {\n const questionName = this._getCurrentQuestion();\n this._questionLib.questionMarksAwarded[questionName] = marks;\n _view._addInteraction(\n this._nullFunction, \n this._questionLib.questionMarksAwarded[questionName], \n {\n element: \"questionLib\", \n property: \"awardMarkFor\"+questionName\n }\n );\n }\n}\n \n resetQuestionMarks(questionName) {\n /*\n * Reset the awarded marks for the indicated question to 0 the next time the question is started.\n * \n * Parameters: \n * questionName: string\n *\n * return value: \n * undefined\n *\n * questionName:\n * The name of the question to reset.\n */\n this._questionLib.questionMarksAwarded[questionName] = 0;\n }\n\n questionInstantMark(questionName, message) {\n /*\n * A convenience function to start a question, award a mark, (optionally) add a history entry, and end the question.\n * This function should be called whenever a student answers a question correctly.\n * It instantly submits the correct answer to the Moodle server, and gives the student a mark. \n * For most cases, this function would suffice.\n * \n * Parameters: \n * questionName: string, message?: string\n *\n * return value: \n * undefined\n *\n * questionName:\n * These values are the names of the questions that will be displayed on the analytics page on Moodle, \n * and they'll be needed when you make the assessment.json file so please remember to note down what \n * values you use for the name of each question.\n * \n * message: \n * What Moodle will display when the teacher hovers their mouse over the student's mark for a particular question.\n */\n this.startQuestion(questionName);\n this._debugPrint(\"\" + message);\n if (message) {\n this.addQuestionHistory(message);\n } else {\n this._flushQuestionHistory(questionName);\n }\n this.awardQuestionMarks();\n this.endQuestion();\n}\n\n questionAppendHistory(questionName, message) {\n /*\n * Adds a history entry to the given question.\n * \n * Parameters: \n * questionName: string, message?: string\n *\n * return value: \n * undefined\n *\n * questionName:\n * The name of the question to append the history entry to.\n * \n * message:\n * The history entry to add to the question.\n */\n if (!(questionName in this._questionLib.questionMarksAwarded)) {\n this._questionLib.questionMarksAwarded[questionName] = 0;\n }\n let shouldPushQuestion = this._getCurrentQuestion() !== questionName;\n if (shouldPushQuestion) {\n this.startQuestion(questionName);\n }\n this.awardQuestionMarks(this._questionLib.questionMarksAwarded[questionName])\n this.addQuestionHistory(message);\n if (shouldPushQuestion) {\n this.endQuestion();\n }\n}\n\n resetQuestionHistory(questionName) {\n /*\n * Clear/reset the history of the indicated question.\n * \n * Parameters: \n * questionName: string\n *\n * return value: \n * undefined\n *\n * questionName:\n * The name of the question to reset.\n */ \n this._questionLib.history[questionName] = [];\n }\n\n resetQuestion(questionName) {\n /*\n * A convenience function to reset the marks and history of an indicated question.\n */ \n this.resetQuestionHistory(questionName);\n this.resetQuestionMarks(questionName);\n }\n\n}\n\nlet moodle = new MoodleDataAnalyticsLibrary();" }, { "Name": "fullscreen", "Active": "true", "Internal": "false", "Type": "LIBRARY_EDITOR", "Comment": "", "Code": "//https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Using_full_screen_mode\n// does not work for iOS \n/*jslint browser:true */\nfunction toggleFullScreen() {\n if (!document.fullscreenElement && // alternative standard method\n !document.mozFullScreenElement && !document.webkitFullscreenElement && !document.msFullscreenElement ) { // current working methods\n if (document.documentElement.requestFullscreen) {\n document.documentElement.requestFullscreen();\n } else if (document.documentElement.msRequestFullscreen) {\n document.documentElement.msRequestFullscreen();\n } else if (document.documentElement.mozRequestFullScreen) {\n document.documentElement.mozRequestFullScreen();\n } else if (document.documentElement.webkitRequestFullscreen) {\n document.documentElement.webkitRequestFullscreen();\n }\n } else {\n if (document.exitFullscreen) {\n document.exitFullscreen();\n } else if (document.msExitFullscreen) {\n document.msExitFullscreen();\n } else if (document.mozCancelFullScreen) {\n document.mozCancelFullScreen();\n } else if (document.webkitExitFullscreen) {\n document.webkitExitFullscreen();\n }\n }\n}" }, { "Name": "questions", "Active": "true", "Internal": "false", "Type": "LIBRARY_EDITOR", "Comment": "", "Code": "function isAllScoresSet () {\n const questions = document.querySelectorAll(\".options\");\n \n let numberOfAnswers = 0;\n let numberOfQuestions = questions.length;\n \n questions.forEach(question => {\n const radios = question.querySelectorAll('input[type=\"radio\"]');\n \n radios.forEach(radio => {\n if (radio.checked) {\n numberOfAnswers++;\n }\n });\n });\n\n return numberOfQuestions == numberOfAnswers; \n}\n\nfunction firstUnansweredQuestionIndex () {\n // returns the index of the first question that is unanswered\n // the questions are indexed beginning from 1\n const questions = document.querySelectorAll(\".options\");\n let index = -1;\n \n for (let i = 0; i < questions.length; i++) {\n const radios = questions[i].querySelectorAll('input[type=\"radio\"]'); \n let isAnswered = false;\n \n for (let j = 0; j < radios.length; j++) {\n if (radios[j].checked) {\n isAnswered = true;\n }\n }\n \n if (!isAnswered) {\n index = i;\n break;\n }\n }\n \n return index + 1;\n}\n\n\n" }, { "Name": "showpage", "Active": "true", "Internal": "false", "Type": "LIBRARY_EDITOR", "Comment": "", "Code": "function showPage(name) {\n currentPageName = name;\n return;\n}" }, { "Name": "radiobutton", "Active": "true", "Internal": "false", "Type": "LIBRARY_EDITOR", "Comment": "", "Code": "// argument: index is only used for recording in moodle the answer from student for each question\nfunction radiobutton (futureSkill, index, userSelection) {\n \n // question choices \n var choicesToPointsScored = {\n \"Strongly Disagree\": 1,\n \"Disagree\": 2,\n \"Slightly Disagree\": 3,\n \"Slightly Agree\": 4,\n \"Agree\": 5,\n \"Strongly Agree\": 6\n };\n \n // Evaluate and store marks assiociated to a future skill in memory\n \n // 1. initialise totalPoints\n let totalPoints = 0;\n \n // 2. query all questions associated to skill\n const skillQuestions = document.getElementsByClassName(futureSkill);\n\n for (let i = 0; i < skillQuestions.length; i++) {\n // gets all radio inputs associated to a question\n let answers = skillQuestions.item(i).querySelectorAll('input');\n \n // 3. iterate through each radio to find selected one, revaluate the score and add it to totalPoints \n for (let j = 0; j < answers.length; j++) {\n let radio = answers[j];\n \n if (radio.checked) { \n // record score\n let data = sanitiseAnswer(radio.id);\n let questionMarks = choicesToPointsScored[data];\n totalPoints += questionMarks;\n }\n }\n }\n // 4. save total score\n futureSkills[futureSkill]['totalPoints'] = totalPoints; \n \n \n // update progress bar on quiz page\n var level = calculateProgressPercentage(19);\n updateProgressBar(level);\n\n // save latest answer and score in memory\n let questionPointsScored = choicesToPointsScored[userSelection]; \n \n futureSkills[futureSkill]['associatedQuestions'].filter(qn => qn.name == 'Q'+index)[0]['points'] = questionPointsScored;\n futureSkills[futureSkill]['associatedQuestions'].filter(qn => qn.name == 'Q'+index)[0]['choice'] = userSelection;\n \n // update score to moodle (analytics) \n moodle.startQuestion('Q'+index);\n moodle.addQuestionHistory(userSelection);\n moodle.awardQuestionMarks(questionPointsScored);\n moodle.endQuestion();\n \n // Display strengths and improvement lists to users on the page\n if (isAllScoresSet()) {\n showPage(\"Well Done\");\n isScrollerShown = false;\n }\n}\n\n// helper functions for this page\nfunction sanitiseAnswer(str) {\n // note, this won't work once the id of the html element changes\n let data = str.split(\"_\")[1].split(\".\")[0];\n return addSpaceBeforeUppercaseExceptFirst(data);\n}\n\nfunction addSpaceBeforeUppercaseExceptFirst(inputString) {\n let modifiedString = inputString[0]; // Initialize with the first character\n\n for (let i = 1; i < inputString.length; i++) {\n // Check if the current character is uppercase\n if (inputString[i] === inputString[i].toUpperCase()) {\n modifiedString += ' '; // Add a space before uppercase characters\n }\n\n modifiedString += inputString[i]; // Add the current character\n }\n\n return modifiedString;\n}\n\n\n" }, { "Name": "progressBar", "Active": "true", "Internal": "false", "Type": "LIBRARY_EDITOR", "Comment": "", "Code": "function calculateProgressPercentage(totalNumberOfQuestions) {\n // every question answered increases the completion status on the progress bar by x%\n const x = 100 / totalNumberOfQuestions;\n \n const radioContainers = document.querySelectorAll(\".options\");\n let percentage = 0;\n \n radioContainers.forEach(container => {\n const radios = container.querySelectorAll('input[type=\"radio\"]');\n \n radios.forEach(radio => {\n if (radio.checked) {\n percentage+= x;\n }\n });\n });\n \n return Math.round(percentage);\n}\n\nfunction updateProgressBar(level) {\n var percentage = document.getElementById(\"percentage\");\n var progressLevel = document.getElementById(\"progressLevel\");\n progressLevel.style.width = level + \"%\";\n \n percentage.innerText = level + \"%\";\n percentage.style.marginLeft = level + \"%\";\n \n if (level == 100) {\n percentage.style.transform = \"translateX(-50px)\";\n } else if (level <= 99 && level >= 10) {\n percentage.style.transform = \"translateX(-35px)\";\n } else if (level <= 99 && level >= 4) {\n percentage.style.transform = \"translateX(-26px)\";\n } else if (level < 4 && level >= 1) {\n percentage.style.transform = \"translateX(-10px)\";\n }\n\n if (level < 100) {\n progressLevel.classList.remove(\"fullbar\");\n } else {\n progressLevel.classList.add(\"fullbar\");\n }\n}\n" }, { "Name": "finalCompute", "Active": "true", "Internal": "false", "Type": "LIBRARY_EDITOR", "Comment": "", "Code": "// helper\nasync function sleep(seconds) {\n return new Promise(resolve => {\n setTimeout(resolve, seconds * 1000); // 1000 milliseconds (1 second)\n });\n}\n\nasync function finalCompute () {\n var passingmark = 0.67;\n var maxmarks = 6;\n var strengthList = [];\n var improvementList = [];\n \n // here is where the program decides if a student's skill falls under a strength or improvement list\n for (const futureSkill in futureSkills) { \n const skillInfo = futureSkills[futureSkill];\n \n if (skillInfo['totalPoints'] > passingmark * (maxmarks * skillInfo['numberOfQuestions'])) {\n strengthList.push(skillInfo['titleCased']);\n } else {\n improvementList.push(skillInfo['titleCased']);\n }\n }\n \n // display the strength and improvement list accordingly based on the evaluated scores \n if (strengthList.length > 0) {\n left21CC = \"Your Strengths
\n
\nThat\u2019s ok!\nThis will be a great \nopportunity to strengthen \nyour 21CCs!\n\n" }, { "name": "Display", "value": "giveEncouragement?\"block\":\"none\" " } ], "Children": [ { "Name": "Left22", "Type": "Panel", "Properties": [ { "name": "CSS", "value": "{\"padding\": \"0.5em\"}" } ] } ] }, { "Name": "Left", "Type": "Panel", "Expanded": "false", "Properties": [ { "name": "CSS", "value": "{\"padding\": \"0.5em\"}" }, { "name": "Display", "value": "giveEncouragement?\"none\":\"block\" " } ], "Children": [ { "Name": "Left2", "Type": "Panel", "Properties": [ { "name": "CSS", "value": "{\"padding\": \"0.5em\"}" } ] } ] }, { "Name": "Right", "Type": "Panel", "Properties": [ { "name": "CSS", "value": "{\"padding\": \"0.5em\"}" }, { "name": "Display", "value": "givePraise?\"none\":\"block\" " } ] }, { "Name": "RightPraise", "Type": "Panel", "Properties": [ { "name": "CSS", "value": "{\"padding\": \"0.5em\"}" }, { "name": "Html", "value": "What You Can Work On
\nThat\u2019s great!\nYou may not have any 21CCs \nto improve on at the moment. \nBut, do keep up with your \nstrengths.\nTake this opportunity to keep \nworking on them!\n\n\n" }, { "name": "Display", "value": "givePraise?\"block\":\"none\" " } ] } ] } ] }, { "Name": "footer", "Type": "Panel", "Expanded": "false", "Properties": [ { "name": "Display", "value": "currentPageName!=\"Cover\"?\"flex\":\"none\"" } ], "Children": [ { "Name": "creaters", "Type": "Panel", "Properties": [ { "name": "Html", "value": "
Brought to you by
Ministry of Education Singapore
GovTech.