{"version":3,"sources":["webpack:///./src/views/Insights/List/Articles.vue","webpack:///./src/views/Insights/List/Articles.vue?47c4","webpack:///./src/views/Insights/List/List.vue?a719","webpack:///./src/views/Insights/List/List.vue","webpack:///./src/views/Insights/List/List.vue?effc","webpack:///./src/components/Insights/TopNav.vue","webpack:///./src/components/Insights/TopNav.vue?de75","webpack:///./src/components/Insights/TopNav.vue?70ef"],"names":["_createBlock","_component_list","dataSet","$data","name","components","List","data","title","mounted","document","__exports__","render","class","style","_createVNode","_component_top_nav","activeTab","$props","_createElementVNode","_createElementBlock","_Fragment","_renderList","item","idx","key","onClick","$options","url","src","image","_toDisplayString","innerHTML","desc","TopNav","props","String","items","methods","getData","this","axios","get","$hostname","headers","localStorage","getItem","then","response","catch","error","errorMessage","message","console","gotoUrl","window","open","el","querySelector","scrollIntoView","id","active","gotoPage","mode","$root","playClickSound","gotoRoute","path"],"mappings":"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","file":"js/chunk-c2b800d2.b0cd1b73.js","sourcesContent":["<template>\r\n  <list :dataSet=\"dataSet\"></list>\r\n</template>\r\n\r\n\r\n\r\n<script>\r\n\r\nimport List from \"@/views/Insights/List/List\";\r\n\r\nexport default {\r\n  name: \"Articles\",\r\n  components: {List},\r\n  data(){\r\n    return{\r\n      title:'Articles',\r\n      dataSet:'articles'\r\n    }\r\n  },\r\n  mounted() {\r\n    document.title = \"Articles\";\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n\r\n</style>","import { render } from \"./Articles.vue?vue&type=template&id=652c161b\"\nimport script from \"./Articles.vue?vue&type=script&lang=js\"\nexport * from \"./Articles.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"D:\\\\AppDev\\\\__\\\\goblinbank_vue\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./List.vue?vue&type=style&index=0&id=40ec9f92&scoped=true&lang=css\"","<template>\r\n\r\n  <top-nav :activeTab='dataSet'></top-nav>\r\n\r\n  <div class=\"mainContainer container\" style=\"\">\r\n\r\n    <div class=\"section\">\r\n      <ul>\r\n        <li class=\"item\" v-for=\"(item,idx) in items\" :key=\"idx\" @click=\"gotoUrl(item.url)\">\r\n            <div class=\"itemImg\"><img :src=\"item.image\"></div>\r\n            <div>\r\n              <div class=\"itemTitle\">{{item.title}}</div>\r\n              <div class=\"itemDesc\" v-html=\"item.desc\"></div>\r\n            </div>\r\n        </li>\r\n      </ul>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n\r\n\r\n<script>\r\n\r\nimport TopNav from '@/components/Insights/TopNav';\r\n//import TextClamp from 'vue3-text-clamp';\r\n\r\nexport default {\r\n  name: 'List',\r\n  components: {\r\n    TopNav,\r\n    //TextClamp\r\n\r\n  },\r\n  props:{\r\n    dataSet: String,\r\n    //activeTab: String,\r\n  },\r\n\r\n  data(){\r\n    return{\r\n      items:[],\r\n    }\r\n  },\r\n  methods:{\r\n    getData(){\r\n      this.axios\r\n          .get(this.$hostname + '/getdata/?data=' + this.dataSet,{\r\n            headers:{\r\n              'token':localStorage.getItem('user')\r\n            }\r\n          })\r\n          .then(response =>{\r\n              this.items = response.data;\r\n\r\n          })\r\n          .catch(error => {\r\n            this.errorMessage = error.message;\r\n            console.error(\"There was an error!\", error);\r\n          })\r\n    },\r\n    gotoUrl(url){\r\n      if(url !== '#') window.open(url);\r\n    }\r\n  },\r\n  mounted() {\r\n    document.title = this.title;\r\n    this.getData();\r\n    let el = document.querySelector('.active');\r\n    el.scrollIntoView(true);\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n  .item{\r\n    display:flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    height:200px;\r\n    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);\r\n    transition: 0.3s;\r\n    padding:10px;\r\n  }\r\n\r\n  .itemImg{\r\n    padding:10px;\r\n  }\r\n\r\n  .itemImg img{\r\n    max-width:120px;\r\n  }\r\n\r\n  .item .itemTitle{\r\n    color:#0e90d2;\r\n    font-weight: bold;\r\n    margin-bottom:5px;\r\n  }\r\n\r\n  .item .itemDesc{\r\n    max-height:100px;\r\n    display: -webkit-box;\r\n    -webkit-line-clamp: 5;\r\n    -webkit-box-orient: vertical;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    font-size:11px;\r\n  }\r\n\r\n  .mainContainer{\r\n    margin-top:150px;\r\n  }\r\n\r\n</style>","import { render } from \"./List.vue?vue&type=template&id=40ec9f92&scoped=true\"\nimport script from \"./List.vue?vue&type=script&lang=js\"\nexport * from \"./List.vue?vue&type=script&lang=js\"\n\nimport \"./List.vue?vue&type=style&index=0&id=40ec9f92&scoped=true&lang=css\"\n\nimport exportComponent from \"D:\\\\AppDev\\\\__\\\\goblinbank_vue\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-40ec9f92\"]])\n\nexport default __exports__","<template>\r\n  <div id=\"topNavDiv\">\r\n    <div class=\"topNav\" >\r\n      <div class=\"topNavTab clickable\" :class=\"{active: activeTab === 'community'}\" @click=\"gotoPage('')\">Community</div>\r\n      <div class=\"topNavTab clickable\" :class=\"{active: activeTab === 'articles'}\" @click=\"gotoPage('articles')\">Articles</div>\r\n      <div class=\"topNavTab clickable\" :class=\"{active: activeTab === 'books'}\" @click=\"gotoPage('books')\">Books</div>\r\n      <div class=\"topNavTab clickable\" :class=\"{active: activeTab === 'parenting'}\" @click=\"gotoPage('parenting')\">Parenting</div>\r\n      <div class=\"topNavTab clickable\" :class=\"{active: activeTab === 'courses'}\" @click=\"gotoPage('courses')\">Courses</div>\r\n      <div class=\"topNavTab clickable\" :class=\"{active: activeTab === 'tools'}\" @click=\"gotoPage('tools')\">Tools</div>\r\n      <div class=\"topNavTab clickable\" :class=\"{active: activeTab === 'links'}\" @click=\"gotoPage('links')\">Links</div>\r\n    </div>\r\n  </div>\r\n\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'TopNav',\r\n  props: {\r\n    activeTab:String\r\n  },\r\n  data(){\r\n    return{\r\n    }\r\n  },\r\n  methods:{\r\n\r\n    gotoPage(mode){\r\n      this.$root.playClickSound();\r\n      this.$root.gotoRoute({ path: '/insights/' + mode });\r\n    }\r\n  }\r\n\r\n}\r\n</script>\r\n\r\n<!-- Add \"scoped\" attribute to limit CSS to this component only -->\r\n<style scoped>\r\n#topNavDiv{\r\n  width:100%;\r\n  height:120px;\r\n  background-color: #ffffff;\r\n  display: flex;\r\n  align-items: flex-end;\r\n  justify-content:left;\r\n  position:fixed;\r\n  top:0;\r\n  z-index: 9;\r\n  border-bottom: 0.5px solid #ffd603;\r\n}\r\n\r\n\r\n.topNav{\r\n  display: flex;\r\n  justify-content: left;\r\n  overflow: scroll;\r\n\r\n}\r\n\r\n.topNav::-webkit-scrollbar {\r\n  width: 0;\r\n  height: 0;\r\n}\r\n\r\n.topNav .topNavTab{\r\n  border-radius:2px 2px 0 0 ;\r\n  padding:10px;\r\n  margin:0 2px;\r\n  white-space: nowrap;\r\n  background-color: #ffffff;\r\n  font-size:13px;\r\n}\r\n\r\n.topNav .topNavTab.active{\r\n  background-color: #ffd603;\r\n}\r\n</style>\r\n","import { render } from \"./TopNav.vue?vue&type=template&id=40734687&scoped=true\"\nimport script from \"./TopNav.vue?vue&type=script&lang=js\"\nexport * from \"./TopNav.vue?vue&type=script&lang=js\"\n\nimport \"./TopNav.vue?vue&type=style&index=0&id=40734687&scoped=true&lang=css\"\n\nimport exportComponent from \"D:\\\\AppDev\\\\__\\\\goblinbank_vue\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-40734687\"]])\n\nexport default __exports__","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./TopNav.vue?vue&type=style&index=0&id=40734687&scoped=true&lang=css\""],"sourceRoot":""}