{"version":3,"sources":["webpack:///./src/views/Chem/Chemistry10th.vue?aba2","webpack:///./src/views/Chem/Divider.vue","webpack:///src/views/Chem/Divider.vue","webpack:///./src/views/Chem/Divider.vue?6f6d","webpack:///./src/views/Chem/Divider.vue?589e","webpack:///./src/views/Chem/Chemistry10th.vue","webpack:///src/views/Chem/Chemistry10th.vue","webpack:///./src/views/Chem/Chemistry10th.vue?947d","webpack:///./src/views/Chem/Chemistry10th.vue?d130"],"names":["$vuetify","style","_vm","attrs","_c","staticClass","staticRenderFns","name","props","myStyle","type","Object","default","data","component","logged","staticStyle","on","close","_defineProperty","key","groupIndex","scopedSlots","fn","hover","class","concat","nativeOn","_v","_s","title","components","BuyCard","DivideContent","price","newPrice","topicss","discount","courseStatus","subscriptionId","subscriptionEnd","loginStatus","layout","created","$store","commit","computed","_objectSpread","mapGetters","topics","mounted","_mounted","_asyncToGenerator","regeneratorRuntime","mark","_callee","chapterUrl","response","grades","wrap","_context","prev","next","console","log","undefined","$route","query","grade","process","localStorage","getItem","buttonName","axios","get","headers","Authorization","sent","success","course","actual_price","toFixed","subscription_status","app_subscription_id","ends_at","t0","error","$notify","group","text","stop","apply","arguments","methods","showCard","closeBuy","getColor","isBlack","isLocked","iconString","getCardDisplayClass","hoverState","metaInfo","meta","vmid","content"],"mappings":"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","file":"js/chunk-18b719b0.9c2f80c1.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Chemistry10th.vue?vue&type=style&index=0&id=b88783e2&prod&lang=scss&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('div',{staticStyle:{\"margin-top\":\"5px\"}}),_c('v-layout',{class:{'px-4': _vm.$vuetify.breakpoint.lgAndUp,'px-2': _vm.$vuetify.breakpoint.mdOnly, 'px-0': _vm.$vuetify.breakpoint.smAndDown},style:(_vm.myStyle.layout),attrs:{\"align-center\":\"\",\"justify-center\":\"\"}},[_c('v-flex',{attrs:{\"xs6\":\"\",\"sm6\":\"\",\"md6\":\"\",\"lg6\":\"\",\"xl6\":\"\"}},[_c('v-divider',{staticClass:\"mt-3 mb-3\",attrs:{\"color\":\"black\"}})],1),_c('v-flex',{attrs:{\"xs1\":\"\",\"sm1\":\"\",\"md1\":\"\",\"lg1\":\"\",\"xl1\":\"\"}},[_c('v-img',{staticClass:\"mx-auto\",attrs:{\"src\":\"/assets/edliyProton.svg\",\"aspect-ratio\":\"1\",\"contain\":\"\",\"max-width\":\"20px\"}})],1),_c('v-flex',{attrs:{\"xs6\":\"\",\"sm6\":\"\",\"md6\":\"\",\"lg6\":\"\",\"xl6\":\"\"}},[_c('v-divider',{staticClass:\"mt-3 mb-3\",attrs:{\"color\":\"black\"}})],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div style=\"margin-top:5px\" />\r\n    <v-layout\r\n      :style=\"myStyle.layout\"\r\n      align-center\r\n      justify-center\r\n      :class=\"{'px-4': $vuetify.breakpoint.lgAndUp,'px-2': $vuetify.breakpoint.mdOnly, 'px-0': $vuetify.breakpoint.smAndDown}\"\r\n    >\r\n      <v-flex\r\n        xs6\r\n        sm6\r\n        md6\r\n        lg6\r\n        xl6\r\n      >\r\n        <v-divider color=\"black\" class=\"mt-3 mb-3\" />\r\n      </v-flex>\r\n      <v-flex\r\n        xs1\r\n        sm1\r\n        md1\r\n        lg1\r\n        xl1\r\n      >\r\n        <v-img\r\n          src=\"/assets/edliyProton.svg\"\r\n          aspect-ratio=\"1\"\r\n          contain\r\n          class=\"mx-auto\"\r\n          max-width=\"20px\"\r\n        />\r\n      </v-flex>\r\n      <v-flex\r\n        xs6\r\n        sm6\r\n        md6\r\n        lg6\r\n        xl6\r\n      >\r\n        <v-divider color=\"black\" class=\"mt-3 mb-3\" />\r\n      </v-flex>\r\n    </v-layout>\r\n  </div>\r\n</template>\r\n<script>\r\nexport default {\r\n    name: 'DivideContent',\r\n    props: {\r\n        myStyle: {\r\n            type: Object,\r\n            default: () => {}\r\n        }},\r\n    data () { return {}}\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!./Divider.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!./Divider.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Divider.vue?vue&type=template&id=54a43ad7&\"\nimport script from \"./Divider.vue?vue&type=script&lang=js&\"\nexport * from \"./Divider.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","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-container',{attrs:{\"fluid\":\"\",\"grid-list-{xs\":\"\",\"through\":\"\",\"xl}\":\"\"}},[(_vm.logged)?_c('v-layout',{staticStyle:{\"position\":\"fixed\",\"top\":\"0\",\"bottom\":\"0\",\"left\":\"0\",\"right\":\"0\",\"z-index\":\"100\"},attrs:{\"justify-center\":\"\",\"align-center\":\"\"}},[_c('buy-card',{attrs:{\"img\":'/assets/Chemistry-10th.svg',\"headline\":'Premium Content'},on:{\"close\":function($event){_vm.logged=false}}})],1):_vm._e(),_c('v-layout',{attrs:{\"align-center\":\"\",\"justify-center\":\"\"}},[_c('div',[_c('h3',{staticStyle:{\"color\":\"black\"}},[_vm._v(\"\\n         Our marvelous MagicGraphs assist you in every step of your learning journey.\\n       \")])])]),_c('br'),_c('v-layout',{staticClass:\"mb-3 pa-2\",attrs:{\"justify-center\":\"\",\"align-center\":\"\"}},[_c('v-flex',{attrs:{\"xl4\":\"\",\"sm4\":\"\",\"md4\":\"\",\"lg4\":\"\",\"xl4\":\"\"}},[_c('v-layout',{attrs:{\"justify-center\":\"\",\"align-center\":\"\"}},[_c('v-img',{attrs:{\"src\":\"/assets/eggOne.svg\",\"max-height\":\"40px\",\"max-width\":\"40px\",\"contain\":\"\"}})],1),_c('v-layout',{staticClass:\"mt-1\",attrs:{\"justify-center\":\"\",\"align-center\":\"\"}},[_c('h5',{staticStyle:{\"color\":\"black\"}},[_vm._v(\"\\n           Build Concepts\\n         \")])])],1),_c('v-flex',{attrs:{\"xl4\":\"\",\"sm4\":\"\",\"md4\":\"\",\"lg4\":\"\",\"xl4\":\"\"}},[_c('v-layout',{attrs:{\"justify-center\":\"\",\"align-center\":\"\"}},[_c('v-img',{attrs:{\"src\":\"/assets/eggTwo.svg\",\"max-height\":\"40px\",\"max-width\":\"40px\",\"contain\":\"\"}})],1),_c('v-layout',{staticClass:\"mt-1\",attrs:{\"justify-center\":\"\",\"align-center\":\"\"}},[_c('h5',{staticStyle:{\"color\":\"black\"}},[_vm._v(\"\\n           Practice Problems\\n         \")])])],1),_c('v-flex',{attrs:{\"xl4\":\"\",\"sm4\":\"\",\"md4\":\"\",\"lg4\":\"\",\"xl4\":\"\"}},[_c('v-layout',{attrs:{\"justify-center\":\"\",\"align-center\":\"\"}},[_c('v-img',{attrs:{\"src\":\"/assets/eggThree.svg\",\"max-height\":\"40px\",\"max-width\":\"40px\",\"contain\":\"\"}})],1),_c('v-layout',{staticClass:\"mt-1\",attrs:{\"justify-center\":\"\",\"align-center\":\"\"}},[_c('h5',{staticStyle:{\"color\":\"black\"}},[_vm._v(\"\\n           Test Knowledge\\n         \")])])],1)],1),_c('divide-content',{attrs:{\"my-style\":_vm.style}}),_c('br'),_c('v-layout',{attrs:{\"align-center\":\"\",\"justify-center\":\"\"}},[_c('div',{staticClass:\"header\"},[_c('b',[_vm._v(\"Let's Get Started\")])])]),_c('v-layout',{attrs:{\"align-center\":\"\",\"justify-center\":\"\"}},[_c('div',[_c('h5',{staticStyle:{\"color\":\"black\"}},[_vm._v(\"\\n         (Choose a topic to explore)\\n       \")])])]),_c('br'),_vm._l((_vm.topics),function(group,groupIndex){return _c('div',{key:groupIndex},[_c('v-layout',{attrs:{\"justify-start\":\"\",\"align-center\":\"\"}},[_c('v-img',{staticClass:\"pa-1\",attrs:{\"src\":group.img,\"max-height\":\"40px\",\"max-width\":\"40px\",\"contain\":\"\"}}),_c('div',{staticClass:\"header pa-1\"},[_c('b',[_vm._v(_vm._s(group.name))])]),_c('v-img',{staticClass:\"mb-3\",attrs:{\"src\":`/assets/${group.lock ? 'premium' : 'free'}.svg`,\"max-height\":\"25px\",\"max-width\":\"25px\",\"contain\":\"\"}})],1),_c('br'),_c('v-layout',{attrs:{\"justify-start\":\"\",\"raw\":\"\",\"wrap\":\"\"}},_vm._l((group.data),function(topic,topicIndex){return _c('v-flex',{key:topicIndex,staticClass:\"pa-1\",attrs:{\"xs12\":\"\",\"sm4\":\"\",\"md4\":\"\",\"lg4\":\"\",\"xl4\":\"\"}},[_c('v-hover',{scopedSlots:_vm._u([{key:\"default\",fn:function({ hover }){return _c('v-card',{staticClass:\"checkboard-card\",class:[`elevation-${hover ? 17 : 2}`,\n                      {'white--text': topic.isBlack},\n                      `${_vm.getCardDisplayClass(topic.icon, hover)}`],attrs:{\"color\":_vm.getColor(topic.isBlack)},nativeOn:{\"click\":function($event){`${_vm.isLocked(topic.icon) ? _vm.logged=true : topic.action()}`}}},[_c('v-card-title',[_c('v-layout',{attrs:{\"justify-start\":\"\"}},[_c('div',{staticClass:\"cardheader\"},[_c('b',[_vm._v(_vm._s(groupIndex+1)+\" . \")]),_c('b',[_vm._v(_vm._s(topicIndex+1))])])]),_c('div',[_c('transition',{attrs:{\"enter-active-class\":\"animated fadeIn zoomIn\",\"leave-active-class\":\"animated fadeOut zoomOut\"}},[(hover==true && _vm.loggedIn()==false)?_c('v-icon',{class:[`${_vm.isLocked(topic.icon) ? 'lock' : 'open'}`]},[_vm._v(\"\\n                     \"+_vm._s(topic.icon)+\"\\n                   \")]):(hover==true && _vm.loggedIn()==true)?_c('v-icon',{class:[`${_vm.isLocked(topic.icon) ? 'lock' : 'open'}`]},[_vm._v(\"\\n                     fas fa-lock-open\\n                   \")]):_vm._e()],1)],1)],1),_c('v-layout',{staticClass:\"px-3 cardheader\",attrs:{\"justify-center\":\"\",\"align-center\":\"\"}},[_c('b',[_vm._v(_vm._s(topic.title)+\" \")])])],1)}}],null,true)})],1)}),1),_c('br')],1)})],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-container\r\n    fluid\r\n    grid-list-{xs\r\n    through\r\n    xl}\r\n  >\n    <v-layout\r\n      v-if=\"logged\"\r\n      justify-center\r\n      align-center\r\n      style=\"position:fixed; top:0;bottom:0;left:0;right:0;z-index:100;\"\r\n    >\r\n      <buy-card :img=\"'/assets/Chemistry-10th.svg'\" :headline=\"'Premium Content'\" @close=\"logged=false\" />\r\n    </v-layout>\r\n\r\n    <v-layout align-center justify-center>\r\n      <div>\r\n        <h3 style=\"color:black\">\n          Our marvelous MagicGraphs assist you in every step of your learning journey.\n        </h3>\r\n      </div>\r\n    </v-layout>\r\n    <br>\r\n    <v-layout\r\n      justify-center\r\n      align-center\r\n      class=\"mb-3 pa-2\"\r\n    >\r\n      <v-flex\r\n        xl4\r\n        sm4\r\n        md4\r\n        lg4\r\n        xl4\r\n      >\r\n        <v-layout justify-center align-center>\r\n          <v-img\r\n            src=\"/assets/eggOne.svg\"\r\n            max-height=\"40px\"\r\n            max-width=\"40px\"\r\n            contain\r\n          />\r\n        </v-layout>\r\n        <v-layout class=\"mt-1\" justify-center align-center>\r\n          <h5 style=\"color:black\">\n            Build Concepts\n          </h5>\r\n        </v-layout>\r\n      </v-flex>\r\n      <v-flex\r\n        xl4\r\n        sm4\r\n        md4\r\n        lg4\r\n        xl4\r\n      >\r\n        <v-layout justify-center align-center>\r\n          <v-img\r\n            src=\"/assets/eggTwo.svg\"\r\n            max-height=\"40px\"\r\n            max-width=\"40px\"\r\n            contain\r\n          />\r\n        </v-layout>\r\n        <v-layout class=\"mt-1\" justify-center align-center>\r\n          <h5 style=\"color:black\">\n            Practice Problems\n          </h5>\r\n        </v-layout>\r\n      </v-flex>\r\n      <v-flex\r\n        xl4\r\n        sm4\r\n        md4\r\n        lg4\r\n        xl4\n      >\r\n        <v-layout justify-center align-center>\r\n          <v-img\r\n            src=\"/assets/eggThree.svg\"\r\n            max-height=\"40px\"\r\n            max-width=\"40px\"\r\n            contain\r\n          />\r\n        </v-layout>\r\n        <v-layout class=\"mt-1\" justify-center align-center>\r\n          <h5 style=\"color:black\">\n            Test Knowledge\n          </h5>\r\n        </v-layout>\r\n      </v-flex>\r\n    </v-layout>\r\n    <divide-content :my-style=\"style\" />\r\n    <br>\r\n    <v-layout align-center justify-center>\r\n      <div class=\"header\">\r\n        <b>Let's Get Started</b>\r\n      </div>\r\n    </v-layout>\r\n    <v-layout align-center justify-center>\r\n      <div>\r\n        <h5 style=\"color:black\">\n          (Choose a topic to explore)\n        </h5>\r\n      </div>\r\n    </v-layout>\r\n    <br>\r\n\r\n    <!-- To trigger the pop-up card\r\n    <v-layout\r\n      v-if=\"popUp\"\r\n      justify-center\r\n      align-center\r\n      style=\"opacity:0.85; position:fixed; top:0;bottom:0;left:0;right:0;z-index:100;\"\r\n    >\r\n      <LoginDialog :status=\"popUp\" @close=\"closeModal\" />\r\n    </v-layout>\r\n -->\r\n    <div v-for=\"(group, groupIndex) in topics\" :key=\"groupIndex\">\r\n      <v-layout justify-start align-center>\r\n        <v-img :src=\"group.img\"\r\n               max-height=\"40px\"\r\n               max-width=\"40px\"\r\n               contain\r\n               class=\"pa-1\"\r\n        />\r\n        <!--\r\n       <v-divider vertical class=\"pa-1\"></v-divider> -->\r\n        <!--    <v-img :src=\"`/assets/${groupIndex+1}.svg`\"\r\n               max-height=\"45px\"\r\n               max-width=\"45px\"\r\n               contain\r\n        /> -->\r\n        <!--  <v-img :src=\"`/assets/${group.lock ? 'premium' : 'free'}.svg`\"\r\n                 max-height=\"45px\"\r\n                 max-width=\"45px\"\r\n                 contain\r\n          /> -->\r\n        <div class=\"header pa-1\">\r\n          <b>{{ group.name }}</b>\r\n        </div>\r\n        <!-- Free icon over element -->\r\n        <v-img :src=\"`/assets/${group.lock ? 'premium' : 'free'}.svg`\"\r\n               max-height=\"25px\"\r\n               max-width=\"25px\"\r\n               class=\"mb-3\"\r\n               contain\r\n        />\r\n        <!-- Premium icon over element\r\n        <v-img :src=\"`/assets/premium.svg`\"\r\n               max-height=\"20px\"\r\n               max-width=\"20px\"\r\n               class=\"mb-3\"\r\n               contain\r\n        />\r\n      -->\r\n      </v-layout>\r\n      <!--<v-img :src=\"group.img\"\r\n               max-height=\"45px\"\r\n               max-width=\"45px\"\r\n               contain\r\n\r\n        <v-flex xs2 sm2 md2 lg2 xl2>\r\n          <v-img :src=\"`/assets/premium.svg`\"\r\n                 max-height=\"20px\"\r\n                 max-width=\"20px\"\r\n                 class=\"mb-3\"\r\n                 contain\r\n          />\r\n        </v-flex> -->\r\n\r\n      <br>\r\n      <v-layout justify-start raw wrap>\r\n        <v-flex\r\n          v-for=\"(topic, topicIndex) in group.data\"\r\n          :key=\"topicIndex\"\r\n          xs12\r\n          sm4\r\n          md4\r\n          lg4\r\n          xl4\r\n          class=\"pa-1\"\r\n        >\r\n          <v-hover>\r\n            <v-card\r\n              slot-scope=\"{ hover }\"\r\n              class=\"checkboard-card\"\r\n              :color=\"getColor(topic.isBlack)\"\r\n              :class=\"[`elevation-${hover ? 17 : 2}`,\r\n                       {'white--text': topic.isBlack},\r\n                       `${getCardDisplayClass(topic.icon, hover)}`]\"\r\n              @click.native=\"`${isLocked(topic.icon) ? logged=true : topic.action()}`\"\r\n            >\r\n              <v-card-title>\r\n                <v-layout justify-start>\r\n                  <div class=\"cardheader\">\r\n                    <b>{{ groupIndex+1 }} . </b>  <b>{{ topicIndex+1 }}</b>\r\n                  </div>\r\n                </v-layout>\r\n                <div>\r\n                  <transition\r\n                    enter-active-class=\"animated fadeIn zoomIn\"\r\n                    leave-active-class=\"animated fadeOut zoomOut\"\r\n                  >\r\n                    <v-icon\r\n                      v-if=\"hover==true && loggedIn()==false\"\r\n                      :class=\"[`${isLocked(topic.icon) ? 'lock' : 'open'}`]\"\r\n                    >\r\n                      {{ topic.icon }}\r\n                    </v-icon>\r\n                    <v-icon\r\n                      v-else-if=\"hover==true && loggedIn()==true\"\r\n                      :class=\"[`${isLocked(topic.icon) ? 'lock' : 'open'}`]\"\r\n                    >\r\n                      fas fa-lock-open\r\n                    </v-icon>\r\n                  </transition>\r\n                </div>\r\n              </v-card-title>\r\n              <v-layout justify-center align-center class=\"px-3 cardheader\">\r\n                <b>{{ topic.title }} </b>\r\n              </v-layout>\r\n              <!--<v-card-title>\r\n                <div class=\"shift\">\r\n                <span class=\"spaned\" v-for=\"(names, index) in topic.description\">\r\n                 <b style=\"color:#FF5936;font-weight:900\">|</b>&nbsp;{{names}}&nbsp;\r\n                </span>\r\n                </div>\r\n              </v-card-title>-->\r\n            </v-card>\r\n          </v-hover>\r\n        </v-flex>\r\n      </v-layout>\r\n      <br>\r\n    </div>\r\n  </v-container>\r\n</template>\r\n\r\n<script>\r\nimport axios from 'axios';\r\nimport { mapGetters } from 'vuex';\r\nimport BuyCard from '../BuyCard/BuyCard.vue';\r\nimport DivideContent from  './Divider.vue';\r\n\r\nexport default {\r\n  name: 'Grade10Chem',\r\n  components: {\r\n    BuyCard,\r\n    DivideContent\r\n\r\n  },\r\n  data () {\r\n    return {\r\n    logged:false,\r\n    price: null,\r\n    newPrice:null,\r\n    title: null,\r\n    topicss:null,\r\n    discount: null,\r\n    //dialog: true,\r\n    courseStatus: null,\r\n    subscriptionId: null,\r\n    subscriptionEnd: null,\r\n    loginStatus: false,\r\n    style: {layout: \"margin: 0%\"}\r\n    //buttonName: \"Sign In\"\r\n  //  popUp:false,\r\n    }\r\n  },\r\n  //async\r\n  created () {\r\n  //    await this.$store.dispatch('navigation/getData');\r\n      this.$store.commit('navigation/resetState');\r\n      this.$store.commit('navigation/changeTitle', 'Grade 10 Chemistry');\r\n  //    this.$store.commit('navigation/changeMenu', 'Grade 6 Math');\r\n      this.$store.commit('navigation/toggleshowhome', false);\r\n      this.$store.commit('navigation/replaceChem', true);\r\n      this.$store.commit('navigation/replaceLeftArrow', true);\r\n      this.$store.commit('navigation/replaceEnroll', true);\r\n  },\r\n  computed: {\r\n     ...mapGetters({\r\n       topics: 'navigation/chemistry10th'\r\n     })\r\n   },\r\n///////////////////////////////////////// CHECKOUT STUFF ///////////////////////////////////////////////\r\n  async mounted () {\r\n    console.log(\"async mounted working\");\r\n    try {\r\n          if(this.$route.query.grade !== undefined)\r\n          {\r\n            console.log(\"Grade found\");\r\n            let chapterUrl = process.env.VUE_APP_API+'course/'+this.$route.query.grade+'/chapters';\r\n            if (localStorage.getItem('userId'))\r\n            {\r\n              console.log(\"User token found\");\r\n              chapterUrl = process.env.VUE_APP_API+'course/'+this.$route.query.grade+'/chapters/'+localStorage.getItem('userId')\r\n              this.loginStatus = true\r\n              this.buttonName = \"Subscribe\"\r\n            }\r\n            const response = await axios.get(chapterUrl, { headers: {Authorization: 'Bearer ' + localStorage.getItem('token')}});\r\n            if(response.data.success)\r\n            {\r\n              let grades = response.data.data.course;\r\n              this.price = (grades.actual_price).toFixed(2);\r\n              this.discount = 1*grades.discount;\r\n              this.newPrice = ((this.price) * ((100-grades.discount)/100)).toFixed(2);\r\n              console.log(\"data success\", this.price);\r\n              if(typeof grades.subscription_status !== 'undefined')\r\n              {\r\n                console.log(\"sub\", grades.subscription_status);\r\n                this.courseStatus = grades.subscription_status;\r\n                this.subscriptionId = grades.app_subscription_id\r\n                this.subscriptionEnd = grades.ends_at\r\n              }\r\n              console.log(\"data success\", this.courseStatus, this.subscriptionEnd);\r\n            }\r\n              this.$store.commit('navigation/changePrice', this.price);\r\n              this.$store.commit('navigation/changeDiscount', this.discount);\r\n              this.$store.commit('navigation/changenewPrice', this.newPrice);\r\n              this.$store.commit('navigation/courseStatusInd', this.courseStatus);\r\n              this.$store.commit('navigation/appSubscriptionId', this.subscriptionId);\r\n              this.$store.commit('navigation/appSubscriptionEnd', this.subscriptionEnd);\r\n\r\n          }\r\n        }\r\n        catch (error)\r\n        {\r\n          console.error(\"error1::\", error);\r\n          this.$notify({\r\n                group: 'notify',\r\n                type: 'error',\r\n                title: 'Error!!',\r\n                text: 'Something went wrong!!'\r\n              });\r\n        }\r\n  },\r\n/////////////////////////////////////// THESE ARE LOCAL METHODS SCOPED TO THIS VUE COMPONENET ONLY. IF THESE FUNCTIONS HAVE TO BE USED MORE OFTEN, PLACE THEM WITHIN VUE MIXIN INSIDE MAIN.JS FILE\r\n  methods:\r\n  {\r\n    showCard ()\r\n    {\r\n      if(!localStorage.getItem('token'))\r\n      {\r\n      this.logged = true;\r\n      }\r\n      else\r\n      {\r\n      }\r\n    },\r\n    closeBuy()\r\n    {\r\n      this.logged=false;\r\n      console.log(this.logged);\r\n    },\r\n\r\n    getColor(isBlack)\r\n    {\r\n      return isBlack ? '#2E2E2E' : '#e0e0e0';\r\n    },\r\n    isLocked(iconString)\r\n    {  if(!localStorage.getItem('token'))\r\n      {\r\n        return iconString == 'fas fa-lock';\r\n      } else {\r\n        return false;\r\n      }\r\n    },\r\n    getCardDisplayClass(iconString, hoverState)\r\n    {\r\n        if (hoverState)\r\n        {\r\n            if (this.isLocked(iconString))\r\n            {\r\n                return 'locked-content';\r\n            } else\r\n            {\r\n                return 'unlocked-content';\r\n            }\r\n        }\r\n        return '';\r\n    }\r\n  },\r\n  metaInfo() {\r\n  return{ title: 'Explore 10th Grade Chemistry',\r\n          //titleTemplate: '%s - Learn interactively',\r\n          meta: [\r\n                  {vmid:'keywords', name: \"keywords\", content: \"10th grade chemistry, Interactive chemistry, Quizzes\"},\r\n                  {vmid:'description', name: 'description', content: 'Visually interactive module on 6th grade mathematics'}\r\n                ],\r\n        }\r\n   }\r\n}\r\n</script>\r\n<style lang=\"scss\">\r\n@import '@/styles/screen-sizes.scss';\r\n</style>\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!./Chemistry10th.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!./Chemistry10th.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Chemistry10th.vue?vue&type=template&id=b88783e2&\"\nimport script from \"./Chemistry10th.vue?vue&type=script&lang=js&\"\nexport * from \"./Chemistry10th.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Chemistry10th.vue?vue&type=style&index=0&id=b88783e2&prod&lang=scss&\"\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":""}