{"version":3,"sources":["webpack:///./src/components/mathematics/Math6thGrade/quizParallelogram2/Lesson.vue","webpack:///./src/components/mathematics/Math6thGrade/quizParallelogram2/Boxes.js","webpack:///src/components/mathematics/Math6thGrade/quizParallelogram2/Lesson.vue","webpack:///./src/components/mathematics/Math6thGrade/quizParallelogram2/Lesson.vue?f699","webpack:///./src/components/mathematics/Math6thGrade/quizParallelogram2/Lesson.vue?ce4d"],"names":["attrs","staticClass","_c","_vm","_self","staticStyle","staticRenderFns","Boxes","box1","JXG","Options","board","minimizeReflow","point","showInfoBox","highlight","image","line","text","fixed","curve","cssDefaultStyle","graph","createSpace","makeResponsive","placeTitle","suspendUpdate","options","layer","boundingBox","attr","boundingbox","positionX","positionY","height","yourScore","yourMissed","yourWrong","yourTotal","scoreCard","writeHTMLText","missedCard","wrongCard","setAttribute","visible","index_selected_answer","XList","YList","AList","Ptm","drawPoint","answers","ansList","index_right_answer","Pt1","setSize","labelIt","label","offset","Pt2","Y","Pt3","X","Pt4","create","vertices","borders","strokeColor","strokeWidth","fillColor","fillOpacity","t1","t2","t3","t4","horz","placeTapeVert","placeTapeHori","placeLeftText","placeMiddleText","i","question","placeQuestion","comment","placeComment","note","color","bck","placeWhite","hide","placeBCircles","placeCircles","check","placeChecks","cross","placeCross","exclaim","placeExclaim","pointers","placeFingers","test","placeTest","hoverMe","next","placePlay","redo","placeStartOver","k","vis","ansArray","placeAnswers","_loop","ij","on","forEach","item","valueOf","hint","length","alert","opacity","moveTo","edliy","placeLogo","toggle","toggleTF","unsuspendUpdate","name","created","$store","commit","title","newshowhome","newMath","newLeftArrow","newModule","mounted","MathJax","Hub","Queue","metaInfo","titleTemplate","meta","vmid","content","component"],"mappings":"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","file":"js/chunk-2d0c80c1.bd257dff.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('br'),_c('h5',[_vm._v(\"Problem Description\")]),_vm._m(0),_vm._m(1),_vm._m(2),_c('v-responsive',[_c('v-layout',{attrs:{\"justify-center\":\"\"}},[_c('div',{staticClass:\"edliy-box-about\",attrs:{\"id\":\"jxgbox1\"}})])],1),_c('br'),_c('h5',[_vm._v(\" Navigating through the MagicGraph \")]),_vm._m(3),_c('h5',[_vm._v(\" Marks & Indications \")]),_vm._m(4)],1)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('p',{staticClass:\"big mt-2\"},[_vm._v(\"\\n    The area of a parallelogram with length \\\\(b\\\\) and height \\\\(h\\\\) is given by \\\\(A= b\\\\times h\\\\).\"),_c('br'),_vm._v(\"\\n    You may recall that the area of a rectangle with length \\\\(b\\\\) and height \\\\(h\\\\) is also given by \\\\(b \\\\times h\\\\).\\n    \"),_c('br'),_vm._v(\"\\n    In this MagicGraph, we will show why the area of a parallelogram equals its length times height — just as in the case of a rectangle.\\n  \")])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticStyle:{\"text-align\":\"left\"}},[_c('h5',[_vm._v(\" MagicGraph | Area of a Parallelogram\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('p',{staticClass:\"big mt-2\"},[_vm._v(\"\\n    Use the MagicGraph below to participate in the exercise. Tap on \"),_c('i',{staticClass:\"redoer ma-1\"}),_vm._v(\" button to move over to the next question.\\n    Tap on \"),_c('i',{staticClass:\"undoer ma-1\"}),_vm._v(\" button to start over from the begining.\\n    \"),_c('br')])\n},function (){var _vm=this,_c=_vm._self._c;return _c('p',{staticClass:\"big mt-2\"},[_c('i',{staticClass:\"redoer ma-1\"}),_vm._v(\" — is the 'Next' button. Tap on this button to move over to the next question. \"),_c('br'),_c('i',{staticClass:\"tester ma-1\"}),_vm._v(\" — is the 'Check Your Answer' button. Tap on this button to check your answer.\"),_c('br'),_c('i',{staticClass:\"logor ma-1\"}),_vm._v(\"—  is the 'Get a Hint' button. Tap on this button to receive a hint on how to solve this problem. \"),_c('br'),_c('i',{staticClass:\"undoer ma-1\"}),_vm._v(\" — is the 'Start Over' button. Tap on this button to start over the exercise from the begining.\\n  \")])\n},function (){var _vm=this,_c=_vm._self._c;return _c('p',{staticClass:\"big mt-2\"},[_vm._v(\"\\n    The marks and indications are located on the top-left corner of the MagicGraph, and show your attempt status. \"),_c('br'),_c('i',{staticClass:\"righter ma-1\"}),_vm._v(\" — the right checkmark indicates that your attempted response was correct. \"),_c('br'),_c('i',{staticClass:\"wrong ma-1\"}),_vm._v(\" — this crossmark indicates that your attempted response was incorrect. \"),_c('br'),_c('i',{staticClass:\"missed ma-1\"}),_vm._v(\" — this exclaimation mark indicates an unattempted (missed) response. \"),_c('br')])\n}]\n\nexport { render, staticRenderFns }","import{\r\n  makeResponsive,\r\n  placeTitle,\r\n  createSpace,\r\n  placeQuestion,\r\n  placeComment,\r\n  createAxes,\r\n  writeHTMLText,\r\n  drawPoint,\r\n  setSize,\r\n  labelIt,\r\n  placeMarker,\r\n  drawCircle,\r\n  placeImage,\r\n  placeShuffle,\r\n  placeTest,\r\n  drawArrow,\r\n  drawAngle,\r\n  drawSegment,\r\n  placeBWhite,\r\n  placeWhite,\r\n  placeBCircles,\r\n  placeCircles,\r\n  placeChecks,\r\n  placeCross,\r\n  placeExclaim,\r\n  hoverMe,\r\n  placeLogo,\r\n  drawMarker,\r\n  toggle,\r\n  toggleTF,\r\n  placeFingers,\r\n  placeAnswers,\r\n  drawTriangle,\r\n  placeRedo,\r\n  placeStartOver,\r\n  drawDash,\r\n  placeTapeVert,\r\n  placeTapeHori,\r\n  placeMiddleText,\r\n  placePlay,\r\n  placeLeftText,\r\n  alert\r\n} from '../Utils.js'\r\nconst Boxes = {\r\n  box1: function () {\r\n///////////////////////////////////GLOBAL SETTINGS//////////////////////\r\n\tJXG.Options.board.minimizeReflow = 'none';\r\n  JXG.Options.point.showInfoBox=false;\r\n  JXG.Options.point.highlight=false;\r\n  JXG.Options.image.highlight=false;\r\n  JXG.Options.line.highlight=false;\r\n  JXG.Options.text.highlight=false;\r\n  JXG.Options.text.fixed=true;\r\n  JXG.Options.curve.highlight=false;\r\n  JXG.Options.text.cssDefaultStyle='fontFamily:Oswald;'\r\n//////////////////////////////////LOCAL SETTINGS////////////////////////////////\r\nvar graph =createSpace(-6,10,-6,10);\r\nmakeResponsive(graph);\r\nplaceTitle(graph, 'Quiz');\r\ngraph.suspendUpdate();\r\ngraph.options.layer['image']=26;\r\ngraph.options.layer['text']=4;\r\ngraph.options.layer['html']=2;\r\ngraph.options.layer['line']=2;\r\ngraph.options.layer['point']=10;\r\ngraph.options.layer['circle']=1;\r\ngraph.options.image.highlight=false;\r\n/*********************GRAPH DIMENSIONS*******************/\r\nconst boundingBox = graph.attr.boundingbox;\r\nconst positionX = (boundingBox[2]+boundingBox[0])/2;\r\nconst positionY = (boundingBox[1]+boundingBox[3])/2;\r\nconst height = (boundingBox[1]-boundingBox[3])/2;\r\n/**********************PUT AXES **********************/\r\n//var ax = createAxes(graph);\r\n/***************** PUT AXES TITLE *******************/\r\n//ax[0].setAttribute({name:'X'});\r\n//ax[1].setAttribute({name:'Y'});\r\n/***********************SCORING *******************/\r\nvar yourScore =0; var yourMissed =0; var yourWrong =0; var yourTotal=0;\r\nvar scoreCard = writeHTMLText(graph, positionX, positionY+1, function(){return 'Your Score ( &check; ): '+ yourScore+'/5'});\r\nvar missedCard = writeHTMLText(graph, positionX, positionY, function(){return 'Missed Questions ( ! ): '+ yourMissed+'/5'});\r\nvar wrongCard = writeHTMLText(graph, positionX, positionY-1, function(){return 'Wrong Answers ( x ): '+ yourWrong+'/5'});\r\nscoreCard.setAttribute({visible:false});\r\nmissedCard.setAttribute({visible:false});\r\nwrongCard.setAttribute({visible:false});\r\n/*************************ANSWERS*********************/\r\nvar index_selected_answer = -1;\r\nconst XList = [3, 4, 4, 5, 6];\r\nconst YList = [1, -1, 2, -2, 0];\r\nconst AList = [15, 12, 24, 10, 24];\r\nvar Ptm = drawPoint(graph, XList[0], YList[0]);\r\nPtm.setAttribute({visible:false});\r\nconst answers = [['10', '5', '3', '6'], ['3', '4', '6', '5'],['4', '10', '6', '3'],['5', '2', '3', '4'], ['5', '2', '6', '4']];\r\nvar ansList =['10', '5', '3', '6'];\r\nconst index_right_answer = [1,0,2,1,3];\r\n/**/\r\n/********************************************************************************************/\r\n\r\nvar Pt1 = drawPoint(graph, 0, 0);\r\nsetSize(graph, Pt1, 0);\r\nlabelIt(graph, Pt1, 'A');\r\nPt1.label.setAttribute({offset:[0, -20]});\r\n\r\nvar Pt2 = drawPoint(graph, 2, ()=>4+Ptm.Y());\r\nsetSize(graph, Pt2, 0);\r\nlabelIt(graph, Pt2, 'C');\r\nPt2.label.setAttribute({offset:[0, 20]});\r\n\r\nvar Pt3 = drawPoint(graph, ()=>Ptm.X(), 0);\r\nsetSize(graph, Pt3, 0);\r\nlabelIt(graph, Pt3, 'B');\r\nPt3.label.setAttribute({offset:[0, -20]});\r\n//labelIt(graph, Pt3, 'C');\r\n\r\nvar Pt4 = drawPoint(graph, ()=>2+Ptm.X(), ()=>4+Ptm.Y());\r\nsetSize(graph, Pt4, 0);\r\nlabelIt(graph, Pt4, 'D');\r\nPt4.label.setAttribute({offset:[0, 20]});\r\n\r\ngraph.create('polygon', [Pt1, Pt3, Pt4, Pt2], {visible: true, fixed:true,  vertices:{visible:false, fixed:true}, borders:{visible:true, strokeColor: 'black', strokeWidth:2}, fillColor:'green', fillOpacity:1});\r\n\r\nvar t1 = drawPoint(graph, 0, -1.5);\r\nsetSize(graph, t1, 0);\r\nvar t2 = drawPoint(graph, ()=>Pt3.X(), -1.5);\r\nsetSize(graph, t2, 0);\r\nvar t3 = drawPoint(graph, -1.5, 0);\r\nsetSize(graph, t3, 0);\r\nvar t4 = drawPoint(graph, -1.5, ()=>Pt2.Y());\r\nsetSize(graph, t4, 0);\r\nvar horz =placeTapeVert(graph, t3, t4, 'h');\r\nvar vert =placeTapeHori(graph, t1, t2, 'b');\r\nhorz.setAttribute({label:{visible:false}});\r\nplaceLeftText(graph, -1.25, ()=>Pt2.Y()/2, 'h = ?');\r\nplaceMiddleText(graph, ()=>(Pt2.X()+Pt3.X())/2, ()=>Pt2.Y()/2, function(){return 'A ='+ AList[i]});\r\n/***********************************************************/\r\n/************************************************************/\r\n/***********************************************************************************/\r\n/*************************************PRINT ANSWER ****************************************/\r\n//print(graph, ()=> (0.5*(180-2*alpha.Value()*180/Math.PI)).toFixed(1))\r\n/****************PUT TITLE ****************************/\r\nvar question = placeQuestion(graph, 'The height h of parallelogram ABCD is &mdash;');\r\nvar comment = placeComment(graph, '');\r\nvar note = writeHTMLText(graph, positionX, 0.5+positionY+height/2., 'You did not make a selection.');\r\nnote.setAttribute({visible:false, color:'red'});\r\n//print(graph, ()=>(alpha.Value()*180/Math.PI).toFixed(1));\r\n///////////////////////////GRAPHICS MODULES//////////////////\r\nvar bck =placeWhite(graph);\r\nvar show =placeBCircles(graph);\r\nvar hide=placeCircles(graph);\r\nvar check = placeChecks(graph);\r\nvar cross = placeCross(graph);\r\nvar exclaim = placeExclaim(graph);\r\nvar pointers = placeFingers(graph);\r\nhide[0].setAttribute({visible:false});\r\n/***************************BUTTON MODULES******************/\r\nvar test =placeTest(graph,'left');\r\nhoverMe(graph, test, 'Check Your Answer', -20, 0);\r\n/**/\r\nvar next = placePlay(graph);\r\nhoverMe(graph, next, 'Next Question', 0, 0);\r\n/**/\r\nvar redo = placeStartOver(graph);\r\nredo.setAttribute({visible:false});\r\nhoverMe(graph, redo, 'Start Over', 0, 0);\r\n/***************************************/\r\nvar i=0; var k=0; var vis=false;\r\n///////////////////////////////////////////////////////////////\r\nvar ansArray = placeAnswers(graph, ansList);\r\nfor(let ij=0; ij<=3; ij++)\r\n{\r\n  ansArray[ij].on('down', function(){\r\n  ansArray.forEach(function(item){item.setAttribute({color:'grey'})});\r\n  pointers.forEach(function(item){item.setAttribute({visible:false})});\r\n  ansArray[ij].setAttribute({color:'black'});\r\n  pointers[ij].setAttribute({visible:true});\r\n  index_selected_answer = ij.valueOf();})\r\n}\r\n////////////////////////////////////////////////////////////////////////\r\nvar hint =writeHTMLText(graph, positionX, positionY, '<ol> <li> Tap on <i class=\"redoer ma-1\"></i> to go to next step.</li> <br><li>Tap on <i class=\"tester ma-1\"></i> to check your answer.</li><br><li>Tap on <i class=\"undoer ma-1\"></i> button to start over.</li> </ol>');\r\nhint.setAttribute({visible:false, color:'white'});\r\n/**************************TEST BUTTON ***********************/\r\ntest.on('down', function()\r\n{\r\n  note.setAttribute({visible:false});\r\n  if(i<=XList.length-1)\r\n  {\r\n    if(index_selected_answer == index_right_answer[i] && yourTotal<XList.length)\r\n\t  { //is correct\r\n        cross[i].setAttribute({visible:false});\r\n        exclaim[i].setAttribute({visible:false});\r\n        check[i].setAttribute({visible:true});\r\n        ansArray[index_right_answer[i]].setAttribute({color:'green'});\r\n      }\r\n      else if(index_selected_answer != index_right_answer[i] && yourTotal<XList.length && index_selected_answer != -1)\r\n      { //is incorrect\r\n        exclaim[i].setAttribute({visible:false});\r\n        check[i].setAttribute({visible:false});\r\n        cross[i].setAttribute({visible:true});\r\n        ansArray[index_right_answer[i]].setAttribute({color:'green'});\r\n        ansArray[index_selected_answer].setAttribute({color:'red'});\r\n      }\r\n\t  else if (index_selected_answer == -1 && yourTotal<XList.length)\r\n\t  {   check[i].setAttribute({visible:false});\r\n        cross[i].setAttribute({visible:false});\r\n        exclaim[i].setAttribute({visible:true});\r\n        alert(graph, note);\r\n\t  }\r\n  }\r\n});\r\n/*****************************SHUFFLE BUTTON ***********************/\r\nnext.on('down', function(){\r\n  note.setAttribute({visible:false});\r\n  if(i<=XList.length-1)\r\n  {\r\n    if(index_selected_answer == index_right_answer[i] && yourTotal<XList.length)\r\n\t  { //is correct\r\n        cross[i].setAttribute({visible:false});\r\n        exclaim[i].setAttribute({visible:false});\r\n        check[i].setAttribute({visible:true});\r\n        yourScore = yourScore+1;\r\n        ansArray[index_right_answer[i]].setAttribute({color:'green'});\r\n      }\r\n      else if(index_selected_answer != index_right_answer[i] && yourTotal<XList.length && index_selected_answer != -1)\r\n      { //is incorrect\r\n        exclaim[i].setAttribute({visible:false});\r\n        check[i].setAttribute({visible:false});\r\n        cross[i].setAttribute({visible:true});\r\n        ansArray[index_right_answer[i]].setAttribute({color:'green'});\r\n        ansArray[index_selected_answer].setAttribute({color:'red'});\r\n\t\t    yourWrong = yourWrong+1;\r\n      }\r\n\t  else if (index_selected_answer == -1 && yourTotal<XList.length)\r\n\t  {   check[i].setAttribute({visible:false});\r\n        cross[i].setAttribute({visible:false});\r\n        exclaim[i].setAttribute({visible:true});\r\n\t\t    yourMissed = yourMissed+1;\r\n\t  }\r\n\t  yourTotal = yourScore + yourWrong + yourMissed;\r\n  }\r\n  if(i==XList.length-1)\r\n  {\r\n  bck.setAttribute({opacity:1});\r\n  scoreCard.setAttribute({visible:true});\r\n  missedCard.setAttribute({visible:true});\r\n  wrongCard.setAttribute({visible:true});\r\n  redo.setAttribute({visible:true});\r\n  ansList[0]=answers[0][0];\r\n  ansList[1]=answers[0][1];\r\n  ansList[2]=answers[0][2];\r\n  ansList[3]=answers[0][3];\r\n  ansArray.forEach(function(item){item.setAttribute({visible:false})});\r\n  question.setAttribute({visible:false});\r\n  //alpha.setAttribute({visible:false});\r\n  //beta.setAttribute({visible:false});\r\n  }\r\n  else{\r\n    scoreCard.setAttribute({visible:false});\r\n    missedCard.setAttribute({visible:false});\r\n    wrongCard.setAttribute({visible:false});\r\n    i=i+1;\r\n    ansList[0]=answers[i][0];\r\n    ansList[1]=answers[i][1];\r\n    ansList[2]=answers[i][2];\r\n    ansList[3]=answers[i][3];\r\n  }\r\n  hide[i].setAttribute({visible:false});\r\n  hint.setAttribute({visible:false});\r\n  pointers.forEach(function(item){item.setAttribute({visible:false})});\r\n  ansArray.forEach(function(item){item.setAttribute({color:'grey'})});\r\n  index_selected_answer = -1;\r\n  /////////////////////////ALL CHANGES GO HERE////////////////////////\r\n  Ptm.moveTo([XList[i], YList[i]], 200);\r\n  ///////////////////////////////////////////////////////////////////\r\n});\r\n/************************************************/\r\nredo.on('down', function(){\r\n\t//Hiding all blue circles\r\n\t  hide.forEach(function(item){item.setAttribute({visible:true})});\r\n    hide[0].setAttribute({visible:false});\r\n  //Hiding all check marks\r\n    check.forEach(function(item){item.setAttribute({visible:false})});\r\n  //Hiding all cross marks //\r\n    cross.forEach(function(item){item.setAttribute({visible:false})});\r\n  //Hiding all exclaimation marks\r\n\t  exclaim.forEach(function(item){item.setAttribute({visible:false})});\r\n  ///////////////resetting scores//////////////////\r\n    note.setAttribute({visible:false});\r\n\t  yourScore=0;\r\n\t  yourMissed=0;\r\n\t  yourWrong=0;\r\n\t  yourTotal=0;\r\n\t  scoreCard.setAttribute({visible:false});\r\n\t  missedCard.setAttribute({visible:false});\r\n    wrongCard.setAttribute({visible:false});\r\n  /////////////////////////////////////////////\r\n\t  i=0;\r\n\t  ansList[0]=answers[0][0];\r\n\t  ansList[1]=answers[0][1];\r\n\t  ansList[2]=answers[0][2];\r\n\t  ansList[3]=answers[0][3];\r\n\t  bck.setAttribute({opacity:0});\r\n\t  pointers.forEach(function(item){item.setAttribute({visible:false})});\r\n    ansArray.forEach(function(item){item.setAttribute({visible:true, color:'grey'})});\r\n\t  question.setAttribute({visible:true});\r\n    comment.setAttribute({visible:true});\r\n\t  hint.setAttribute({visible:false});\r\n\t  index_selected_answer = -1;\r\n    redo.setAttribute({visible:false});\r\n    ////////////////////////ALL CHANGES GO HERE/////////////\r\n    Ptm.moveTo([XList[0], YList[0]], 200);\r\n    ////////////////////////////////////////////////////////\r\n    //alpha.setAttribute({visible:true});\r\n    //beta.setAttribute({visible:true});\r\n});\r\n/********************PLACE LOGO ********************/\r\nvar edliy = placeLogo(graph);\r\nhoverMe(graph, edliy, 'Tap to see a hint', 0, 0);\r\nedliy.on('down',\r\nfunction(){\r\n  k = toggle(k);\r\n\tvis = toggleTF(vis);\r\n  bck.setAttribute({opacity:k});\r\n\tscoreCard.setAttribute({visible:false});\r\n\tmissedCard.setAttribute({visible:false});\r\n\twrongCard.setAttribute({visible:false});\r\n  hint.setAttribute({visible:vis});\r\n\tquestion.setAttribute({visible:!vis});\r\n\tansArray.forEach(function(item){item.setAttribute({visible:!vis})});\r\n  note.setAttribute({visible:false});\r\n  ////////////////////////Code specific changes go here/////////////////\r\n\t//alpha.setAttribute({visible:!vis});\r\n  //beta.setAttribute({visible:!vis});\r\n  //////////////////////////////////////////////////////////////////////\r\n});\r\ngraph.unsuspendUpdate();\r\n/******************END OF FILE ***************************/\r\n}\r\n}\r\nexport default Boxes;\r\n","<template>\r\n  <div>\r\n    <br>\r\n    <h5>Problem Description</h5>\r\n    <p class=\"big mt-2\">\n      The area of a parallelogram with length \\(b\\) and height \\(h\\) is given by \\(A= b\\times h\\).<br>\n      You may recall that the area of a rectangle with length \\(b\\) and height \\(h\\) is also given by \\(b \\times h\\).\n      <br>\r\n      In this MagicGraph, we will show why the area of a parallelogram equals its length times height &mdash; just as in the case of a rectangle.\r\n    </p>\r\n    <div style=\"text-align:left\">\r\n      <h5> MagicGraph | Area of a Parallelogram</h5>\r\n    </div>\r\n    <p class=\"big mt-2\">\r\n      Use the MagicGraph below to participate in the exercise. Tap on <i class=\"redoer ma-1\" /> button to move over to the next question.\r\n      Tap on <i class=\"undoer ma-1\" /> button to start over from the begining.\r\n      <br>\r\n    </p>\r\n    <v-responsive>\r\n      <v-layout justify-center>\r\n        <div id=\"jxgbox1\" class=\"edliy-box-about\" />\r\n      </v-layout>\r\n    </v-responsive>\r\n    <br>\r\n    <h5> Navigating through the MagicGraph </h5>\r\n    <p class=\"big mt-2\">\r\n      <i class=\"redoer ma-1\" /> &mdash; is the 'Next' button. Tap on this button to move over to the next question. <br>\r\n      <i class=\"tester ma-1\" /> &mdash; is the 'Check Your Answer' button. Tap on this button to check your answer.<br>\r\n      <i class=\"logor ma-1\" />&mdash;  is the 'Get a Hint' button. Tap on this button to receive a hint on how to solve this problem. <br>\r\n      <i class=\"undoer ma-1\" /> &mdash; is the 'Start Over' button. Tap on this button to start over the exercise from the begining.\r\n    </p>\r\n    <h5> Marks & Indications </h5>\r\n    <p class=\"big mt-2\">\r\n      The marks and indications are located on the top-left corner of the MagicGraph, and show your attempt status. <br>\r\n      <i class=\"righter ma-1\" /> &mdash; the right checkmark indicates that your attempted response was correct. <br>\r\n      <i class=\"wrong ma-1\" /> &mdash; this crossmark indicates that your attempted response was incorrect. <br>\r\n      <i class=\"missed ma-1\" /> &mdash; this exclaimation mark indicates an unattempted (missed) response. <br>\r\n    </p>\r\n  </div>\r\n</template>\r\n<script>\r\nimport Boxes from './Boxes.js'\r\nexport default {\r\n  name: 'TheoremThales',\r\n  created: function () {\r\n    this.$store.commit('navigation/resetState');\r\n    let title = 'Area of Parallelogram';\r\n    this.$store.commit('navigation/changeTitle', title);\r\n  /* this.$store.commit('navigation/changeMenu', title);\r\n    let newTopics = [\r\n      {title: 'Probability', img:'/assets/number-1.svg', action: () => this.goto('intro')},\r\n      {title: 'Probability of an Event', img:'/assets/number-2.svg', action: () => this.goto('types')},\r\n      {title: 'MagicGraph',img:'/assets/touch.svg', action: () => this.goto('pg')},\r\n    ];\r\n    this.$store.commit('navigation/replaceTopics', newTopics);\r\n*/\r\n    let newshowhome = false;\r\n    this.$store.commit('navigation/toggleshowhome', newshowhome);\r\n    let newMath =true;\r\n    this.$store.commit('navigation/replaceMath', newMath);\r\n    let newLeftArrow =true;\r\n    this.$store.commit('navigation/replaceLeftArrow', newLeftArrow);\r\n    let newModule=true;\r\n    this.$store.commit('navigation/replaceModule', newModule);\r\n  },\r\n  mounted () {\r\n    MathJax.Hub.Queue([\"Typeset\", MathJax.Hub]);\r\n    Boxes.box1();\r\n  },\r\n  metaInfo() {\r\n  return{ title: 'Area of a Parallelogram',\r\n          titleTemplate: '%s | Learn interactively',\r\n          meta: [\r\n                  {vmid: 'description', name: 'description', content: 'Learn interactively about the area of a  parallelogram.'}\r\n                ]\r\n        }\r\n   },\r\n}\r\n</script>\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Lesson.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Lesson.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Lesson.vue?vue&type=template&id=a54a5db8&\"\nimport script from \"./Lesson.vue?vue&type=script&lang=js&\"\nexport * from \"./Lesson.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}