{"version":3,"sources":["webpack:///./src/views/ProductTypeChoice.vue?7c1a","webpack:///src/views/ProductTypeChoice.vue","webpack:///./src/views/ProductTypeChoice.vue?d312","webpack:///./src/views/ProductTypeChoice.vue?5042","webpack:///./src/views/ProductTypeChoice.vue?c690"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","_v","_s","$t","staticClass","data","on","chooseThisProductType","staticRenderFns","components","choiceOptions","loading","mounted","getProductTypes","methods","$store","commit","productType","$router","push","name","component","VCard","VCardTitle","VCol","VRow"],"mappings":"iJAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,QAAQ,CAACA,EAAG,QAAQ,CAACA,EAAG,SAAS,CAACE,MAAM,CAAC,KAAO,GAAG,KAAO,KAAK,CAACF,EAAG,eAAe,CAACJ,EAAIO,GAAG,IAAIP,EAAIQ,GAAGR,EAAIS,GAAG,sBAAsB,OAAOL,EAAG,MAAM,CAACM,YAAY,aAAa,CAACN,EAAG,gBAAgB,CAACE,MAAM,CAAC,QAAUN,EAAIW,MAAMC,GAAG,CAAC,iBAAmBZ,EAAIa,0BAA0B,IAAI,IAAI,IAAI,IAAI,IAC1YC,EAAkB,G,wBC4CtB,GACEC,WAAY,CACVC,cAAJ,QAEEL,KAJF,WAKI,MAAO,CACLA,KAAM,KACNM,SAAS,IAGbC,QAVF,WAWIjB,KAAKkB,mBAEPC,QAAS,CACPD,gBADJ,WACA,WACA,OAEMlB,KAAKgB,SAAU,EACf,EAAN,KACA,yBACA,kBAEQ,EAAR,YACQ,EAAR,cAEA,mBACQ,QAAR,OACQ,EAAR,eAGIJ,sBAjBJ,SAiBA,GACMZ,KAAKoB,OAAOC,OAAO,yBACnBrB,KAAKoB,OAAOC,OAAO,gCACnBrB,KAAKoB,OAAOC,OAAO,iBAAkBC,GAErCtB,KAAKuB,QAAQC,KAAK,CAChBC,KAAM,gBCjF6U,I,6FCQvVC,EAAY,eACd,EACA5B,EACAe,GACA,EACA,KACA,WACA,MAIa,aAAAa,EAAiB,QAQhC,IAAkBA,EAAW,CAACC,QAAA,KAAMC,WAAA,OAAWC,OAAA,KAAKC,OAAA,Q,kCC3BpD","file":"js/productTypeChoice.42238dee.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('v-row',[_c('v-col',[_c('v-card',{attrs:{\"flat\":\"\",\"tile\":\"\"}},[_c('v-card-title',[_vm._v(\" \"+_vm._s(_vm.$t(\"chooseProductType\"))+\" \")]),_c('div',{staticClass:\"container\"},[_c('choiceOptions',{attrs:{\"options\":_vm.data},on:{\"chooseThisOption\":_vm.chooseThisProductType}})],1)],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <v-row>\r\n      <v-col>\r\n        <v-card flat tile>\r\n          <v-card-title>\r\n            {{ $t(\"chooseProductType\") }}\r\n          </v-card-title>\r\n          <div class=\"container\">\r\n            <choiceOptions\r\n              :options=\"data\"\r\n              @chooseThisOption=\"chooseThisProductType\"\r\n            />\r\n            <!-- <div v-if=\"data\" class=\"wrapper_options mt-3\">\r\n              <div v-for=\"productType in data\" :key=\"productType.Id\">\r\n                <v-card\r\n                  outlined\r\n                  class=\"option wrapper_content_taxonomy\"\r\n                  @click=\"chooseThisProductType(productType)\"\r\n                >\r\n                  <div class=\"option image\">\r\n                    <v-img\r\n                      aspect-ratio=\"1\"\r\n                      width=\"100px\"\r\n                      height=\"100px\"\r\n                      :src=\"productType.Image\"\r\n                    ></v-img>\r\n                  </div>\r\n                  <div class=\"subtitle-1 font-weight-bold option\">\r\n                    {{ productType.Name }}\r\n                  </div>\r\n                </v-card>\r\n              </div>\r\n            </div> -->\r\n          </div>\r\n        </v-card>\r\n      </v-col>\r\n    </v-row>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport ajax from \"@/services/service.oryx.js\";\r\nimport choiceOptions from \"@/components/ChoiceOptions\";\r\n\r\nexport default {\r\n  components: {\r\n    choiceOptions,\r\n  },\r\n  data() {\r\n    return {\r\n      data: null,\r\n      loading: true,\r\n    };\r\n  },\r\n  mounted() {\r\n    this.getProductTypes();\r\n  },\r\n  methods: {\r\n    getProductTypes() {\r\n      let lc = \"NL\"; //localStorage.getItem(\"language\");\r\n\r\n      this.loading = true;\r\n      ajax\r\n        .getProductTypeChoices(lc)\r\n        .then((res) => {\r\n          // console.log(res.data);\r\n          this.data = res.data;\r\n          this.loading = false;\r\n        })\r\n        .catch((err) => {\r\n          console.log(err);\r\n          this.loading = false;\r\n        });\r\n    },\r\n    chooseThisProductType(productType) {\r\n      this.$store.commit(\"resetSelectedSolution\");\r\n      this.$store.commit(\"resetSolutionSelectorChoices\");\r\n      this.$store.commit(\"addProductType\", productType);\r\n\r\n      this.$router.push({\r\n        name: \"Selector\",\r\n      });\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.wrapper {\r\n  height: 100vh;\r\n  overflow-y: auto;\r\n}\r\n.wrapper_options {\r\n  --auto-grid-min-size: 20rem;\r\n  display: grid;\r\n  grid-gap: 1em;\r\n  grid-template-columns: repeat(\r\n    auto-fill,\r\n    minmax(var(--auto-grid-min-size), 1fr)\r\n  );\r\n}\r\n.wrapper_content_taxonomy {\r\n  /*--auto-grid-min-size: 25rem;*/\r\n  display: grid;\r\n\r\n  grid-template-columns: 1fr 5fr;\r\n  box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.05);\r\n  border-radius: 1px;\r\n  transition: 0.2s all;\r\n}\r\n\r\n.wrapper_options:hover .wrapper_content_taxonomy {\r\n  /* filter:blur(3px); */\r\n  opacity: 0.8;\r\n  transform: scale(0.98);\r\n  box-shadow: none;\r\n}\r\n.wrapper_options:hover .wrapper_content_taxonomy:hover {\r\n  transform: scale(1);\r\n  filter: blur(0px);\r\n  opacity: 1;\r\n  box-shadow: 0 8px 20px 0px rgba(0, 0, 0, 0.125);\r\n}\r\n/* start solutions */\r\n.wrapper_solutions {\r\n  --auto-grid-min-size: 20rem;\r\n  display: grid;\r\n  grid-gap: 1em;\r\n  grid-template-columns: repeat(\r\n    auto-fill,\r\n    minmax(var(--auto-grid-min-size), 1fr)\r\n  );\r\n}\r\n\r\n.wrapper_content_solution {\r\n  box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.05);\r\n  border-radius: 1px;\r\n  transition: 0.2s all;\r\n}\r\n\r\n.wrapper_solutions:hover .wrapper_content_solution {\r\n  /* filter:blur(3px); */\r\n  opacity: 0.8;\r\n  transform: scale(0.98);\r\n  box-shadow: none;\r\n}\r\n.wrapper_solutions:hover .wrapper_content_solution:hover {\r\n  transform: scale(1);\r\n  filter: blur(0px);\r\n  opacity: 1;\r\n  box-shadow: 0 8px 20px 0px rgba(0, 0, 0, 0.125);\r\n}\r\n/* end solutions */\r\n.option {\r\n  border-radius: 5px;\r\n  padding: 1em;\r\n  height: 100%;\r\n}\r\n.option .image {\r\n  padding: 0;\r\n}\r\n.wrapper_content_taxonomy {\r\n  padding: 0em;\r\n}\r\n\r\n.solution {\r\n  border-radius: 5px;\r\n  padding: 1em;\r\n  height: auto;\r\n  min-height: 88px;\r\n}\r\n.sticky_solutionSelector {\r\n  position: -webkit-sticky !important;\r\n  position: sticky !important;\r\n  top: 0px;\r\n  z-index: 10;\r\n  border-bottom: 1px solid rgba(0, 0, 0, 0.12) !important;\r\n}\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!./ProductTypeChoice.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!./ProductTypeChoice.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ProductTypeChoice.vue?vue&type=template&id=0afcb7ad&scoped=true&\"\nimport script from \"./ProductTypeChoice.vue?vue&type=script&lang=js&\"\nexport * from \"./ProductTypeChoice.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ProductTypeChoice.vue?vue&type=style&index=0&id=0afcb7ad&scoped=true&lang=css&\"\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  \"0afcb7ad\",\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VCardTitle } from 'vuetify/lib/components/VCard';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VRow } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VCard,VCardTitle,VCol,VRow})\n","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ProductTypeChoice.vue?vue&type=style&index=0&id=0afcb7ad&scoped=true&lang=css&\""],"sourceRoot":""}