{"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","isMounted","attrs","to","firstPage","staticClass","disabled","loading","prevLoading","on","click","$event","loadItems","_v","_s","$translate","_e","prevItems","_l","item","key","id","data","items","lastPage","pageMax","_withStripped","component","options","__file"],"mappings":"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","file":"chunks/ceres-client-49.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(\n    \"div\",\n    [\n      _vm.isMounted\n        ? _c(\"portal\", { attrs: { to: \"load_prev\" } }, [\n            _vm.firstPage > 1\n              ? _c(\"div\", { staticClass: \"mt-4 mb-4 text-center\" }, [\n                  _c(\n                    \"button\",\n                    {\n                      staticClass: \"btn btn-primary ml-auto mr-auto\",\n                      attrs: { disabled: _vm.loading || _vm.prevLoading },\n                      on: {\n                        click: function($event) {\n                          return _vm.loadItems(_vm.firstPage - 1)\n                        }\n                      }\n                    },\n                    [\n                      _vm.prevLoading\n                        ? [\n                            _vm._v(\n                              \"\\n                    \" +\n                                _vm._s(\n                                  _vm.$translate(\n                                    \"ODKleinMore::Template.loadMoreLoading\"\n                                  )\n                                ) +\n                                \"\\n                \"\n                            )\n                          ]\n                        : [\n                            _vm._v(\n                              \"\\n                    \" +\n                                _vm._s(\n                                  _vm.$translate(\n                                    \"ODKleinMore::Template.loadPrevItems\"\n                                  )\n                                ) +\n                                \"\\n                \"\n                            )\n                          ]\n                    ],\n                    2\n                  )\n                ])\n              : _vm._e(),\n            _vm._v(\" \"),\n            _vm.prevItems\n              ? _c(\n                  \"div\",\n                  { staticClass: \"product-list row\" },\n                  _vm._l(_vm.prevItems, function(item) {\n                    return _c(\n                      \"div\",\n                      { staticClass: \"product-list__col col-6 col-md-4\" },\n                      [\n                        _c(\"category-item\", {\n                          key: item.id,\n                          attrs: { \"item-data\": item.data }\n                        })\n                      ],\n                      1\n                    )\n                  }),\n                  0\n                )\n              : _vm._e()\n          ])\n        : _vm._e(),\n      _vm._v(\" \"),\n      _c(\n        \"div\",\n        { staticClass: \"product-list row\" },\n        _vm._l(_vm.items, function(item) {\n          return _c(\n            \"div\",\n            { staticClass: \"product-list__col col-6 col-md-4\" },\n            [\n              _c(\"category-item\", {\n                key: item.id,\n                attrs: { \"item-data\": item.data }\n              })\n            ],\n            1\n          )\n        }),\n        0\n      ),\n      _vm._v(\" \"),\n      _vm.lastPage < _vm.pageMax\n        ? _c(\"div\", { staticClass: \"mt-4 mb-4 text-center\" }, [\n            _c(\n              \"button\",\n              {\n                staticClass: \"btn btn-primary loadmore-btn\",\n                attrs: { disabled: _vm.loading || _vm.prevLoading },\n                on: {\n                  click: function($event) {\n                    return _vm.loadItems(_vm.lastPage + 1)\n                  }\n                }\n              },\n              [\n                _vm.loading\n                  ? [\n                      _vm._v(\n                        \"\\n                \" +\n                          _vm._s(\n                            _vm.$translate(\n                              \"ODKleinMore::Template.loadMoreLoading\"\n                            )\n                          ) +\n                          \"\\n            \"\n                      )\n                    ]\n                  : [\n                      _vm._v(\n                        \"\\n                \" +\n                          _vm._s(\n                            _vm.$translate(\n                              \"ODKleinMore::Template.loadMoreItems\"\n                            )\n                          ) +\n                          \"\\n            \"\n                      )\n                    ]\n              ],\n              2\n            )\n          ])\n        : _vm._e()\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","<template>\n    <div>\n        <portal v-if=\"isMounted\" to=\"load_prev\">\n            <div class=\"mt-4 mb-4 text-center\" v-if=\"firstPage > 1\">\n                <button class=\"btn btn-primary ml-auto mr-auto\"\n                        :disabled=\"loading || prevLoading\"\n                        @click=\"loadItems(firstPage-1)\">\n                    <template v-if=\"prevLoading\">\n                        {{ $translate('ODKleinMore::Template.loadMoreLoading') }}\n                    </template>\n                    <template v-else>\n                        {{ $translate('ODKleinMore::Template.loadPrevItems') }}\n                    </template>\n                </button>\n            </div>\n            <div class=\"product-list row\" v-if=\"prevItems\">\n                <div class=\"product-list__col col-6 col-md-4\" v-for=\"item in prevItems\">\n                    <category-item :item-data=\"item.data\" :key=\"item.id\"/>\n                </div>\n            </div>\n        </portal>\n        <div class=\"product-list row\">\n            <div class=\"product-list__col col-6 col-md-4\" v-for=\"item in items\">\n                <category-item :item-data=\"item.data\" :key=\"item.id\"/>\n            </div>\n        </div>\n        <div class=\"mt-4 mb-4 text-center\" v-if=\"lastPage < pageMax\">\n            <button class=\"btn btn-primary loadmore-btn\" :disabled=\"loading || prevLoading\" @click=\"loadItems(lastPage+1)\">\n                <template v-if=\"loading\">\n                    {{ $translate('ODKleinMore::Template.loadMoreLoading') }}\n                </template>\n                <template v-else>\n                    {{ $translate('ODKleinMore::Template.loadMoreItems') }}\n                </template>\n            </button>\n        </div>\n    </div>\n</template>\n\n<script>\nimport ApiService from 'ceres/app/services/ApiService';\nimport {mapState} from 'vuex';\n\nexport default {\n    props: {\n        currentCategoryPage: {},\n        itemsPerPage: {},\n        pageMax: {},\n        sorting: {},\n        facetData: {},\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            isMounted: false\n        };\n    },\n    computed: {\n        ...mapState({\n            currentCategory: state => state.navigation.currentCategory,\n        }),\n    },\n    mounted() {\n\n        this.currentPage = this.currentCategoryPage;\n        this.firstPage = this.currentCategoryPage;\n        this.lastPage = this.currentCategoryPage;\n        this.isMounted = true;\n\n        this.$nextTick(() => {\n            if(this.loadMoreTrigger === \"scroll\") {\n                let that = this;\n                window.addEventListener(\"scroll\", function() {\n                    that.triggerLoadMoreCheck();\n                });\n            }\n        });\n    },\n    methods: {\n        loadItems(newPage) {\n            let that = this;\n            if (newPage > that.currentPage) {\n                this.loading = true;\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            ApiService.get(\n                window.location.origin + '/rest/io/category?items=' + this.itemsPerPage + '&sorting=' +\n                this.sorting +\n                '&page=' + (newPage) + '&categoryId=' + this.currentCategory.id + 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                }\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\n                if(that.currentPage === 1){\n                    newHref = newHref.replace('?page=1', '');\n                    newHref = newHref.replace('&page=1', '');\n                }\n\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/kevindenckert/PhpstormProjects/DIA-kleinmore/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":""}