{"version":3,"sources":["webpack:///./src/components/ThumbnailSolutions.vue?b760","webpack:///src/components/ThumbnailSolutions.vue","webpack:///./src/components/ThumbnailSolutions.vue?d9d4","webpack:///./src/components/ThumbnailSolutions.vue?538a","webpack:///../../../src/components/VToolbar/index.ts","webpack:///./src/components/ThumbnailSolutions.vue?1224","webpack:///./src/components/BreadCrumb.vue?ec4a","webpack:///src/components/BreadCrumb.vue","webpack:///./src/components/BreadCrumb.vue?794e","webpack:///./src/components/BreadCrumb.vue","webpack:///./src/views/Selector.vue?c047","webpack:///src/views/Selector.vue","webpack:///./src/views/Selector.vue?dde6","webpack:///./src/views/Selector.vue?3210","webpack:///./src/views/Selector.vue?5efb"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_l","solution","id","key","attrs","staticStyle","Link","_v","_s","Name","Number","$t","Tax1","_e","Tax6","Tax9","WandDikte","IsolatieDikte","on","$event","selectedSolution","useInMarker","data","Selected","favorite","staticRenderFns","props","favorites","selectedSolutionId","tax263415Id","methods","console","log","$store","commit","Id","taxId","Tax263415Id","$router","push","name","params","isFirelog","selectorSteps","selectedStepsFromSelector","selectedStepIdsFromSelector","selectedAutoSkipped","useInMarkerFromDetails","dialogParent","userId","user","Taxonomy26734158Id","res","IsFavorite","component","VBtn","VCard","VCardActions","VCardText","VIcon","VImg","VSpacer","VToolbarTitle","VToolbarItems","productType","toProductTypeChoice","brand","product","toBrandChoice","toProductChoice","step","i","isDetailView","prevStep","computed","choices","$emit","loading","directives","rawName","value","expression","Solutions","length","getPreviousStepIndex","reset","selectedTaxonomies","SelectedAutoSkipped","stopPropagation","model","callback","$$v","linearProgressBar","Options","filter","x","tax","steps","Image","dialog","Object","Boolean","comeBackToSelector","type","required","selectedTaxonomyIdsFromDetailView","Array","selectedAutoSkippedFromDetailView","components","thumbnailSolutions","breadCrumb","created","JSON","parse","stringify","taxonomies","index","sliceIndex","slice","insertIdinCorrectPosition","undefined","productTypeId","brandId","productId","taxIds","companyId","lc","autoSkipped","watch","n","VProgressLinear","VSkeletonLoader","VToolbar"],"mappings":"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","file":"js/selector.2de53dcd.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.solutions)?_c('div',{staticClass:\"wrapper_solutions mt-3\"},_vm._l((_vm.solutions),function(solution,id){return _c('v-card',{key:id,staticClass:\"wrapper_content_solution\",attrs:{\"outlined\":\"\"}},[_c('v-card-text',{staticStyle:{\"height\":\"100%\"}},[_c('v-img',{attrs:{\"contain\":\"\",\"src\":solution.Link,\"height\":\"360px\"}}),_c('div',{staticClass:\"title font-weight-bold\"},[_vm._v(\" \"+_vm._s(solution.Name)+\" \"+_vm._s(solution.Number ? \" (\" + solution.Number + \")\" : \"\")+\" \")]),(solution.Tax1)?_c('div',{staticClass:\"subtitle-1 font-weight-bold\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"diameter\"))+\": \"+_vm._s(solution.Tax1)+\"mm \")]):_vm._e(),_c('div',{staticClass:\"subtitle-1 font-weight-bold\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"fireResistance\"))+\": \"+_vm._s(solution.Tax6)+\" \"+_vm._s(_vm.$t(\"minutes\"))+\" \")]),_c('div',{staticClass:\"subtitle-1 font-weight-bold\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"thickness\"))+\": \"+_vm._s(solution.Tax9)+\"mm \")]),(solution.WandDikte)?_c('div',{staticClass:\"subtitle-1 font-weight-bold\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"wallThickness\"))+\": \"+_vm._s(solution.WandDikte)+\"mm \")]):_vm._e(),(solution.IsolatieDikte)?_c('div',{staticClass:\"subtitle-1 font-weight-bold\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"insulationThickness\"))+\": \"+_vm._s(solution.IsolatieDikte)+\"mm \")]):_vm._e(),_c('div',{staticClass:\"subtitle-1 font-weight-bold\"},[(!solution.Tax1)?_c('br'):_vm._e(),(!solution.WandDikte)?_c('br'):_vm._e(),(!solution.IsolatieDikte)?_c('br'):_vm._e()]),_c('v-card-actions',[_c('v-btn',{attrs:{\"small\":\"\",\"depressed\":\"\",\"outlined\":\"\",\"color\":\"primary\"},on:{\"click\":function($event){return _vm.selectedSolution(solution)}}},[_vm._v(\" \"+_vm._s(_vm.$t(\"viewMore\"))+\" \")]),(_vm.isFirelog)?_c('v-btn',{attrs:{\"small\":\"\",\"depressed\":\"\",\"outlined\":\"\",\"color\":\"secondary\"},on:{\"click\":function($event){return _vm.useInMarker(solution, _vm.data.Selected)}}},[_vm._v(\" \"+_vm._s(_vm.$t(\"usethisinmarker\"))+\" \")]):_vm._e(),_c('v-spacer'),_c('v-btn',{attrs:{\"small\":\"\",\"depressed\":\"\"},on:{\"click\":function($event){return _vm.favorite(solution)}}},[(solution.IsFavorite)?_c('v-icon',{attrs:{\"small\":\"\",\"color\":\"primary\"}},[_vm._v(\" mdi-star \")]):_c('v-icon',{attrs:{\"small\":\"\",\"color\":\"primary\"}},[_vm._v(\" mdi-star-outline \")])],1)],1)],1)],1)}),1):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <!-------------------- MAKE SURE THIS IS IN A DIV WITH CLASS CONTAINER -------------------->\r\n  <div class=\"wrapper_solutions mt-3\" v-if=\"solutions\">\r\n    <v-card\r\n      outlined\r\n      class=\"wrapper_content_solution\"\r\n      v-for=\"(solution, id) in solutions\"\r\n      :key=\"id\"\r\n    >\r\n      <v-card-text style=\"height: 100%\">\r\n        <v-img contain :src=\"solution.Link\" height=\"360px\"></v-img>\r\n        <div class=\"title font-weight-bold\">\r\n          {{ solution.Name }}\r\n          {{ solution.Number ? \" (\" + solution.Number + \")\" : \"\" }}\r\n        </div>\r\n        <div class=\"subtitle-1 font-weight-bold\" v-if=\"solution.Tax1\">\r\n          {{ $t(\"diameter\") }}: {{ solution.Tax1 }}mm\r\n        </div>\r\n        <div class=\"subtitle-1 font-weight-bold\">\r\n          {{ $t(\"fireResistance\") }}: {{ solution.Tax6 }}\r\n          {{ $t(\"minutes\") }}\r\n        </div>\r\n        <div class=\"subtitle-1 font-weight-bold\">\r\n          {{ $t(\"thickness\") }}: {{ solution.Tax9 }}mm\r\n        </div>\r\n        <div class=\"subtitle-1 font-weight-bold\" v-if=\"solution.WandDikte\">\r\n          {{ $t(\"wallThickness\") }}: {{ solution.WandDikte }}mm\r\n        </div>\r\n        <div class=\"subtitle-1 font-weight-bold\" v-if=\"solution.IsolatieDikte\">\r\n          {{ $t(\"insulationThickness\") }}: {{ solution.IsolatieDikte }}mm\r\n        </div>\r\n        <div class=\"subtitle-1 font-weight-bold\">\r\n          <br v-if=\"!solution.Tax1\" />\r\n          <br v-if=\"!solution.WandDikte\" />\r\n          <br v-if=\"!solution.IsolatieDikte\" />\r\n        </div>\r\n        <v-card-actions>\r\n          <v-btn\r\n            small\r\n            depressed\r\n            outlined\r\n            color=\"primary\"\r\n            v-on:click=\"selectedSolution(solution)\"\r\n          >\r\n            {{ $t(\"viewMore\") }}\r\n          </v-btn>\r\n          <v-btn\r\n            v-on:click=\"useInMarker(solution, data.Selected)\"\r\n            small\r\n            v-if=\"isFirelog\"\r\n            depressed\r\n            outlined\r\n            color=\"secondary\"\r\n          >\r\n            {{ $t(\"usethisinmarker\") }}\r\n          </v-btn>\r\n\r\n          <v-spacer />\r\n          <v-btn small depressed v-on:click=\"favorite(solution)\">\r\n            <v-icon small color=\"primary\" v-if=\"solution.IsFavorite\">\r\n              mdi-star\r\n            </v-icon>\r\n            <v-icon small color=\"primary\" v-else> mdi-star-outline </v-icon>\r\n          </v-btn>\r\n        </v-card-actions>\r\n      </v-card-text>\r\n    </v-card>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport ajax from \"@/services/service.oryx.js\";\r\nimport jwtdecode from \"jwt-decode\";\r\n// import selectedSolutionComponent from \"@/components/pages/Markers/SolutionSelector/Detail\";\r\n\r\nexport default {\r\n  props: [\r\n    \"isFirelog\",\r\n    \"solutions\",\r\n    \"selectorSteps\",\r\n    \"selectedStepsFromSelector\",\r\n    \"selectedStepIdsFromSelector\",\r\n    \"selectedAutoSkipped\",\r\n  ],\r\n  data() {\r\n    return {\r\n      // isFirelog: true,\r\n      favorites: null,\r\n      selectedSolutionId: null,\r\n      tax263415Id: null,\r\n    };\r\n  },\r\n  methods: {\r\n    selectedSolution(solution) {\r\n      console.log(`Routing ongoing...`);\r\n      this.$store.commit(\"addSelectedSolution\", {\r\n        id: solution.Id,\r\n        taxId: solution.Tax263415Id,\r\n      });\r\n\r\n      this.$router.push({\r\n        name: \"Detail\",\r\n        params: {\r\n          // id: solution.Id,\r\n          // taxId: solution.Tax263415Id,\r\n          isFirelog: this.isFirelog,\r\n          selectorSteps: this.selectorSteps,\r\n          selectedStepsFromSelector: this.selectedStepsFromSelector,\r\n          selectedStepIdsFromSelector: this.selectedStepIdsFromSelector,\r\n          selectedAutoSkipped: this.selectedAutoSkipped,\r\n        },\r\n      });\r\n    },\r\n    useInMarkerFromDetails() {\r\n      this.dialogParent = false;\r\n    },\r\n    favorite(solution) {\r\n      //   console.log(solution);\r\n      let user = jwtdecode(localStorage.getItem(\"auth\"));\r\n      const params = {\r\n        userId: user.id,\r\n        Taxonomy26734158Id: solution.Tax263415Id,\r\n      };\r\n      //   console.log(\"Params: \", params);\r\n      ajax.createFavorite(params).then((res) => {\r\n        if (res.data == \"Deleted\") {\r\n          solution.IsFavorite = false;\r\n        } else if (res.data == \"Created\") {\r\n          solution.IsFavorite = true;\r\n        }\r\n        // console.log(res);\r\n      });\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\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</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!./ThumbnailSolutions.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!./ThumbnailSolutions.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ThumbnailSolutions.vue?vue&type=template&id=89dbf1f6&scoped=true&\"\nimport script from \"./ThumbnailSolutions.vue?vue&type=script&lang=js&\"\nexport * from \"./ThumbnailSolutions.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ThumbnailSolutions.vue?vue&type=style&index=0&id=89dbf1f6&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  \"89dbf1f6\",\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 { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VCardActions } from 'vuetify/lib/components/VCard';\nimport { VCardText } from 'vuetify/lib/components/VCard';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VImg } from 'vuetify/lib/components/VImg';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VBtn,VCard,VCardActions,VCardText,VIcon,VImg,VSpacer})\n","// Components\nimport VToolbar from './VToolbar'\n\n// Utilities\nimport { createSimpleFunctional } from '../../util/helpers'\n\nconst VToolbarTitle = createSimpleFunctional('v-toolbar__title')\nconst VToolbarItems = createSimpleFunctional('v-toolbar__items')\n\nexport {\n  VToolbar,\n  VToolbarItems,\n  VToolbarTitle,\n}\n\nexport default {\n  $_vuetify_subcomponents: {\n    VToolbar,\n    VToolbarItems,\n    VToolbarTitle,\n  },\n}\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!./ThumbnailSolutions.vue?vue&type=style&index=0&id=89dbf1f6&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('p',[(_vm.productType && _vm.productType.Id)?[_c('a',{on:{\"click\":_vm.toProductTypeChoice}},[_vm._v(\" \"+_vm._s(_vm.productType.Name))]),_vm._v(\"   /   \")]:_vm._e(),(_vm.brand && _vm.brand.Id && _vm.product && _vm.product.Id)?[_c('a',{on:{\"click\":_vm.toBrandChoice}},[_vm._v(\" \"+_vm._s(_vm.brand.Name))]),_vm._v(\"   /   \"),_c('a',{on:{\"click\":_vm.toProductChoice}},[_vm._v(\" \"+_vm._s(_vm.product.Name))]),_vm._v(\"   /   \")]:_vm._e(),_vm._l((_vm.selectedTaxonomies),function(step,i){return [(step && step !== 'Niet van toepassing')?[_c('span',{key:i},[(_vm.selectedAutoSkipped && !_vm.selectedAutoSkipped[i])?_c('a',{on:{\"click\":function($event){return _vm.prevStep(i)}}},[_vm._v(\" \"+_vm._s(step.Name ? step.Name : step)+\" \")]):(!_vm.selectedAutoSkipped && _vm.isDetailView)?_c('a',{on:{\"click\":function($event){return _vm.prevStep(i)}}},[_vm._v(\" \"+_vm._s(step.Name ? step.Name : step)+\" \")]):_c('span',[_vm._v(_vm._s(step.Name ? step.Name : step))]),_vm._v(\"   /   \")])]:_vm._e()]})],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <p>\r\n    <template v-if=\"productType && productType.Id\">\r\n      <a @click=\"toProductTypeChoice\"> {{ productType.Name }}</a>\r\n      &nbsp; / &nbsp;\r\n    </template>\r\n    <template v-if=\"brand && brand.Id && product && product.Id\">\r\n      <a @click=\"toBrandChoice\"> {{ brand.Name }}</a>\r\n      &nbsp; / &nbsp;\r\n      <a @click=\"toProductChoice\"> {{ product.Name }}</a>\r\n      &nbsp; / &nbsp;\r\n    </template>\r\n    <template v-for=\"(step, i) in selectedTaxonomies\">\r\n      <template v-if=\"step && step !== 'Niet van toepassing'\">\r\n        <span :key=\"i\">\r\n          <a\r\n            @click=\"prevStep(i)\"\r\n            v-if=\"selectedAutoSkipped && !selectedAutoSkipped[i]\"\r\n          >\r\n            {{ step.Name ? step.Name : step }}\r\n          </a>\r\n          <a\r\n            @click=\"prevStep(i)\"\r\n            v-else-if=\"!selectedAutoSkipped && isDetailView\"\r\n          >\r\n            {{ step.Name ? step.Name : step }}\r\n          </a>\r\n          <span v-else>{{ step.Name ? step.Name : step }}</span>\r\n          &nbsp; / &nbsp;\r\n        </span>\r\n      </template>\r\n    </template>\r\n  </p>\r\n</template>\r\n\r\n<script>\r\nimport { mapState } from \"vuex\";\r\n\r\nexport default {\r\n  props: [\r\n    // \"productType\",\r\n    // \"brand\",\r\n    // \"product\",\r\n    \"selectedTaxonomies\",\r\n    \"selectedAutoSkipped\",\r\n    \"isDetailView\",\r\n  ],\r\n  computed: {\r\n    brand() {\r\n      return this.choices.brand;\r\n    },\r\n    product() {\r\n      return this.choices.product;\r\n    },\r\n    productType() {\r\n      return this.choices.productType;\r\n    },\r\n    ...mapState({ choices: \"solutionSelectorChoices\" }),\r\n  },\r\n  methods: {\r\n    prevStep(i) {\r\n      this.$emit(\"prevStep\", i);\r\n    },\r\n    toProductTypeChoice() {\r\n      this.$router.push({\r\n        name: \"ProductTypeChoice\",\r\n      });\r\n    },\r\n    toBrandChoice() {\r\n      this.$router.push({\r\n        name: \"BrandChoice\",\r\n      });\r\n    },\r\n    toProductChoice() {\r\n      this.$router.push({\r\n        name: \"ProductChoice\",\r\n        params: {\r\n          brand: this.brand,\r\n        },\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!./BreadCrumb.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!./BreadCrumb.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BreadCrumb.vue?vue&type=template&id=0b28e992&\"\nimport script from \"./BreadCrumb.vue?vue&type=script&lang=js&\"\nexport * from \"./BreadCrumb.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 () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-card',{attrs:{\"flat\":\"\",\"tile\":\"\",\"loading\":_vm.loading,\"height\":\"100%\"}},[_c('div',{staticClass:\"container\"},[(_vm.data)?_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.selectedSolutionId == null),expression:\"selectedSolutionId == null\"}]},[_c('v-toolbar',{attrs:{\"flat\":\"\",\"dense\":\"\"}},[_c('v-toolbar-title',[_vm._v(\" \"+_vm._s(_vm.data.Solutions ? (\"\" + (_vm.$t(\"selectsolution\"))) : ((_vm.$t(\"step\")) + \" \" + (_vm.data.Step) + \": \" + (_vm.data.Title)))+\" \")]),_c('v-spacer'),(_vm.data.Selected.length > 0)?[_c('v-btn',{staticClass:\"mr-2\",attrs:{\"outlined\":\"\",\"depressed\":\"\",\"small\":\"\"},on:{\"click\":function($event){_vm.prevStep(_vm.getPreviousStepIndex())}}},[_c('v-icon',{attrs:{\"color\":\"primary\",\"small\":\"\"}},[_vm._v(\"mdi-arrow-left\")])],1),_c('v-btn',{attrs:{\"small\":\"\",\"outlined\":\"\",\"depressed\":\"\"},on:{\"click\":function($event){return _vm.reset()}}},[_c('v-icon',{attrs:{\"color\":\"primary\",\"small\":\"\"}},[_vm._v(\"mdi-redo\")])],1)]:_vm._e()],2),_c('breadCrumb',{attrs:{\"productType\":_vm.productType,\"brand\":_vm.brand,\"product\":_vm.product,\"selectedTaxonomies\":_vm.selectedTaxonomies,\"selectedAutoSkipped\":this.data.SelectedAutoSkipped},on:{\"prevStep\":_vm.prevStep}}),_c('v-progress-linear',{attrs:{\"color\":\"blue darken-2\"},on:{\"click\":function($event){$event.stopPropagation();}},model:{value:(_vm.linearProgressBar),callback:function ($$v) {_vm.linearProgressBar=$$v},expression:\"linearProgressBar\"}}),(_vm.data.Options)?_c('div',[_c('div',{staticClass:\"wrapper_options mt-3\"},_vm._l((_vm.data.Options.filter(function (x) { return x !== null; })),function(tax,i){return _c('v-skeleton-loader',{key:i,attrs:{\"loading\":_vm.loading,\"height\":\"94\",\"type\":\"list-item-avatar-three-line\"}},[(tax !== null)?[(_vm.data.Options)?_c('v-card',{staticClass:\"option wrapper_content_taxonomy\",attrs:{\"outlined\":\"\"},on:{\"click\":function($event){return _vm.steps(tax.Id, tax.Name)}}},[_c('div',{staticClass:\"option image\"},[_c('v-img',{attrs:{\"aspect-ratio\":\"1\",\"width\":\"100px\",\"height\":\"100px\",\"src\":tax.Image}})],1),_c('div',{staticClass:\"subtitle-1 font-weight-bold option\"},[_vm._v(\" \"+_vm._s(tax.Name)+\" \")])]):_vm._e()]:_vm._e()],2)}),1)]):(_vm.data.Solutions && _vm.data.Solutions.length > 0)?_c('div',[_c('thumbnailSolutions',{attrs:{\"solutions\":_vm.data.Solutions,\"isFirelog\":_vm.isFirelog,\"selectorSteps\":_vm.data,\"productType\":_vm.productType,\"brand\":_vm.brand,\"product\":_vm.product,\"selectedStepsFromSelector\":_vm.selectedTaxonomies,\"selectedStepIdsFromSelector\":_vm.data.Selected,\"selectedAutoSkipped\":_vm.data.SelectedAutoSkipped}})],1):_c('div',{staticClass:\"title mt-6 text-center overline mx-auto\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"noresults\"))+\" \")])],1):_vm._e()])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-card flat tile :loading=\"loading\" height=\"100%\">\r\n    <div class=\"container\">\r\n      <div v-if=\"data\" v-show=\"selectedSolutionId == null\">\r\n        <v-toolbar flat dense>\r\n          <v-toolbar-title>\r\n            {{\r\n              data.Solutions\r\n                ? `${$t(\"selectsolution\")}`\r\n                : `${$t(\"step\")} ${data.Step}: ${data.Title}`\r\n            }}\r\n          </v-toolbar-title>\r\n          <v-spacer></v-spacer>\r\n          <template v-if=\"data.Selected.length > 0\">\r\n            <v-btn\r\n              outlined\r\n              depressed\r\n              small\r\n              v-on:click=\"prevStep(getPreviousStepIndex())\"\r\n              class=\"mr-2\"\r\n            >\r\n              <v-icon color=\"primary\" small>mdi-arrow-left</v-icon>\r\n            </v-btn>\r\n            <v-btn small outlined depressed v-on:click=\"reset()\">\r\n              <v-icon color=\"primary\" small>mdi-redo</v-icon>\r\n            </v-btn>\r\n          </template>\r\n        </v-toolbar>\r\n        <breadCrumb\r\n          :productType=\"productType\"\r\n          :brand=\"brand\"\r\n          :product=\"product\"\r\n          :selectedTaxonomies=\"selectedTaxonomies\"\r\n          @prevStep=\"prevStep\"\r\n          :selectedAutoSkipped=\"this.data.SelectedAutoSkipped\"\r\n        />\r\n        <!-- <p>\r\n          <template v-if=\"productType\">\r\n            <a @click=\"toProductTypeChoice\"> {{ productType.Name }}</a>\r\n            &nbsp; / &nbsp;\r\n          </template>\r\n          <template v-if=\"brand && product\">\r\n            <a @click=\"toBrandChoice\"> {{ brand.Name }}</a>\r\n            &nbsp; / &nbsp;\r\n            <a @click=\"toProductChoice\"> {{ product.Name }}</a>\r\n            &nbsp; / &nbsp;\r\n          </template>\r\n          <template v-for=\"(step, i) in selectedTaxonomies\">\r\n            <template v-if=\"step && step !== 'Niet van toepassing'\">\r\n              <span :key=\"i\">\r\n                <a @click=\"prevStep(i)\" v-if=\"!data.SelectedAutoSkipped[i]\">\r\n                  {{ step }}\r\n                </a>\r\n                <span v-else>{{ step }}</span>\r\n                &nbsp; / &nbsp;\r\n              </span>\r\n            </template>\r\n          </template>\r\n        </p> -->\r\n        <v-progress-linear\r\n          v-model=\"linearProgressBar\"\r\n          @click.stop\r\n          color=\"blue darken-2\"\r\n        ></v-progress-linear>\r\n        <div v-if=\"data.Options\">\r\n          <div class=\"wrapper_options mt-3\">\r\n            <v-skeleton-loader\r\n              :loading=\"loading\"\r\n              height=\"94\"\r\n              type=\"list-item-avatar-three-line\"\r\n              v-for=\"(tax, i) in data.Options.filter((x) => x !== null)\"\r\n              :key=\"i\"\r\n            >\r\n              <template v-if=\"tax !== null\">\r\n                <!-- this should be fixed -->\r\n                <v-card\r\n                  outlined\r\n                  v-if=\"data.Options\"\r\n                  v-on:click=\"steps(tax.Id, tax.Name)\"\r\n                  class=\"option wrapper_content_taxonomy\"\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=\"tax.Image\"\r\n                    ></v-img>\r\n                  </div>\r\n                  <div class=\"subtitle-1 font-weight-bold option\">\r\n                    {{ tax.Name }}\r\n                  </div>\r\n                </v-card>\r\n              </template>\r\n            </v-skeleton-loader>\r\n          </div>\r\n        </div>\r\n        <div v-else-if=\"data.Solutions && data.Solutions.length > 0\">\r\n          <thumbnailSolutions\r\n            :solutions=\"data.Solutions\"\r\n            :isFirelog=\"isFirelog\"\r\n            :selectorSteps=\"data\"\r\n            :productType=\"productType\"\r\n            :brand=\"brand\"\r\n            :product=\"product\"\r\n            :selectedStepsFromSelector=\"selectedTaxonomies\"\r\n            :selectedStepIdsFromSelector=\"data.Selected\"\r\n            :selectedAutoSkipped=\"data.SelectedAutoSkipped\"\r\n          />\r\n        </div>\r\n        <div v-else class=\"title mt-6 text-center overline mx-auto\">\r\n          {{ $t(\"noresults\") }}\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </v-card>\r\n</template>\r\n\r\n<script>\r\nimport ajax from \"@/services/service.oryx.js\";\r\n// import selectedSolutionComponent from \"@/components/pages/Markers/SolutionSelector/Detail\";\r\nimport jwtdecode from \"jwt-decode\";\r\nimport thumbnailSolutions from \"@/components/ThumbnailSolutions\";\r\nimport breadCrumb from \"@/components/BreadCrumb\";\r\nimport { mapState } from \"vuex\";\r\n\r\nexport default {\r\n  props: {\r\n    // brand: Object,\r\n    // product: Object,\r\n    // productType: Object,\r\n    dialog: Object,\r\n    isFirelog: Boolean,\r\n    comeBackToSelector: {\r\n      type: Object,\r\n      required: false,\r\n    },\r\n    selectedTaxonomyIdsFromDetailView: Array,\r\n    selectedAutoSkippedFromDetailView: Array,\r\n  },\r\n  data() {\r\n    return {\r\n      loading: true,\r\n      data: null,\r\n      selectedSolutionId: null,\r\n      tax263415Id: null,\r\n      dialogParent: this.dialog,\r\n      selectedTaxonomies: [],\r\n    };\r\n  },\r\n  components: {\r\n    thumbnailSolutions,\r\n    breadCrumb,\r\n    // selectedSolutionComponent,\r\n  },\r\n  created() {\r\n    // console.log(this.comeBackToSelector);\r\n    if (\r\n      this.comeBackToSelector != null &&\r\n      this.comeBackToSelector != undefined\r\n    ) {\r\n      this.data = JSON.parse(JSON.stringify(this.comeBackToSelector));\r\n      // console.log(this.data);\r\n    }\r\n\r\n    //this.reset();\r\n    this.steps();\r\n  },\r\n  computed: {\r\n    linearProgressBar() {\r\n      return (this.data.Selected.length / 9) * 100;\r\n    },\r\n    brand() {\r\n      return this.choices.brand;\r\n    },\r\n    product() {\r\n      return this.choices.product;\r\n    },\r\n    productType() {\r\n      return this.choices.productType;\r\n    },\r\n    ...mapState({ choices: \"solutionSelectorChoices\" }),\r\n  },\r\n  methods: {\r\n    // selectedSolution(solution) {\r\n    //   console.log(`Routing ongoing...`)\r\n    //   console.log(this.data);\r\n\r\n    //   this.$router.push({\r\n    //     name: \"Detail\",\r\n    //     params: {\r\n    //       id: solution.Id,\r\n    //       taxId: solution.Tax263415Id,\r\n    //       isFirelog: this.isFirelog,\r\n    //       selectorSteps: this.data,\r\n    //     },\r\n    //   });\r\n    // },\r\n    useInMarker(solution, taxonomies) {\r\n      this.$emit(\"selectedSolution\", {\r\n        solution: solution,\r\n        taxonomies: taxonomies,\r\n      });\r\n      this.dialogParent = false;\r\n    },\r\n    useInMarkerFromDetails(data) {\r\n      this.dialogParent = false;\r\n    },\r\n    getPreviousStepIndex() {\r\n      let index = this.selectedTaxonomies.length;\r\n      while (\r\n        index-- &&\r\n        (!this.selectedTaxonomies[index] ||\r\n          this.selectedTaxonomies[index] === \"Niet van toepassing\" ||\r\n          this.data.SelectedAutoSkipped[index])\r\n      );\r\n      return index;\r\n    },\r\n    prevStep(sliceIndex) {\r\n      if (sliceIndex && sliceIndex !== 0) {\r\n        if (this.data.Selected[sliceIndex] === null) {\r\n          sliceIndex++;\r\n          if (this.data.Selected[sliceIndex] === null) {\r\n            sliceIndex++;\r\n            if (this.data.Selected[sliceIndex] === null) {\r\n              sliceIndex++;\r\n            }\r\n          }\r\n        }\r\n\r\n        console.log(`sliceIndex is ${sliceIndex}`);\r\n\r\n        this.data.Selected = this.data.Selected.slice(0, sliceIndex);\r\n        this.selectedTaxonomies = this.selectedTaxonomies.slice(0, sliceIndex);\r\n      } else {\r\n        this.data.Selected = [];\r\n        this.selectedTaxonomies = [];\r\n      }\r\n\r\n      this.steps();\r\n    },\r\n    insertIdinCorrectPosition(id) {\r\n      if (this.data && id !== undefined) {\r\n        this.data.Selected.push(id);\r\n        this.data.SelectedAutoSkipped.push(false);\r\n      }\r\n    },\r\n    steps(id, taxname) {\r\n      this.loading = true;\r\n      let user = jwtdecode(localStorage.getItem(\"auth\"));\r\n      this.insertIdinCorrectPosition(id);\r\n      //if (this.data) this.data.Selected.push(id);\r\n      // console.log(this.data);\r\n      const params = {\r\n        userId: user.id,\r\n        productTypeId:\r\n          this.productType && this.productType.Id ? this.productType.Id : null,\r\n        brandId: this.brand && this.brand.Id ? this.brand.Id : null,\r\n        productId: this.product && this.product.Id ? this.product.Id : null,\r\n        taxIds: this.data\r\n          ? this.data.Selected\r\n          : this.selectedTaxonomyIdsFromDetailView\r\n          ? this.selectedTaxonomyIdsFromDetailView\r\n          : [],\r\n        companyId: 3, //jwtdecode(localStorage.getItem(\"auth\")).companyId,\r\n        lc: \"NL\", //localStorage.getItem(\"language\"),\r\n        autoSkipped: this.data ? this.data.SelectedAutoSkipped : [],\r\n      };\r\n\r\n      // console.log(params);\r\n\r\n      ajax\r\n        .steps(params)\r\n        .then((res) => {\r\n          this.data = res.data;\r\n\r\n          // console.log(this.data);\r\n\r\n          // Set data.SelectedAutoSkipped if its length doesn't match data.Selected\r\n          if (\r\n            this.data.Selected.length > this.data.SelectedAutoSkipped.length\r\n          ) {\r\n            this.data.SelectedAutoSkipped = JSON.parse(\r\n              JSON.stringify(this.selectedAutoSkippedFromDetailView)\r\n            );\r\n          }\r\n\r\n          this.loading = false;\r\n\r\n          //if (taxname) this.selectedTaxonomies.push(taxname);\r\n          this.selectedTaxonomies = this.data.OptionsSelected;\r\n\r\n          this.data.Selected.forEach((selected, i) => {\r\n            if (selected == null && this.selectedTaxonomies[i] !== null) {\r\n              this.selectedTaxonomies.splice(i, 0, null);\r\n            }\r\n          });\r\n        })\r\n        .catch((err) => {\r\n          console.log(err);\r\n          this.loading = false;\r\n        });\r\n    },\r\n    reset() {\r\n      this.$store.commit(\"resetSelectedSolution\");\r\n      this.data = null;\r\n      this.selectedTaxonomies = [];\r\n      this.steps();\r\n    },\r\n    favorite(solution) {\r\n      // console.log(solution);\r\n      let user = jwtdecode(localStorage.getItem(\"auth\"));\r\n      const params = {\r\n        userId: user.id,\r\n        Taxonomy26734158Id: solution.Tax263415Id,\r\n      };\r\n      // console.log(\"Params: \", params);\r\n      ajax.createFavorite(params).then((res) => {\r\n        // console.log(res);\r\n        if (res.data == \"Deleted\") {\r\n          solution.IsFavorite = false;\r\n        } else if (res.data == \"Created\") {\r\n          solution.IsFavorite = true;\r\n        }\r\n      });\r\n    },\r\n  },\r\n  watch: {\r\n    dialog(n, o) {\r\n      this.dialogParent = n;\r\n    },\r\n    dialogParent(n, o) {\r\n      this.$emit(\"dialogChange\", this.dialogParent);\r\n    },\r\n    brand(n, o) {\r\n      this.reset();\r\n    },\r\n    product(n, o) {\r\n      this.reset();\r\n    },\r\n    productType(n, o) {\r\n      this.reset();\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!./Selector.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!./Selector.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Selector.vue?vue&type=template&id=4a705f4f&scoped=true&\"\nimport script from \"./Selector.vue?vue&type=script&lang=js&\"\nexport * from \"./Selector.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Selector.vue?vue&type=style&index=0&id=4a705f4f&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  \"4a705f4f\",\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 { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VImg } from 'vuetify/lib/components/VImg';\nimport { VProgressLinear } from 'vuetify/lib/components/VProgressLinear';\nimport { VSkeletonLoader } from 'vuetify/lib/components/VSkeletonLoader';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\nimport { VToolbar } from 'vuetify/lib/components/VToolbar';\nimport { VToolbarTitle } from 'vuetify/lib/components/VToolbar';\ninstallComponents(component, {VBtn,VCard,VIcon,VImg,VProgressLinear,VSkeletonLoader,VSpacer,VToolbar,VToolbarTitle})\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!./Selector.vue?vue&type=style&index=0&id=4a705f4f&scoped=true&lang=css&\""],"sourceRoot":""}