{"version":3,"sources":["webpack:///./resources/js/src/app/components/itemList/LoadMoreItems.vue?1e3a","webpack:///resources/js/src/app/components/itemList/LoadMoreItems.vue","webpack:///./resources/js/src/app/components/itemList/LoadMoreItems.vue?c768","webpack:///./resources/js/src/app/components/itemList/LoadMoreItems.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","items","length","_l","item","class","isSearch","attrs","data","free4","$ceres","config","storeSpecial","_e","_v","lastPage","pageMax","id","on","click","$event","loadItems","_withStripped","component","options","__file"],"mappings":"kGAAA,IAAIA,EAAS,WACX,IAAIC,EAAMC,KACNC,EAAKF,EAAIG,eACTC,EAAKJ,EAAIK,MAAMD,IAAMF,EACzB,OAAOE,EAAG,MAAO,CAAEE,YAAa,sBAAwB,CACtDN,EAAIO,MAAMC,OACNJ,EACE,KACA,CAAEE,YAAa,yBACfN,EAAIS,GAAGT,EAAIO,OAAO,SAASG,GACzB,OAAON,EACL,KACA,CACEE,YAAa,kBACbK,MAAO,CAAE,WAAYX,EAAIY,SAAU,YAAaZ,EAAIY,WAEtD,CACER,EAAG,mBAAoB,CACrBS,MAAO,CACL,YAAaH,EAAKI,KAClB,UAAmC,KAAxBJ,EAAKI,KAAKJ,KAAKK,MAC1B,gBAAiBf,EAAIgB,OAAOC,OAAOP,KAAKQ,iBAI9C,MAGJ,GAEFlB,EAAImB,KACRnB,EAAIoB,GAAG,KACPpB,EAAIqB,SAAWrB,EAAIsB,QACflB,EAAG,MAAO,CAAEE,YAAa,sBAAwB,CAC/CF,EACE,SACA,CACEE,YAAa,yCACbO,MAAO,CAAEU,GAAI,mBACbC,GAAI,CACFC,MAAO,SAASC,GACd,OAAO1B,EAAI2B,UAAU3B,EAAIqB,SAAW,MAI1C,CAACrB,EAAIoB,GAAG,iCAGZpB,EAAImB,QAIZpB,EAAO6B,eAAgB,E,0zBC9BvB,ICtBqN,EDsBrN,CACE,MAAF,CACI,oBAAJ,GACI,aAAJ,GACI,QAAJ,GACI,QAAJ,GACI,UAAJ,GACI,KAAJ,CACM,OAAN,OACM,QAAN,IAGE,KAZF,WAaI,MAAJ,CACM,UAAN,GACM,MAAN,GACM,SAAN,EACM,aAAN,EACM,YAAN,EACM,UAAN,EACM,SAAN,IAGE,QAvBF,WAwBI,KAAJ,qCACI,KAAJ,mCACI,KAAJ,mCAEE,SAAF,OACA,aACI,gBAAJ,YAAM,OAAN,iCAFA,IAMA,SANA,WAOA,qCAGE,QAtCF,WAuCI,IAAJ,OACI,KAAJ,sBAEA,eACQ,EAAR,iCAUE,QACF,CAoEI,UApEJ,SAoEA,GACM,IAAN,OACA,iBACQ,KAAR,WACQ,EAAR,2EAGQ,KAAR,eAEM,IAAN,gCACA,+BAEQ,OADR,eACA,GAGA,aAEM,IAAN,iCAEQ,OADR,eACA,GAGA,eAEM,IAAN,iCAEQ,OADR,eACA,GAGA,eAGM,IAAN,oBACA,KACM,GAAN,4BACQ,IACR,oCAGQ,EAAR,sBAFQ,EAAR,iBACA,GACA,eAEQ,EAAR,uCAGM,EAAN,YACA,mEACA,aACA,sCACA,iBACU,EAAV,2CACU,EAAV,cACU,EAAV,WACU,EAAV,WACU,EAAV,8BAGU,EAAV,mDACU,EAAV,cACU,EAAV,YACU,EAAV,gBAEQ,IAAR,+DACQ,OAAR,kCAGI,gBArIJ,SAqIA,OACA,UACQ,EAAR,IAGM,IAAN,sCACM,OAAN,eACA,0BAEM,EAAN,wBACA,qC,OEpNIC,EAAY,YACd,EACA9B,EH0CoB,IGxCpB,EACA,KACA,KACA,MAuBF8B,EAAUC,QAAQC,OAAS,6DACZ,UAAAF,E","file":"chunks/ceres-46.min.js","sourcesContent":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"load-more__wrapper\" }, [\n    _vm.items.length\n      ? _c(\n          \"ul\",\n          { staticClass: \"product-list row grid\" },\n          _vm._l(_vm.items, function(item) {\n            return _c(\n              \"li\",\n              {\n                staticClass: \"col-12 col-sm-6\",\n                class: { \"col-md-3\": _vm.isSearch, \"col-md-4\": !_vm.isSearch }\n              },\n              [\n                _c(\"od-category-item\", {\n                  attrs: {\n                    \"item-data\": item.data,\n                    \"to-item\": item.data.item.free4 == \"1\" ? true : false,\n                    \"decimal-count\": _vm.$ceres.config.item.storeSpecial\n                  }\n                })\n              ],\n              1\n            )\n          }),\n          0\n        )\n      : _vm._e(),\n    _vm._v(\" \"),\n    _vm.lastPage < _vm.pageMax\n      ? _c(\"div\", { staticClass: \"col-12 text-center\" }, [\n          _c(\n            \"button\",\n            {\n              staticClass: \"btn btn-primary mt-4 trigger-load-more\",\n              attrs: { id: \"load-more-items\" },\n              on: {\n                click: function($event) {\n                  return _vm.loadItems(_vm.lastPage + 1)\n                }\n              }\n            },\n            [_vm._v(\"Weitere Artikel laden ...\")]\n          )\n        ])\n      : _vm._e()\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"load-more__wrapper\">\n        <ul class=\"product-list row grid\" v-if=\"items.length\">\n            <li v-for=\"item in items\" class=\"col-12 col-sm-6\" :class=\"{'col-md-3': isSearch, 'col-md-4': !isSearch}\">\n                <od-category-item\n                        :item-data=\"item.data\"\n                        :to-item=\"item.data.item.free4 == '1' ? true : false\"\n                        :decimal-count=\"$ceres.config.item.storeSpecial\">\n                </od-category-item>\n            </li>\n        </ul>\n        <div class=\"col-12 text-center\" v-if=\"lastPage < pageMax\">\n            <button @click=\"loadItems(lastPage+1)\" id=\"load-more-items\" class=\"btn btn-primary mt-4 trigger-load-more\">Weitere Artikel laden ...</button>\n        </div>\n    </div>\n</template>\n\n<script>\n\n    import ApiService from \"ceres/app/services/ApiService\";\n    import {mapState} from 'vuex';\n\n    export default {\n        props:{\n            currentCategoryPage: {},\n            itemsPerPage: {},\n            pageMax: {},\n            sorting: {},\n            facetData: {},\n            cols:{\n                Number: String,\n                default: 3\n            }\n        },\n        data(){\n            return {\n                prevItems: [],\n                items: [],\n                loading: false,\n                prevLoading: false,\n                currentPage: 1,\n                firstPage: 1,\n                lastPage: 1,\n            }\n        },\n        created() {\n            this.currentPage = this.currentCategoryPage;\n            this.firstPage = this.currentCategoryPage;\n            this.lastPage = this.currentCategoryPage;\n        },\n        computed: {\n            ...mapState({\n                currentCategory: state => state.navigation.currentCategory,\n            }),\n\n\n\t\t\t\t\tisSearch(){\n\t\t\t\t\t\treturn App.templateType === 'search';\n\t\t\t\t\t}\n        },\n        mounted()\n        {\n            this.$nextTick(() =>\n            {\n                if(this.pageMax === 1){\n                    $('#load-more-items').remove();\n                }\n\n                // let that = this;\n                // $(window).scroll(function(){\n                //     that.triggerLoadMoreCheck();\n                // });\n            });\n        },\n\n        methods:\n            {\n                // triggerLoadMoreCheck(){\n                //     let el = document.querySelector(\".trigger-load-more\");\n                //     if(el !== null){\n                //         var top = el.offsetTop;\n                //         var left = el.offsetLeft;\n                //         var width = el.offsetWidth;\n                //         var height = el.offsetHeight;\n                //\n                //         while(el.offsetParent) {\n                //             el = el.offsetParent;\n                //             top += el.offsetTop;\n                //             left += el.offsetLeft;\n                //         }\n                //\n                //         let loadMore =\n                //             top < (window.pageYOffset + window.innerHeight) &&\n                //             left < (window.pageXOffset + window.innerWidth) &&\n                //             (top + height) > window.pageYOffset &&\n                //             (left + width) > window.pageXOffset;\n                //\n                //         if(loadMore && !this.loading){\n                //             this.loadItems(this.lastPage+1);\n                //         }\n                //     }\n                // },\n\n                /*loadMore(){\n\n                    var items = $('.list-itemsperpage select').val();\n                    var sort = $('.list-sort select').val();\n                    var loadedItems = $('.product-list .cmp-product-thumb').length; // 20, 40, 60\n                    var currentPage = loadedItems / items;\n                    var pageToLoad = currentPage+1;\n                    var catId = parseInt($('#category__cat-id').val());\n\n                    let url = new URL(window.location.href);\n                    let facets = url.searchParams.get('facets');\n                    if (typeof facets === 'undefined' || facets == null) {\n                        facets = '';\n                    }\n                    else {\n                        facets = '&facets=' + facets;\n                    }\n\n                    $('body').append(\"<div class='modal-backdrop' style='opacity: 0.4'></div>\");\n\n                    ApiService.get(\"https://www.sweets-online.com/rest/io/category?items=\"+items+\"&sorting=\"+sort+\"&page=\"+pageToLoad+\"&facets=\"+facets+\"&categoryId=\"+catId)\n                        .done(data => {\n                            //const result = JSON.parse(data);\n                            //console.log(result);\n                            const newItems = data.itemList.documents;\n                            this.itemList = [...this.itemList, ...newItems];\n                            this.iteration ++;\n\n                            $('.modal-backdrop').remove();\n                            $('#categoryCurrentPage').val(pageToLoad);\n\n                            if($('#categoryCurrentPage').val() == $('#categoryPageMax').val()){\n                                $('#load-more-items').hide();\n                            }else{\n                                $('#load-more-items').show();\n                            }\n\n                        }).fail((err)=> console.log(err));\n\n                },*/\n\n                loadItems(newPage) {\n                    let that = this;\n                    if (newPage > that.currentPage) {\n                        this.loading = true;\n                        $('body').append(\"<div class='modal-backdrop' style='opacity: 0.4'></div>\");\n                    }\n                    else {\n                        this.prevLoading = true;\n                    }\n                    let url = new URL(window.location.href);\n                    let facets = url.searchParams.get('facets');\n                    if (typeof facets === 'undefined' || facets == null) {\n                        facets = '';\n                    }\n                    else {\n                        facets = '&facets=' + facets;\n                    }\n                    let priceMax = url.searchParams.get('priceMax');\n                    if (typeof priceMax === 'undefined' || priceMax == null) {\n                        priceMax = '';\n                    }\n                    else {\n                        priceMax = '&priceMax=' + priceMax;\n                    }\n                    let priceMin = url.searchParams.get('priceMin');\n                    if (typeof priceMin === 'undefined' || priceMin == null) {\n                        priceMin = '';\n                    }\n                    else {\n                        priceMin = '&priceMin=' + priceMin;\n                    }\n\n                    let route = \"category?items=\";\n                    let catIdString = \"\";\n                    if(App.templateType == \"search\"){\n                      let sQuery = \"\";\n                      let queryStringArr = window.location.search.split(\"=\");\n                      queryStringArr = queryStringArr[1].split(\"&\");\n                      sQuery = queryStringArr[0];\n                      route = \"item/search?query=\"+sQuery+\"&items=\";\n                    }else{\n                        catIdString = \"&categoryId=\" + this.currentCategory.id;\n                    }\n\n                    ApiService.get(\n                        window.location.origin + '/rest/io/'+route+ this.itemsPerPage + '&sorting=' +\n                        this.sorting +\n                        '&page=' + (newPage) + catIdString + facets + priceMin + priceMax).done(response => {\n                        if (newPage > that.currentPage) {\n                            that.items = that.items.concat(response.itemList.documents);\n                            that.currentPage = newPage;\n                            that.lastPage = newPage;\n                            that.loading = false;\n                            $('.modal-backdrop').remove();\n                        }\n                        else {\n                            that.prevItems = response.itemList.documents.concat(that.prevItems);\n                            that.currentPage = newPage;\n                            that.firstPage = newPage;\n                            that.prevLoading = false;\n                        }\n                        let newHref = that.replaceUrlParam(window.location.href, 'page', that.currentPage);\n                        window.history.replaceState({}, '', newHref);\n                    });\n                },\n                replaceUrlParam(url, paramName, paramValue) {\n                    if (paramValue == null) {\n                        paramValue = '';\n                    }\n\n                    let pattern = new RegExp('\\\\b(' + paramName + '=).*?(&|#|$)');\n                    if (url.search(pattern) >= 0) {\n                        return url.replace(pattern, '$1' + paramValue + '$2');\n                    }\n                    url = url.replace(/[?#]$/, '');\n                    return url + (url.indexOf('?') > 0 ? '&' : '?') + paramName + '=' + paramValue;\n                },\n            }\n    }\n</script>\n","import mod from \"-!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LoadMoreItems.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LoadMoreItems.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./LoadMoreItems.vue?vue&type=template&id=2516eb0e&\"\nimport script from \"./LoadMoreItems.vue?vue&type=script&lang=js&\"\nexport * from \"./LoadMoreItems.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\n/* hot reload */\nif (module.hot) {\n  var api = require(\"/Users/fhartwig/Sites/pp-sweets_online/node_modules/vue-hot-reload-api/dist/index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('2516eb0e')) {\n      api.createRecord('2516eb0e', component.options)\n    } else {\n      api.reload('2516eb0e', component.options)\n    }\n    module.hot.accept(\"./LoadMoreItems.vue?vue&type=template&id=2516eb0e&\", function () {\n      api.rerender('2516eb0e', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"resources/js/src/app/components/itemList/LoadMoreItems.vue\"\nexport default component.exports"],"sourceRoot":""}