{"version":3,"sources":["webpack:///./src/views/Finder/Finder.vue","webpack:///src/views/Finder/Finder.vue","webpack:///./src/views/Finder/Finder.vue?6991","webpack:///./src/views/Finder/Finder.vue?3385"],"names":["staticClass","attrs","_c","scopedSlots","key","fn","_vm","grades","subs","$$v","on","staticRenderFns","name","components","data","finder","catArr","gradesList","link1","link2","id","items","avatar","gradeList","created","$store","commit","title","newshowhome","newFind","metaInfo","meta","vmid","content","charset","methods","onSubmit","_onSubmit","_asyncToGenerator","regeneratorRuntime","mark","_callee","getCat","i","getGrade","j","wrap","_context","prev","next","axios","get","process","sent","success","categories","slice","console","log","link","category","courses","split","t0","error","$notify","group","type","text","$router","push","path","stop","apply","arguments","component"],"mappings":"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","file":"js/chunk-2d0d6b31.eeccaf1e.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('h3',{staticClass:\"txt-center\"},[_vm._v(\"\\n      Need help finding a topic you'd like to explore? Search below.\\n    \")]),_c('v-layout',{staticClass:\"mt-3\",attrs:{\"justify-center\":\"\"}},[_c('v-flex',{attrs:{\"xs6\":\"\",\"sm5\":\"\",\"md4\":\"\",\"lg4\":\"\",\"xl4\":\"\"}},[_c('v-autocomplete',{staticClass:\"mx-auto pa-1 mb-1\",attrs:{\"items\":_vm.gradeList,\"flat\":\"\",\"outline\":\"\",\"color\":\"black\",\"label\":\"Grade\",\"item-text\":\"name\",\"item-value\":\"name\",\"return-object\":\"\"},scopedSlots:_vm._u([{key:\"selection\",fn:function(data){return [[_c('v-layout',{attrs:{\"align-center\":\"\",\"justify-center\":\"\"}},[_c('v-img',{attrs:{\"src\":data.item.avatar,\"max-height\":\"32px\",\"contain\":\"\"}}),_vm._v(\"\\n                \"+_vm._s(data.item.name)+\"\\n              \")],1)]]}}]),model:{value:(_vm.grades),callback:function ($$v) {_vm.grades=$$v},expression:\"grades\"}})],1),_c('v-flex',{attrs:{\"xs6\":\"\",\"sm5\":\"\",\"md4\":\"\",\"lg4\":\"\",\"xl4\":\"\"}},[_c('v-autocomplete',{staticClass:\"mx-auto pa-1 mb-1\",attrs:{\"items\":_vm.items,\"flat\":\"\",\"outline\":\"\",\"color\":\"black\",\"label\":\"Subject\",\"item-text\":\"name\",\"item-value\":\"id\",\"return-object\":\"\"},scopedSlots:_vm._u([{key:\"selection\",fn:function(data){return [[_c('v-layout',{attrs:{\"align-center\":\"\",\"justify-center\":\"\"}},[_c('v-img',{attrs:{\"src\":data.item.avatar,\"max-height\":\"32px\",\"contain\":\"\"}}),_vm._v(\"\\n                \"+_vm._s(data.item.name)+\"\\n              \")],1)]]}}]),model:{value:(_vm.subs),callback:function ($$v) {_vm.subs=$$v},expression:\"subs\"}})],1),_c('v-flex',{attrs:{\"xs1\":\"\",\"sm1\":\"\",\"md1\":\"\",\"lg1\":\"\",\"xl1\":\"\"}},[_c('v-btn',{staticClass:\"my-auto pa-1\",attrs:{\"fab\":\"\",\"dark\":\"\",\"large\":\"\",\"align-center\":\"\"},on:{\"click\":function($event){return _vm.onSubmit()}}},[_c('v-img',{attrs:{\"src\":\"/assets/find.svg\",\"aspect-ratio\":\"1\",\"max-width\":\"25px\",\"contain\":\"\"}})],1)],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <h3 class=\"txt-center\">\r\n      Need help finding a topic you'd like to explore? Search below.\r\n    </h3>\r\n\r\n    <v-layout class=\"mt-3\" justify-center>\r\n      <v-flex\r\n        xs6\r\n        sm5\r\n        md4\r\n        lg4\r\n        xl4\n      >\r\n        <v-autocomplete\r\n          v-model=\"grades\"\r\n          :items=\"gradeList\"\r\n          flat\r\n          outline\r\n          color=\"black\"\r\n          label=\"Grade\"\r\n          item-text=\"name\"\r\n          item-value=\"name\"\r\n          return-object\r\n          class=\"mx-auto pa-1 mb-1\"\r\n        >\r\n          <template slot=\"selection\" slot-scope=\"data\">\r\n            <template>\r\n              <v-layout align-center justify-center>\r\n                <v-img :src=\"data.item.avatar\" max-height=\"32px\" contain />\r\n                {{ data.item.name }}\r\n              </v-layout>\r\n            </template>\r\n          </template>\r\n        </v-autocomplete>\r\n      </v-flex>\r\n      <v-flex\r\n        xs6\r\n        sm5\r\n        md4\r\n        lg4\r\n        xl4\r\n      >\r\n        <v-autocomplete\r\n          v-model=\"subs\"\r\n          :items=\"items\"\r\n          flat\r\n          outline\r\n          color=\"black\"\r\n          label=\"Subject\"\r\n          item-text=\"name\"\r\n          item-value=\"id\"\r\n          return-object\r\n          class=\"mx-auto pa-1 mb-1\"\r\n        >\r\n          <template slot=\"selection\" slot-scope=\"data\">\r\n            <template>\r\n              <v-layout align-center justify-center>\r\n                <v-img :src=\"data.item.avatar\" max-height=\"32px\" contain />\r\n                {{ data.item.name }}\r\n              </v-layout>\r\n            </template>\r\n          </template>\r\n        </v-autocomplete>\r\n      </v-flex>\r\n      <v-flex\r\n        xs1\r\n        sm1\r\n        md1\r\n        lg1\r\n        xl1\n      >\r\n        <v-btn fab\n               dark\n               large\n               align-center\n               class=\"my-auto pa-1\"\n               @click=\"onSubmit()\"\n        >\r\n          <v-img\r\n            src=\"/assets/find.svg\"\r\n            aspect-ratio=\"1\"\r\n            max-width=\"25px\"\r\n            contain\r\n          />\r\n        </v-btn>\r\n      </v-flex>\r\n    </v-layout>\r\n  <!--  <v-layout justify-center align-center>\r\n    <v-btn fab dark large @click=\"onSubmit()\">\r\n      <v-img\r\n        src=\"/assets/find.svg\"\r\n        aspect-ratio=\"1\"\r\n        max-width=\"25px\"\r\n        contain\r\n      />\r\n    </v-btn>\r\n  </v-layout> -->\r\n  </div>\r\n<!--  <div id=\"finder-form\" class=\"finder-form\">\r\n    <p class=\"finder-form_subtitle\">\n      Need help finding a topic you'd like to explore? Search here.\n    </p>\r\n    <form\r\n      class=\"form\"\r\n      style=\"text-align:center\"\r\n      @submit.prevent=\"onSubmit\"\n    >\r\n      <input v-model=\"finder.subject\"\r\n             required\r\n             name=\"subject\"\r\n             placeholder=\"Keyword\"\r\n             type=\"text\"\r\n             autocomplete=\"off\"\r\n             class=\"namebox\"\n      >\r\n      <button class=\"button\" @click=\"onSubmit()\">\n        <v-icon> fa-search </v-icon>\n      </button>\r\n    </form>\r\n    <br>\r\n    <div v-if=\"isSending\" align-center justify-center>\r\n      <p class=\"finder-form_subtitle\">\n        Your search generated {{ results.topics.length }} results.\n      </p>\r\n      <v-layout\r\n        v-for=\"item in results.topics\"\r\n        :key=\"item.key\"\r\n        align-start\r\n        justify-center\n      >\r\n        <v-row\r\n          row\r\n          wrap\r\n        >\r\n          <v-hover v-slot:default=\"{ hover }\">\r\n            <v-card\r\n              class=\"rounded-card\"\r\n              :elevation=\"hover ? 9:0\"\r\n              max-width=\"400px\"\r\n              align=\"center\"\r\n              justify=\"center\"\r\n              contain\r\n            >\r\n              <v-img class=\"imgC\"\r\n                     :aspect-ratio=\"1\"\r\n                     :src=\"item.image\"\r\n                     max-height=\"150px\"\r\n                     max-width=\"150px\"\r\n                     contain\r\n              />\r\n              <span class=\"subjects\">\r\n                {{ item.id }}\r\n              </span>\r\n            </v-card>\r\n          </v-hover>\r\n          <br>\r\n        </v-row>\r\n      </v-layout>\r\n    </div>\r\n  </div> -->\r\n</template>\r\n<script>\r\nimport { mapGetters } from 'vuex';\r\nimport axios from 'axios';\r\nexport default {\r\n  name: 'Finder',\r\n  components: { },\r\n  data () {\r\n    return {\r\n      finder: { },\r\n      subs:[],\r\n      grades:[],\r\n      catArr:[],\r\n      gradesList:[],\r\n      link1:null,\r\n      link2:null,\r\n      id:null,\r\n      items: [\r\n        { id:1, name: 'Physics',     avatar: '/assets/masswhite.svg' },\r\n        { id:2, name: 'Chemistry',   avatar: '/assets/proton.svg' },\r\n        { id:3, name: 'Mathematics', avatar: '/assets/algebraII.svg' },\r\n        //{ id:4, name: 'Programming', avatar: '/assets/brain.svg' },\r\n      ],\r\n      gradeList: [\r\n        { name: '6th',  avatar: '/assets/domino-6gray.svg' },\r\n        { name: '7th',  avatar: '/assets/domino-7gray.svg' },\r\n        { name: '8th',  avatar: '/assets/domino-8gray.svg' },\r\n        { name: '9th',  avatar: '/assets/domino-9gray.svg' },\r\n        { name: '10th', avatar: '/assets/domino-10gray.svg' },\r\n        { name: '11th', avatar: '/assets/domino-11gray.svg' },\r\n        { name: '12th', avatar: '/assets/domino-12gray.svg' },\r\n      ]\r\n      //drawers: ['Permanent', 'Persistent', 'Temporary'],\r\n    }\r\n  },\r\n//async\r\ncreated () {\r\n\t\t\t// Store mutations\r\n//      await this.$store.dispatch('navigation/getData');\r\n      this.$store.commit('navigation/resetState');\r\n\t\t\tlet title = 'Topic Finder';\r\n\t\t\tthis.$store.commit('navigation/changeTitle', title);\r\n\t\t\t//this.$store.commit('navigation/changeMenu', title);\r\n\t\t\tlet newshowhome = false;\r\n\t\t\tthis.$store.commit('navigation/toggleshowhome', newshowhome);\r\n\t\t\tlet newFind =true;\r\n\t\t\tthis.$store.commit('navigation/replaceFind', newFind);\r\n\t\t},\r\n    metaInfo() {\r\n      return {\r\n          title: 'Topic Finder',\r\n          //  titleTemplate: '%s - Learn interactively',\r\n            meta: [\r\n              {vmid:'description', name: 'description', content: 'Find visually interactive lesson on science, engineering and mathematics'},\r\n              {vmid:'keywords', name: 'keywords', content: \"Search topics, edliy topics\"},\r\n              { vmid:'chars', charset: 'utf-8' },\r\n              { vmid:'viewport', name: 'viewport', content: 'width=device-width, initial-scale=1' }]\r\n            }\r\n     },\r\n   methods: {\r\n   async onSubmit()\r\n    {\r\n      try{\r\n      if(this.subs.name != null)\r\n      {\r\n        const getCat = await axios.get(process.env.VUE_APP_API+'categories');\r\n      //  console.log(\"cats::::\", getCat.data.data.categories);\r\n        if(getCat.data.success)\r\n        {\r\n          this.catArr = getCat.data.data.categories.slice(3, 6);\r\n          console.log(\"cats::::\", this.catArr);\r\n          for(let i in this.catArr)\r\n          {\r\n            console.log(\"cats::::\", this.catArr[i].title);\r\n            if(this.catArr[i].title == this.subs.name)\r\n            {\r\n              this.link1 = this.catArr[i].link+'?id='+this.catArr[i].id;\r\n              this.id = this.catArr[i].id;\r\n            }\r\n          }\r\n        }\r\n      if(this.grades.name != null){\r\n        console.log(\"Grade level specified::\", this.grades.name);\r\n        const getGrade = await axios.get(process.env.VUE_APP_API+'category/'+this.id+'/courses');\r\n        if(getGrade.data.success)\r\n        {\r\n          this.gradesList = getGrade.data.data.category.courses;\r\n          console.log(\"grade name ::\", this.gradesList);\r\n          for (let j in this.gradesList){\r\n          if((this.gradesList[j].title).split(\" \")[0] == this.grades.name)\r\n          {\r\n            this.link2 = this.grades.name+'?grade='+this.gradesList[j].id;\r\n          }\r\n        }\r\n      }\r\n      }\r\n    }}\r\n    catch (error) {\r\n      console.error(error);\r\n      this.$notify({\r\n                group: 'notify',\r\n                type: 'error',\r\n                title: 'Subject not specified.',\r\n                text: 'Specify a subject to start searching.'\r\n      });\r\n    }\r\n      if(this.grades.name == null && this.subs.name == null) {\r\n        //this.$router.push({path:\"/\"});\r\n        this.$notify({\r\n              group: 'notify',\r\n              type: 'error',\r\n              title: 'Subject and Grade not specified.',\r\n              text: 'You need to specify a subject and a grade to search.'\r\n            });\r\n          }\r\n      else if(this.grades.name != null && this.subs.name != null){\r\n        this.$router.push({path:'/'+this.subs.name+this.link2});\r\n      }\r\n      else if(this.grades.name == null && this.subs.name != null)\r\n      {\r\n      this.$router.push({path:this.link1});\r\n      }\r\n      else if(this.grades.name!= null && this.subs.name == null){\r\n        this.$notify({\r\n                  group: 'notify',\r\n                  type: 'error',\r\n                  title: 'Subject NOT specified',\r\n                  text: 'You need to specify a subject to search.'\r\n        });\r\n      }\r\n    }\r\n  }\r\n}\r\n</script>\r\n<!--\r\n<style lang=\"scss\">\r\n@import '@/styles/screen-sizes.scss';\r\n.body {\r\n\tbackground: #f1f1f1;\r\n\tfont-family: 'Roboto', sans-serif;\r\n}\r\n.finder-form .rounded-card {\r\n  margin-top:auto;\r\n  margin-bottom:auto;\r\n\talign:center;\r\n  @include respond-to(less-smallest-screens) { height: 70px; width:70px; border-radius: 4.5px; }\r\n  @include respond-to(smallest-screens) { height: 110px; width:110px; border-radius: 4.5px; }\r\n  @include respond-to(small-screens) { height: 120px; width:120px; border-radius: 5.5px;}\r\n  @include respond-to(medium-screens) { height:170px; width:170px; border-radius: 6.5px;}\r\n  @include respond-to(large-screens) { height: 200px; width:200px; border-radius: 7.5px;}\r\n  @include respond-to(largest-screens) { height: 220px; width:220px; border-radius: 8.5px;}\r\n}\r\n.finder-form .subjects{\r\ntext-decoration: none;\r\nfont-family: Oswald;\r\ndisplay: inline-block;\r\ntext-align:center;\r\nposition:relative;\r\n@include respond-to(less-smallest-screens) {font-size:12px;}\r\n@include respond-to(smallest-screens) {font-size:14px;}\r\n@include respond-to(small-screens) {font-size:16px;top:10px;}\r\n@include respond-to(medium-screens) {font-size:18px;top:10px;}\r\n@include respond-to(large-screens) {font-size:20px; top:10px;}\r\n@include respond-to(largest-screens) {font-size:25px; top:10px;}\r\n}\r\n.finder-form .thumbnail {\r\n  display: inline-block;\r\n  max-width: 100%; /* only this one important */\r\n  margin-bottom: 1rem;\r\n  border: solid 4px #fefefe;\r\n  border-radius: 3px;\r\n  box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2);\r\n  line-height: 0; }\r\n.finder-form .imgC{\r\n  justify:center;\r\n  position:relative;\r\n  @include respond-to(less-smallest-screens) {height:40px; top:5px;}\r\n  @include respond-to(smallest-screens) {height: 40px;top:5.5px;}\r\n  @include respond-to(small-screens) {height: 60px;top:6.5px;}\r\n  @include respond-to(medium-screens) {height:100px;top:7.5px;}\r\n  @include respond-to(large-screens) {height: 130px;top:8.5px;}\r\n  @include respond-to(largest-screens) {height: 120px; top:10px;}\r\n  padding-top: 10px;\r\n  padding-bottom:20px;\r\n  }\r\n.finder-form .alert{\r\nfont-size:18px;\r\ntext-align:center;\r\ntext-justify:center;\r\n}\r\n.finder-form {\r\n\tfont-size: 16px;\r\n\tfont-family: Lato;\r\n\tmax-width: 500px;\r\n\twidth: 100%;\r\n\tborder-radius:5px;\r\n\tmargin: 0 auto;\r\n}\r\n.finder-form .separator {\r\n\tborder-bottom: solid 1px #ccc;\r\n\tmargin-bottom: 15px;\r\n}\r\n.finder-form .form {\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\tfont-size: 16px;\r\n\tmax-width: 425px;\r\n\tborder-radius:5px;\r\n\ttext-justify:center;\r\n\tmargin: 0 auto;\r\n\tpadding-bottom:25px;\r\n}\r\n\r\n.finder-form .namebox {\r\n\tfont-size: 16px;\r\n\tmax-width: 450px;\r\n\tpadding-right:10px;\r\n\tborder: solid 1px #e8e8e8;\r\n}\r\n\r\n.finder-form_title {\r\n\tcolor: #333;\r\n\tfont-size: 32px;\r\n\ttext-align:center;\r\n\tpadding-top:20px;\r\n}\r\n\r\n.finder-form_subtitle {\r\n\tcolor: #333;\r\n\tfont-size: 18px;\r\n\ttext-justify:center;\r\n\tpadding-left:35px;\r\n\tpadding-right:15px;\r\n}\r\n\r\n.finder-form input[type=\"email\"],\r\n.finder-form input[type=\"text\"],\r\n.finder-form textarea {\r\n\tborder: solid 1px #e8e8e8;\r\n\tfont-family: 'Roboto', sans-serif;\r\n\tpadding: 10px 7px;\r\n\tmargin-bottom: 15px;\r\n\toutline: none;}\r\n\r\n.finder-form textarea {\r\n\tresize: none;\r\n}\r\n\r\n.finder-form input[type=\"email\"],\r\n.finder-form input[type=\"text\"],\r\n.finder-form textarea,\r\n.finder-form .button {\r\n\tborder: solid 1px #333;\r\n\tfont-size: 16px;\r\n\tborder-radius: 5px;\r\n}\r\n\r\n.finder-form .button {\r\n\tbackground: #da552f;\r\n\tborder: solid 2px #da552f;\r\n\tcolor: white;\r\n\tcursor: pointer;\r\n\tpadding: 10px 50px;\r\n\ttext-align: center;\r\n\ttext-transform: uppercase;\r\n\tfont-size: 16px;\r\n\tborder-radius: 5px;\r\n\ttext-decoration: none;\r\n}\r\n\r\n.finder-form .button:hover {\r\n\tbackground: #ea532a;\r\n\tborder: solid 2px #ea532a;\r\n}\r\n\r\n</style>\r\n-->\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!./Finder.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!./Finder.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Finder.vue?vue&type=template&id=8f0cfaec&\"\nimport script from \"./Finder.vue?vue&type=script&lang=js&\"\nexport * from \"./Finder.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":""}