{ "page": "index", "props": { "story": { "id": "course", "icon": "mdi:file-outline", "title": "course", "pages": [ { "component": "LayoutPage", "slot": [], "slots": { "default": [ { "props": { "direction": "column", "style": { "display": "block", "flex-direction": "row", "flex-wrap": "nowrap", "align-items": "flex-start", "justify-content": "flex-start" } }, "title": "Quiz contents", "component": "LayoutGroup", "_key": "itm_0_1", "slot": [ { "props": { "url": "https:\/\/www.youtube.com\/watch?v=hOaXsFkB-w0", "chapters": [ { "name": "1. osborne", "start": 6135, "end": 20843, "_index": 0 }, { "name": "2. fastest virus", "start": 28646, "end": 43737, "_index": 1 }, { "name": "3. ISS OS", "start": 51534, "end": 66736, "_index": 2 }, { "name": "4. RAM", "start": 76936, "end": 89738, "_index": 3 }, { "name": "5. macintosh", "start": 99734, "end": 112635, "_index": 4 }, { "name": "6. io", "start": 122834, "end": 135735, "_index": 5 }, { "name": "7. PC Game", "start": 145834, "end": 158634, "_index": 6 }, { "name": "8. Windows", "start": 168735, "end": 181534, "_index": 7 }, { "name": "9. floppy", "start": 191735, "end": 204534, "_index": 8 }, { "name": "10. movie villain", "start": 214734, "end": 227535, "_index": 9 }, { "name": "Show results", "start": 235150, "end": 246021, "_index": 10 } ], "controls": true, "autoplay": false, "mute": false, "style": { "height": "25vh", "width": "100%" } }, "component": "MediaVideo", "v-model:isPlaying": "videoIsPlaying", "v-model:currentTime": "", "v-model:activeChapters": "videoChapter", "_key": "itm_0_0" }, { "component": "MediaHtml", "props": { "value": { "$i18n": { "en-US": "

Play the video to start!<\/h3>" } }, "style": { "padding": "20px 20px 20px 20px", "width": "auto", "height": "auto" } }, "_key": "itm_4_3", "v-if": { "and": [ { "op": "boolean.isFalse", "field": "videoIsPlaying", "args": "", "info": { "text": "", "icon": "" } } ] } }, { "component": "MediaHtml", "props": { "value": { "$i18n": { "en-US": "

You scored {{score}} out of 10<\/h2>" } }, "style": { "padding": "20px 20px 20px 20px" } }, "_key": "itm_1_4", "v-if": { "and": [ { "op": "array.hasAny", "field": "videoChapter", "args": [ "Show results" ], "info": { "text": "", "icon": "" } } ] } }, { "props": { "direction": "column", "style": { "display": "block", "flex-direction": "row", "flex-wrap": "nowrap", "align-items": "flex-start", "justify-content": "flex-start" } }, "title": "Questions", "component": "LayoutGroup", "_key": "itm_1_1", "slot": [ { "component": "InputSelect", "v-model": "quiz.q1", "props": { "type": "select-list", "multiple": false, "options": [ { "text": "Commercial PC", "value": "a" }, { "text": "Scientific Calculator", "value": "b" }, { "text": "Laptop", "value": "c" }, { "text": "Microprocessor", "value": "d" } ], "label": "" }, "_key": "itm_2_0", "v-if": { "and": [ { "op": "array.hasAny", "field": "videoChapter", "args": [ "1. osborne" ], "info": { "text": "", "icon": "" } } ] } }, { "component": "InputSelect", "v-model": "quiz.q2", "props": { "type": "select-list", "multiple": false, "options": [ { "text": "ILOVEYOU", "value": "a" }, { "text": "Mydoom", "value": "b" }, { "text": "Code Red", "value": "c" }, { "text": "Melissa", "value": "d" } ], "label": "" }, "_key": "itm_1_2", "v-if": { "and": [ { "op": "array.hasAny", "field": "videoChapter", "args": [ "2. fastest virus" ], "info": { "text": "", "icon": "" } } ] } }, { "component": "InputSelect", "v-model": "quiz.q3", "props": { "type": "select-list", "multiple": false, "options": [ { "text": "Unix", "value": "a" }, { "text": "Windows", "value": "b" }, { "text": "MacOS", "value": "c" }, { "text": "Linux", "value": "d" } ], "label": "" }, "_key": "itm_2_2", "v-if": { "and": [ { "op": "array.hasAny", "field": "videoChapter", "args": [ "3. ISS OS" ], "info": { "text": "", "icon": "" } } ] } }, { "component": "InputSelect", "v-model": "quiz.q4", "props": { "type": "select-list", "multiple": false, "options": [ { "text": "Rapid-access memory", "value": "a" }, { "text": "Raw-access memory", "value": "b" }, { "text": "Relative-access memory", "value": "c" }, { "text": "Random-access memory", "value": "d" } ], "label": "" }, "_key": "itm_2_3", "v-if": { "and": [ { "op": "array.hasAny", "field": "videoChapter", "args": [ "4. RAM" ], "info": { "text": "", "icon": "" } } ] } }, { "component": "InputSelect", "v-model": "quiz.q5", "props": { "type": "select-list", "multiple": false, "options": [ { "text": "USB port", "value": "a" }, { "text": "Trackpad", "value": "b" }, { "text": "Camera", "value": "c" }, { "text": "60hz refresh rate", "value": "d" } ], "label": "" }, "_key": "itm_2_4", "v-if": { "and": [ { "op": "array.hasAny", "field": "videoChapter", "args": [ "5. macintosh" ], "info": { "text": "", "icon": "" } } ] } }, { "component": "InputSelect", "v-model": "quiz.q6", "props": { "type": "select-list", "multiple": false, "options": [ { "text": "Transistors", "value": "a" }, { "text": "Bits", "value": "b" }, { "text": "Circuits", "value": "c" }, { "text": "CPUs", "value": "d" } ], "label": "" }, "_key": "itm_2_5", "v-if": { "and": [ { "op": "array.hasAny", "field": "videoChapter", "args": [ "6. io" ], "info": { "text": "", "icon": "" } } ] } }, { "component": "InputSelect", "v-model": "quiz.q7", "props": { "type": "select-list", "multiple": false, "options": [ { "text": "Diablo", "value": "a" }, { "text": "Half-Life", "value": "b" }, { "text": "Riven", "value": "c" }, { "text": "Starcraft", "value": "d" } ], "label": "" }, "_key": "itm_2_6", "v-if": { "and": [ { "op": "array.hasAny", "field": "videoChapter", "args": [ "7. PC Game" ], "info": { "text": "", "icon": "" } } ] } }, { "component": "InputSelect", "v-model": "quiz.q8", "props": { "type": "select-list", "multiple": false, "options": [ { "text": "Interface manager", "value": "a" }, { "text": "MS DOS", "value": "b" }, { "text": "Desktop system", "value": "c" }, { "text": "Project W", "value": "d" } ], "label": "" }, "_key": "itm_2_7", "v-if": { "and": [ { "op": "array.hasAny", "field": "videoChapter", "args": [ "8. Windows" ], "info": { "text": "", "icon": "" } } ] } }, { "component": "InputSelect", "v-model": "quiz.q9", "props": { "type": "select-list", "multiple": false, "options": [ { "text": "0.97mb", "value": "a" }, { "text": "1.44mb", "value": "b" }, { "text": "2.85mb", "value": "c" }, { "text": "3.50mb", "value": "d" } ], "label": "" }, "_key": "itm_2_8", "v-if": { "and": [ { "op": "array.hasAny", "field": "videoChapter", "args": [ "9. floppy" ], "info": { "text": "", "icon": "" } } ] } }, { "component": "InputSelect", "v-model": "quiz.q10", "props": { "type": "select-list", "multiple": false, "options": [ { "text": "2001: A Space Odyssey", "value": "a" }, { "text": "Star Wars: Attack of the Clones", "value": "b" }, { "text": "Moon", "value": "c" }, { "text": "Robocop", "value": "d" } ], "label": "" }, "_key": "itm_2_9", "v-if": { "and": [ { "op": "array.hasAny", "field": "videoChapter", "args": [ "10. movie villain" ], "info": { "text": "", "icon": "" } } ] } } ] } ] } ] }, "id": "p1", "title": "Page 1", "hash": "page-1" } ], "header": [], "footer": [], "paths": [], "stylesheets": [ { "id": "story-style", "src": { "--ui-content-margin": "0px 0px 0px 0px", "--ui-content-width": "500px" } } ], "computed": [ { "name": "results", "statement": { "eval": "return [\n {\n \"title\": \"Question 1\",\n \"marked\": $modelValue.quiz.q1,\n \"correct\": $modelValue.quiz.q1 == \"c\"\n },\n {\n \"title\": \"Question 2\",\n \"marked\": $modelValue.quiz.q2,\n \"correct\": $modelValue.quiz.q2 == \"b\"\n },\n {\n \"title\": \"Question 3\",\n \"marked\": $modelValue.quiz.q3,\n \"correct\": $modelValue.quiz.q3 == \"d\"\n },\n {\n \"title\": \"Question 4\",\n \"marked\": $modelValue.quiz.q4,\n \"correct\": $modelValue.quiz.q4 == \"d\"\n },\n {\n \"title\": \"Question 5\",\n \"marked\": $modelValue.quiz.q5,\n \"correct\": $modelValue.quiz.q5 == \"b\"\n },\n {\n \"title\": \"Question 6\",\n \"marked\": $modelValue.quiz.q6,\n \"correct\": $modelValue.quiz.q6 == \"a\"\n },\n {\n \"title\": \"Question 7\",\n \"marked\": $modelValue.quiz.q7,\n \"correct\": $modelValue.quiz.q7 == \"d\"\n },\n {\n \"title\": \"Question 8\",\n \"marked\": $modelValue.quiz.q8,\n \"correct\": $modelValue.quiz.q8 == \"a\"\n },\n {\n \"title\": \"Question 9\",\n \"marked\": $modelValue.quiz.q9,\n \"correct\": $modelValue.quiz.q9 == \"b\"\n },\n {\n \"title\": \"Question 10\",\n \"marked\": $modelValue.quiz.q10,\n \"correct\": $modelValue.quiz.q10 == \"a\"\n },\n]" } }, { "name": "score", "statement": { "eval": "return $modelValue.results.filter(r => r.correct).length" } } ] }, "settings": { "uploads": { "assets": "https:\/\/phi.co\/api\/1\/echo", "user": "https:\/\/phi.co\/api\/1\/echo" } }, "examples": [ { "id": "form", "title": "Form", "url": "\/examples\/form", "i18n": { "en": { "title": "Form", "edit": "Do your thing" }, "es": { "title": "Formulario", "edit": "Edita este bicho" } } }, { "id": "website", "title": "Website", "url": "\/examples\/website" }, { "id": "app", "title": "App", "url": "\/examples\/app" }, { "id": "payment", "title": "Payment", "url": "\/examples\/payment" }, { "id": "video", "title": "Video", "url": "\/examples\/video" }, { "id": "karaoke", "title": "Karaoke", "url": "\/examples\/karaoke" } ] } }