{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///./src/App.vue?0354","webpack:///./src/components/CategorieLinks.vue?f69c","webpack:///src/components/CategorieLinks.vue","webpack:///./src/components/CategorieLinks.vue?11f3","webpack:///./src/components/CategorieLinks.vue","webpack:///./src/components/ProductFilter.vue?5bb2","webpack:///src/components/ProductFilter.vue","webpack:///./src/components/ProductFilter.vue?4d78","webpack:///./src/components/ProductFilter.vue","webpack:///./src/components/Pagination.vue?0e4b","webpack:///src/components/Pagination.vue","webpack:///./src/components/Pagination.vue?b5ee","webpack:///./src/components/Pagination.vue","webpack:///./src/components/Products.vue?8243","webpack:///src/components/Products.vue","webpack:///./src/components/Products.vue?d422","webpack:///./src/components/Products.vue","webpack:///src/App.vue","webpack:///./src/App.vue?1160","webpack:///./src/App.vue","webpack:///./src/store.js","webpack:///./src/main.js"],"names":["webpackJsonpCallback","data","moduleId","chunkId","chunkIds","moreModules","executeModules","i","resolves","length","Object","prototype","hasOwnProperty","call","installedChunks","push","modules","parentJsonpFunction","shift","deferredModules","apply","checkDeferredModules","result","deferredModule","fulfilled","j","depId","splice","__webpack_require__","s","installedModules","exports","module","l","m","c","d","name","getter","o","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","p","jsonpArray","window","oldJsonpFunction","slice","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","_m","staticRenderFns","_v","categories","_l","categorie","categorieId","class","checked","isChecked","CategorieId","Url","_s","Naam","_e","component","merken","showBrand","showBrand2","merk","MerkID","directives","rawName","expression","domProps","Array","isArray","checkedBrands","_i","on","$event","$$a","$$el","target","$$c","$$v","$$i","concat","MerkNaam","categoriefilter","FilterID","accordionTarget","showFilter","CategorieFilterOpties","showFilter2","accordionId","optie","OptieID","checkedOpties","totalPages","isInFirstPage","preventDefault","onClickPreviousPage","page","active","isPageActive","isDisabled","onClickPage","isInLastPage","onClickNextPage","errorList","products","product","productId","Foto","Merk","Prijs","vueConfig","document","getElementById","config","JSON","parse","innerHTML","apiUrl","itemsPerPage","Vue","use","Vuex","Store","state","loadingStatus","filtertree","checkedFilter","errors","currentPage","mutations","SET_LOADING_STATUS","payload","GET_CATEGORIES","GET_PRODUCTS","CHANGE_CHECKEDBRANDS","CHANGE_CHECKEDOPTIES","ADD_ERROR","CHANGE_CURRENTPAGE","actions","fetchCategories","context","commit","axios","then","catch","err","fetchProducts","post","brands","opties","changeCheckedBrands","changeCheckedOpties","changeCurrentPage","VueScrollTo","require","productionTip","store","render","h","App","$mount"],"mappings":"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","file":"js/app.js","sourcesContent":[" \t// install a JSONP callback for chunk loading\n \tfunction webpackJsonpCallback(data) {\n \t\tvar chunkIds = data[0];\n \t\tvar moreModules = data[1];\n \t\tvar executeModules = data[2];\n\n \t\t// add \"moreModules\" to the modules object,\n \t\t// then flag all \"chunkIds\" as loaded and fire callback\n \t\tvar moduleId, chunkId, i = 0, resolves = [];\n \t\tfor(;i < chunkIds.length; i++) {\n \t\t\tchunkId = chunkIds[i];\n \t\t\tif(Object.prototype.hasOwnProperty.call(installedChunks, chunkId) && installedChunks[chunkId]) {\n \t\t\t\tresolves.push(installedChunks[chunkId][0]);\n \t\t\t}\n \t\t\tinstalledChunks[chunkId] = 0;\n \t\t}\n \t\tfor(moduleId in moreModules) {\n \t\t\tif(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {\n \t\t\t\tmodules[moduleId] = moreModules[moduleId];\n \t\t\t}\n \t\t}\n \t\tif(parentJsonpFunction) parentJsonpFunction(data);\n\n \t\twhile(resolves.length) {\n \t\t\tresolves.shift()();\n \t\t}\n\n \t\t// add entry modules from loaded chunk to deferred list\n \t\tdeferredModules.push.apply(deferredModules, executeModules || []);\n\n \t\t// run deferred modules when all chunks ready\n \t\treturn checkDeferredModules();\n \t};\n \tfunction checkDeferredModules() {\n \t\tvar result;\n \t\tfor(var i = 0; i < deferredModules.length; i++) {\n \t\t\tvar deferredModule = deferredModules[i];\n \t\t\tvar fulfilled = true;\n \t\t\tfor(var j = 1; j < deferredModule.length; j++) {\n \t\t\t\tvar depId = deferredModule[j];\n \t\t\t\tif(installedChunks[depId] !== 0) fulfilled = false;\n \t\t\t}\n \t\t\tif(fulfilled) {\n \t\t\t\tdeferredModules.splice(i--, 1);\n \t\t\t\tresult = __webpack_require__(__webpack_require__.s = deferredModule[0]);\n \t\t\t}\n \t\t}\n\n \t\treturn result;\n \t}\n\n \t// The module cache\n \tvar installedModules = {};\n\n \t// object to store loaded and loading chunks\n \t// undefined = chunk not loaded, null = chunk preloaded/prefetched\n \t// Promise = chunk loading, 0 = chunk loaded\n \tvar installedChunks = {\n \t\t\"app\": 0\n \t};\n\n \tvar deferredModules = [];\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"/\";\n\n \tvar jsonpArray = window[\"webpackJsonp\"] = window[\"webpackJsonp\"] || [];\n \tvar oldJsonpFunction = jsonpArray.push.bind(jsonpArray);\n \tjsonpArray.push = webpackJsonpCallback;\n \tjsonpArray = jsonpArray.slice();\n \tfor(var i = 0; i < jsonpArray.length; i++) webpackJsonpCallback(jsonpArray[i]);\n \tvar parentJsonpFunction = oldJsonpFunction;\n\n\n \t// add entry module to deferred list\n \tdeferredModules.push([0,\"chunk-vendors\"]);\n \t// run deferred modules when ready\n \treturn checkDeferredModules();\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"app\"}},[_c('section',{staticClass:\"shop\",attrs:{\"id\":\"productstop\"}},[_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-xl-3 col-lg-4 col-12\"},[_vm._m(0),_c('div',{staticClass:\"sidebar-filter mt-50 collapse\",attrs:{\"id\":\"sidebar-filter\"}},[_c('div',{staticClass:\"common-filter\",attrs:{\"id\":\"accordion\"}},[_c('CategorieLinks'),_c('ProductFilter')],1)])]),_c('div',{staticClass:\"col-xl-9 col-lg-8 col-12\"},[_c('section',{staticClass:\"latest-product-area pb-40 category-list\"},[_c('Products')],1),_c('div',{staticClass:\"filter-bar d-flex flex-wrap align-items-center\"},[_c('Pagination',{attrs:{\"maxVisibleButtons\":6}})],1)])])])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('span',{staticClass:\"filterbtn d-block d-lg-none d-xl-none collapse\",attrs:{\"data-target\":\"#sidebar-filter\",\"data-toggle\":\"collapse\"}},[_vm._v(\"Filter \"),_c('span',{staticClass:\"filterknop\"})])}]\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"mb-4\"},[_vm._m(0),_c('div',{staticClass:\"collapse show\",attrs:{\"id\":\"categorie\"}},[(_vm.categories && _vm.categories.length)?_c('ul',_vm._l((_vm.categories),function(categorie){return _c('li',{key:categorie.categorieId,staticClass:\"filter-list\"},[_c('a',{class:{ checked: _vm.isChecked(categorie.CategorieId) },attrs:{\"href\":categorie.Url}},[_vm._v(_vm._s(categorie.Naam))])])}),0):_vm._e()])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"head\",attrs:{\"data-target\":\"#categorie\",\"data-toggle\":\"collapse\",\"aria-expanded\":\"true\"}},[_c('h4',[_vm._v(\"Producten \"),_c('span',{staticClass:\"icon-arrow\"})])])}]\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"mb-4\">\r\n        <div class=\"head\" data-target=\"#categorie\" data-toggle=\"collapse\" aria-expanded=\"true\">\r\n            <h4>Producten <span class=\"icon-arrow\"></span></h4>\r\n        </div>\r\n        <div class=\"collapse show\" id=\"categorie\">\r\n            <ul v-if=\"categories && categories.length\">\r\n                <li class=\"filter-list\" v-for=\"categorie in categories\" v-bind:key=\"categorie.categorieId\"><a v-bind:class=\"{ checked: isChecked(categorie.CategorieId) }\" v-bind:href=\"categorie.Url\">{{ categorie.Naam }}</a></li>\r\n            </ul>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n    //data-parent=\"#accordion\"  add to id=\"categorie\"\r\n    export default {\r\n    name: 'CategorieLinks',\r\n        methods: {\r\n            fetchCountries() {\r\n                this.$store.dispatch('fetchCategories');\r\n            },\r\n            isChecked(categorieId) {\r\n                return this.$store.state.categorieId == categorieId;\r\n            }\r\n\r\n        },\r\n    created() {\r\n        this.$store.dispatch('fetchCategories');\r\n        this.$store.dispatch('fetchProducts', this.$store.state.checkedFilter);\r\n    },\r\n    computed: {\r\n        categories() {\r\n            return this.$store.state.filtertree.Categories;\r\n        }\r\n    }\r\n    }\r\n</script>","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!./CategorieLinks.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!./CategorieLinks.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CategorieLinks.vue?vue&type=template&id=b7486aec&\"\nimport script from \"./CategorieLinks.vue?vue&type=script&lang=js&\"\nexport * from \"./CategorieLinks.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('div',[_c('div',{staticClass:\"mb-4\"},[(_vm.merken && _vm.merken.length)?_c('div',{staticClass:\"head\",attrs:{\"data-target\":\"#merken\",\"data-toggle\":\"collapse\",\"aria-expanded\":_vm.showBrand()}},[_vm._m(0)]):_vm._e(),_c('div',{class:_vm.showBrand2(),attrs:{\"id\":\"merken\"}},[_c('ul',_vm._l((_vm.merken),function(merk){return _c('li',{key:merk.MerkID,staticClass:\"filter-list\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.checkedBrands),expression:\"checkedBrands\"}],staticClass:\"pixel-checkbox\",attrs:{\"type\":\"checkbox\"},domProps:{\"value\":merk.MerkID,\"checked\":Array.isArray(_vm.checkedBrands)?_vm._i(_vm.checkedBrands,merk.MerkID)>-1:(_vm.checkedBrands)},on:{\"change\":function($event){var $$a=_vm.checkedBrands,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=merk.MerkID,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.checkedBrands=$$a.concat([$$v]))}else{$$i>-1&&(_vm.checkedBrands=$$a.slice(0,$$i).concat($$a.slice($$i+1)))}}else{_vm.checkedBrands=$$c}}}}),_c('label',[_vm._v(_vm._s(merk.MerkNaam))])])}),0)])]),_vm._l((_vm.categoriefilters),function(categoriefilter){return _c('div',{key:categoriefilter.FilterID,staticClass:\"mb-4\"},[_c('div',{staticClass:\"head\",attrs:{\"data-target\":_vm.accordionTarget(categoriefilter.FilterID),\"data-toggle\":\"collapse\",\"aria-expanded\":_vm.showFilter(categoriefilter.CategorieFilterOpties)}},[_c('h4',[_vm._v(_vm._s(categoriefilter.Naam)+\" \"),_c('span',{staticClass:\"icon-arrow\"})])]),_c('div',{class:_vm.showFilter2(categoriefilter.CategorieFilterOpties),attrs:{\"id\":_vm.accordionId(categoriefilter.FilterID)}},[_c('ul',_vm._l((categoriefilter.CategorieFilterOpties),function(optie){return _c('li',{key:optie.OptieID,staticClass:\"filter-list\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.checkedOpties),expression:\"checkedOpties\"}],staticClass:\"pixel-checkbox\",attrs:{\"type\":\"checkbox\"},domProps:{\"value\":optie.OptieID,\"checked\":Array.isArray(_vm.checkedOpties)?_vm._i(_vm.checkedOpties,optie.OptieID)>-1:(_vm.checkedOpties)},on:{\"change\":function($event){var $$a=_vm.checkedOpties,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=optie.OptieID,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.checkedOpties=$$a.concat([$$v]))}else{$$i>-1&&(_vm.checkedOpties=$$a.slice(0,$$i).concat($$a.slice($$i+1)))}}else{_vm.checkedOpties=$$c}}}}),_c('label',[_vm._v(_vm._s(optie.Naam))])])}),0)])])})],2)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('h4',[_vm._v(\"Merken \"),_c('span',{staticClass:\"icon-arrow\"})])}]\n\nexport { render, staticRenderFns }","<template>\r\n    <div>\r\n        <div class=\"mb-4\">\r\n            <div v-if=\"merken && merken.length\" class=\"head\" data-target=\"#merken\" data-toggle=\"collapse\" v-bind:aria-expanded=\"showBrand()\">\r\n                <h4>Merken <span class=\"icon-arrow\"></span></h4>\r\n            </div>\r\n            <div v-bind:class=\"showBrand2()\" id=\"merken\">\r\n                <ul>\r\n                    <li class=\"filter-list\" v-for=\"merk in merken\" v-bind:key=\"merk.MerkID\">\r\n                        <input type=\"checkbox\" v-model=\"checkedBrands\" class=\"pixel-checkbox\" v-bind:value=\"merk.MerkID\" /><label>{{ merk.MerkNaam }}</label>\r\n                    </li>\r\n                </ul>\r\n            </div>\r\n        </div>\r\n        <div v-for=\"categoriefilter in categoriefilters\" v-bind:key=\"categoriefilter.FilterID\" class=\"mb-4\">\r\n            <div class=\"head\" v-bind:data-target=\"accordionTarget(categoriefilter.FilterID)\" data-toggle=\"collapse\" v-bind:aria-expanded=\"showFilter(categoriefilter.CategorieFilterOpties)\">\r\n                <h4>{{categoriefilter.Naam}} <span class=\"icon-arrow\"></span></h4>\r\n            </div>\r\n            <div v-bind:class=\"showFilter2(categoriefilter.CategorieFilterOpties)\" v-bind:id=\"accordionId(categoriefilter.FilterID)\">\r\n                <ul>\r\n                    <li class=\"filter-list\" v-for=\"optie in categoriefilter.CategorieFilterOpties\" v-bind:key=\"optie.OptieID\">\r\n                        <input type=\"checkbox\" v-model=\"checkedOpties\" class=\"pixel-checkbox\" v-bind:value=\"optie.OptieID\" /><label>{{ optie.Naam }}</label>\r\n                    </li>\r\n                </ul>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n    //data-parent=\"#accordion\"  add to id=\"merken\"\r\n    export default {\r\n    name: 'ProductFilter',\r\n        methods: {\r\n            accordionTarget(filterId) {\r\n                return \"#acc\" + filterId;\r\n            },\r\n            accordionId(filterId) {\r\n                return \"acc\" + filterId;\r\n            },\r\n            showFilter(categoriefilteropties) {\r\n                for (var i=0;i<this.checkedOpties.length;i++) {\r\n                    for (var j=0;j<categoriefilteropties.length;j++) {\r\n                        if (categoriefilteropties[j].OptieID == this.checkedOpties[i])\r\n                            return \"true\";\r\n                    }\r\n                }\r\n                return \"true\";// \"false\";\r\n            },\r\n            showFilter2(categoriefilteropties) {\r\n                if (this.showFilter(categoriefilteropties) == \"true\")\r\n                    return \"collapse show\";\r\n                else\r\n                    return \"collapse show\";//show verwijderen indien ingeklapt\r\n            },\r\n            showBrand() {\r\n                for (var i=0;i<this.checkedBrands.length;i++) {\r\n                    for (var j=0;j<this.merken.length;j++) {\r\n                        if (this.merken[j].MerkID == this.checkedBrands[i])\r\n                            return \"true\";\r\n                    }\r\n                }\r\n                return \"true\";// \"false\";\r\n            },\r\n            showBrand2() {\r\n                if (this.showBrand() == \"true\")\r\n                    return \"collapse show\";\r\n                else\r\n                    return \"collapse show\";//show verwijderen indien ingeklapt\r\n            }\r\n        },\r\n    created() {\r\n        var queryArray = window.location.search.replace('?', '').split('&');\r\n        if (queryArray.length > 0) {\r\n            for (var q=0; q<queryArray.length; q++) {\r\n                var qArr = queryArray[q].split('=')\r\n                if (qArr[0] == 'brnd') {\r\n                    var brndval = qArr[1].split(',');\r\n                    for (var i=0; i<brndval.length; i++)\r\n                        this.checkedBrands.push(brndval[i]);\r\n                }\r\n                if (qArr[0] == 'fltr') {\r\n                    var fltrval = qArr[1].split(',');\r\n                    for (var j=0; j<fltrval.length; j++)\r\n                        this.checkedOpties.push(fltrval[j]);\r\n                }\r\n                if (qArr[0] == 'Pg')\r\n                    this.currentPage = parseInt(qArr[1]);\r\n            }\r\n        }\r\n    },\r\n    computed: {\r\n        merken() {\r\n            return this.$store.state.filtertree.Merken;\r\n        },\r\n        categoriefilters() {\r\n            return this.$store.state.filtertree.CategorieFilters;\r\n        },\r\n        checkedBrands: {\r\n            get() {\r\n                return this.$store.state.checkedFilter.checkedBrands;\r\n            },\r\n            set(value) {\r\n                this.$store.state.currentPage = 1;\r\n                this.$store.dispatch('changeCheckedBrands', value);\r\n                this.$store.dispatch('fetchProducts', this.$store.state.checkedFilter);\r\n            }\r\n        },\r\n        checkedOpties: {\r\n            get() {\r\n                return this.$store.state.checkedFilter.checkedOpties;\r\n            },\r\n            set(value) {\r\n                this.$store.state.currentPage = 1;\r\n                this.$store.dispatch('changeCheckedOpties', value);\r\n                this.$store.dispatch('fetchProducts', this.$store.state.checkedFilter);\r\n            }\r\n        },\r\n        currentPage: {\r\n            get() {\r\n                return this.$store.state.currentPage;\r\n            },\r\n            set(value) {\r\n                this.$store.dispatch('changeCurrentPage', value);\r\n            }\r\n        }\r\n    }\r\n    }\r\n</script>","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!./ProductFilter.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!./ProductFilter.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ProductFilter.vue?vue&type=template&id=5c0bb25d&\"\nimport script from \"./ProductFilter.vue?vue&type=script&lang=js&\"\nexport * from \"./ProductFilter.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('div',{staticClass:\"filter-bar d-flex flex-wrap align-items-center\"},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.totalPages > 1),expression:\"totalPages > 1\"}],staticClass:\"pagination\"},[_c('a',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isInFirstPage),expression:\"!isInFirstPage\"}],staticClass:\"prev-arrow\",attrs:{\"href\":\"#\"},on:{\"click\":function($event){$event.preventDefault();return _vm.onClickPreviousPage($event)}}},[_c('i',{staticClass:\"fas fa-chevron-left\",attrs:{\"aria-hidden\":\"true\"}})]),_vm._l((_vm.pages),function(page){return _c('a',{key:page.name,class:{ active: _vm.isPageActive(page.name) },attrs:{\"href\":\"#\",\"disabled\":page.isDisabled},on:{\"click\":function($event){$event.preventDefault();return _vm.onClickPage(page.name)}}},[_vm._v(_vm._s(page.name))])}),_c('a',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isInLastPage),expression:\"!isInLastPage\"}],staticClass:\"next-arrow\",attrs:{\"href\":\"#\"},on:{\"click\":function($event){$event.preventDefault();return _vm.onClickNextPage($event)}}},[_c('i',{staticClass:\"fas fa-chevron-right\",attrs:{\"aria-hidden\":\"true\"}})])],2)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"filter-bar d-flex flex-wrap align-items-center\">\r\n        <div class=\"pagination\" v-show=\"totalPages > 1\">\r\n            <a href=\"#\" @click.prevent=\"onClickPreviousPage\" v-show=\"!isInFirstPage\" class=\"prev-arrow\"><i class=\"fas fa-chevron-left\" aria-hidden=\"true\"></i></a>\r\n            <a href=\"#\" @click.prevent=\"onClickPage(page.name)\" v-bind:class=\"{ active: isPageActive(page.name) }\"  v-for=\"page in pages\" v-bind:key=\"page.name\" v-bind:disabled=\"page.isDisabled\">{{page.name}}</a>\r\n            <a href=\"#\" @click.prevent=\"onClickNextPage\" v-show=\"!isInLastPage\"  class=\"next-arrow\"><i class=\"fas fa-chevron-right\" aria-hidden=\"true\"></i></a>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n    //https://alligator.io/vuejs/vue-pagination-component/\r\n\r\n    var scrollOptions = {\r\n        offset: -200\r\n    }\r\n\r\n    export default {\r\n    name: 'Pagination',\r\n    props: {\r\n        maxVisibleButtons: {\r\n                type: Number,\r\n                required: false,\r\n                default: 3\r\n        }\r\n    },\r\n    computed: {\r\n        totalPages() {\r\n            return Math.ceil(this.$store.state.products.TotalProducts / this.$store.state.itemsPerPage);\r\n        },\r\n        startPage() {\r\n            // When on the first page\r\n            if (this.currentPage === 1) {\r\n                return 1;\r\n            }\r\n            if (this.totalPages <= this.maxVisibleButtons) {\r\n                return 1;\r\n            }\r\n            // When on the last page\r\n            if (this.currentPage === this.totalPages) {\r\n                return this.totalPages - this.maxVisibleButtons + 1;\r\n            }\r\n            // When in between\r\n                return this.$store.state.currentPage - 1;\r\n            },\r\n        pages() {\r\n            const range = [];\r\n\r\n            for (let i = this.startPage;\r\n              i <= Math.min(this.startPage + this.maxVisibleButtons - 1, this.totalPages);\r\n              i+= 1 ) {\r\n                range.push({\r\n                    name: i,\r\n                    isDisabled: i === this.currentPage\r\n                });\r\n            }\r\n\r\n            return range;\r\n        },\r\n        isInFirstPage() {\r\n            return this.currentPage === 1;\r\n        },\r\n        isInLastPage() {\r\n            return this.currentPage === this.totalPages;\r\n        },\r\n        currentPage: {\r\n            get() {\r\n                return this.$store.state.currentPage;\r\n            },\r\n            set(value) {\r\n                this.$store.dispatch('changeCurrentPage', value);\r\n            }\r\n        }\r\n    },\r\n    methods: {\r\n        onClickFirstPage() {\r\n            this.currentPage = 1;\r\n            this.$scrollTo('#productstop', 500, scrollOptions);\r\n        },\r\n        onClickPreviousPage() {\r\n            this.currentPage -= 1;\r\n            this.$scrollTo('#productstop', 500, scrollOptions);\r\n        },\r\n        onClickPage(page) {\r\n            this.currentPage = page;\r\n            this.$scrollTo('#productstop', 500, scrollOptions);\r\n        },\r\n        onClickNextPage() { \r\n            this.currentPage += 1;\r\n            this.$scrollTo('#productstop', 500, scrollOptions);\r\n        },\r\n        onClickLastPage() {\r\n            this.currentPage = this.totalPages;\r\n            this.$scrollTo('#productstop', 500, scrollOptions);\r\n        },\r\n        isPageActive(page) {\r\n            return this.currentPage === page;\r\n        }\r\n    }\r\n    }\r\n</script>","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!./Pagination.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!./Pagination.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Pagination.vue?vue&type=template&id=519d87c6&\"\nimport script from \"./Pagination.vue?vue&type=script&lang=js&\"\nexport * from \"./Pagination.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('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col\"},[(_vm.error)?_c('div',{staticClass:\"alert alert-danger\"},[_c('div',[_vm._v(_vm._s(_vm.errorList))])]):_vm._e(),(_vm.products && _vm.products.length)?_c('div',{staticClass:\"row\"},_vm._l((_vm.products),function(product){return _c('div',{key:product.productId,staticClass:\"col-lg-4 col-md-6 col-sm-6\"},[_c('a',{staticClass:\"single-product animated fadeIn\",attrs:{\"href\":product.Url}},[_c('div',{staticClass:\"prod-img\"},[_c('img',{attrs:{\"src\":product.Foto,\"alt\":product.Merk + ' ' + product.Naam}})]),_c('div',{staticClass:\"product-details\"},[_c('div',{staticClass:\"title\"},[_c('h5',[_vm._v(_vm._s(product.Merk))]),_c('h4',[_vm._v(_vm._s(product.Naam))])]),_c('div',{staticClass:\"price\"},[(product.Prijs != '')?_c('span',[_vm._v(\"Vanaf\")]):_vm._e(),_c('span',{staticClass:\"prijs\"},[_vm._v(_vm._s(product.Prijs))])])])])])}),0):_vm._e()])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"row\">\r\n        <div class=\"col\">\r\n            <div v-if=\"error\" class=\"alert alert-danger\">\r\n                <div>{{ errorList }}</div>\r\n            </div>\r\n            <div class=\"row\" v-if=\"products && products.length\">\r\n                <div class=\"col-lg-4 col-md-6 col-sm-6\" v-for=\"product in products\" v-bind:key=\"product.productId\">\r\n                    <a v-bind:href=\"product.Url\" class=\"single-product animated fadeIn\">\r\n                        <div class=\"prod-img\">\r\n                            <img v-bind:src=\"product.Foto\" v-bind:alt=\"product.Merk + ' ' + product.Naam\" />\r\n                        </div>\r\n                        <div class=\"product-details\">\r\n                            <div class=\"title\">\r\n                                <h5>{{product.Merk}}</h5>\r\n                                <h4>{{product.Naam}}</h4>\r\n                            </div>\r\n                            <div class=\"price\">\r\n                                <span v-if=\"product.Prijs != ''\">Vanaf</span>\r\n                                <span class=\"prijs\">{{product.Prijs}}</span>\r\n                            </div>\r\n                        </div>\r\n                    </a>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n    export default {\r\n        name: 'Products',\r\n        computed: {\r\n            products() {\r\n                return this.$store.state.products.Products;\r\n            },            \r\n            loading() {\r\n                return this.$store.state.loadingStatus === 'notloading'\r\n            },\r\n            error() {\r\n                return this.$store.state.errors.length > 0;\r\n            },\r\n            errorList() {\r\n                return this.$store.state.errors;\r\n            }\r\n        }\r\n    }\r\n</script>","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!./Products.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!./Products.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Products.vue?vue&type=template&id=7239fcf0&\"\nimport script from \"./Products.vue?vue&type=script&lang=js&\"\nexport * from \"./Products.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","<template>\r\n    <div id=\"app\">\r\n        <section class=\"shop\" id=\"productstop\">\r\n            <div class=\"container\">\r\n                <div class=\"row\">\r\n                    <div class=\"col-xl-3 col-lg-4 col-12\">\r\n                        <span class=\"filterbtn d-block d-lg-none d-xl-none collapse\" data-target=\"#sidebar-filter\" data-toggle=\"collapse\">Filter <span class=\"filterknop\"></span></span>\r\n                        <div class=\"sidebar-filter mt-50 collapse\" id=\"sidebar-filter\">\r\n                            <div class=\"common-filter\" id=\"accordion\">\r\n                                <CategorieLinks />\r\n                                <ProductFilter />\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"col-xl-9 col-lg-8 col-12\">\r\n                        <section class=\"latest-product-area pb-40 category-list\">\r\n                            <Products />\r\n                        </section>\r\n                        <div class=\"filter-bar d-flex flex-wrap align-items-center\">\r\n                            <Pagination :maxVisibleButtons=\"6\" />\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </section>\r\n    </div>\r\n</template>\r\n<script>\r\n\timport CategorieLinks from './components/CategorieLinks.vue'\r\n\timport ProductFilter from './components/ProductFilter.vue'\r\n\timport Pagination from './components/Pagination.vue'\r\n\timport Products from './components/Products.vue'\r\n\r\n\texport default {\r\n    name: 'app',\r\n        components: {\r\n            CategorieLinks,\r\n            ProductFilter,\r\n            Pagination,\r\n            Products\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!./App.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!./App.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./App.vue?vue&type=template&id=7e90fa2e&\"\nimport script from \"./App.vue?vue&type=script&lang=js&\"\nexport * from \"./App.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","import Vue from 'vue'\r\nimport Vuex from 'vuex'\r\nimport axios from 'axios'\r\n\r\nconst vueConfig = document.getElementById('vueconfig');\r\nconst config = JSON.parse(vueConfig.innerHTML);\r\nconst apiUrl = config.apiUrl;\r\nconst categorieId = config.categorieId;\r\nconst itemsPerPage = config.itemsPerPage;\r\n\r\nVue.use(Vuex)\r\n\r\n//https://medium.com/@viplovemittal2/vuex-state-management-with-axios-post-api-calls-made-easy-c5fd67d88a2a\r\n\r\nexport default new Vuex.Store({\r\n    state: {\r\n        loadingStatus: 'notloading',\r\n        categorieId: config.categorieId,\r\n        filtertree: [],\r\n        products: [],\r\n        checkedFilter: {\r\n            checkedBrands: [],\r\n            checkedOpties: []\r\n        },\r\n        errors: [],\r\n        currentPage: 1,\r\n        itemsPerPage: itemsPerPage\r\n    },\r\n    mutations: {\r\n        SET_LOADING_STATUS(state, payload) {\r\n            state.loadingStatus = payload;\r\n        },\r\n        GET_CATEGORIES(state, payload) {\r\n            state.filtertree = payload;\r\n        },\r\n        GET_PRODUCTS(state, payload) {\r\n            state.products = payload;\r\n        },\r\n        CHANGE_CHECKEDBRANDS(state, payload) {\r\n            state.checkedFilter.checkedBrands = payload;\r\n        },\r\n        CHANGE_CHECKEDOPTIES(state, payload) {\r\n            state.checkedFilter.checkedOpties = payload;\r\n        },\r\n        ADD_ERROR(state, payload) {\r\n            state.errors = [...state.errors, payload];\r\n        },\r\n        CHANGE_CURRENTPAGE(state, payload) {\r\n            state.currentPage = payload;\r\n        }\r\n    },\r\n    actions: {\r\n        fetchCategories(context) {\r\n            context.commit('SET_LOADING_STATUS', 'loading');\r\n            axios.get(apiUrl + 'Categorie?CategorieID=' + categorieId)\r\n                .then(result => {\r\n                    context.commit('SET_LOADING_STATUS', 'notloading');\r\n                    context.commit('GET_CATEGORIES', result.data);\r\n                })\r\n                .catch(err => {\r\n                    context.commit('SET_LOADING_STATUS', 'notloading');\r\n                    context.commit('GET_CATEGORIES', []);\r\n                    context.commit('ADD_ERROR', err);\r\n                })\r\n        },\r\n        fetchProducts(context, checkedFilter) {\r\n            context.commit('SET_LOADING_STATUS', 'loading');\r\n            /*let postFormData = new FormData();\r\n            postFormData.set('categorieId', categorieId);\r\n            postFormData.set('brands', checkedBrands);\r\n            postFormData.set('opties', checkedOpties);*/\r\n            axios.post(apiUrl + 'Products', {\r\n                categorieId: categorieId,\r\n                brands: checkedFilter.checkedBrands,\r\n                opties: checkedFilter.checkedOpties,\r\n                currentPage: this.state.currentPage,\r\n                itemsPerPage: itemsPerPage\r\n                })\r\n                .then(result => {\r\n                    context.commit('SET_LOADING_STATUS', 'notloading');\r\n                    context.commit('GET_PRODUCTS', result.data);\r\n                })\r\n                .catch(err => {\r\n                    context.commit('SET_LOADING_STATUS', 'notloading');\r\n                    context.commit('GET_PRODUCTS', []);\r\n                    context.commit('ADD_ERROR', err);\r\n                })\r\n        },\r\n        changeCheckedBrands(context, value) {\r\n            context.commit('CHANGE_CHECKEDBRANDS', value);\r\n        },\r\n        changeCheckedOpties(context, value) {\r\n            context.commit('CHANGE_CHECKEDOPTIES', value);\r\n        },\r\n        changeCurrentPage(context, value) {\r\n            context.commit('CHANGE_CURRENTPAGE', value);\r\n            axios.post(apiUrl + 'Products', {\r\n                categorieId: categorieId,\r\n                brands: this.state.checkedFilter.checkedBrands,\r\n                opties: this.state.checkedFilter.checkedOpties,\r\n                currentPage: this.state.currentPage,\r\n                itemsPerPage: itemsPerPage\r\n                })\r\n                .then(result => {\r\n                    context.commit('SET_LOADING_STATUS', 'notloading');\r\n                    context.commit('GET_PRODUCTS', result.data);\r\n                })\r\n                .catch(err => {\r\n                    context.commit('SET_LOADING_STATUS', 'notloading');\r\n                    context.commit('GET_PRODUCTS', []);\r\n                    context.commit('ADD_ERROR', err);\r\n                })\r\n           \r\n        }\r\n    }\r\n})\r\n\r\n","import Vue from 'vue'\r\nimport App from './App.vue'\r\nimport store from './store'\r\n\r\nvar VueScrollTo = require('vue-scrollto');\r\nVue.use(VueScrollTo);\r\n\r\n\r\nVue.config.productionTip = false\r\n\r\nnew Vue({\r\n  store,\r\n  render: h => h(App)\r\n}).$mount('#app')\r\n"],"sourceRoot":""}