{"version":3,"sources":["webpack:///./src/components/shared/Pagination.vue","webpack:///src/components/shared/Pagination.vue","webpack:///./src/components/shared/Pagination.vue?e798","webpack:///./src/components/shared/Pagination.vue?b6c5","webpack:///./src/components/Profile/Messages.vue","webpack:///src/components/Profile/Messages.vue","webpack:///./src/components/Profile/Messages.vue?63aa","webpack:///./src/components/Profile/Messages.vue?3bbf","webpack:///./src/components/shared/Pagination.vue?0e04"],"names":["render","_vm","this","_c","_self","showPagination","staticClass","_v","_s","paginationResultsTitle","class","disabled","prevDisabled","attrs","query","page","search","$route","paginationProps","currentRoute","_l","pages","index","key","active","nextDisabled","parseInt","pager","totalPages","_e","staticRenderFns","name","mixins","translations","data","actionName","action","computed","props","String","type","Object","default","mounted","timerId","setTimeout","$store","dispatch","searchConfig","clearTimeout","watch","goToPage","component","messages","item","id","messageHasBeenRead","on","$event","markAsRead","systemMessageType","sender","subject","formatDate","createdDate","style","htmlContent","content","staticStyle","domProps","length","continueShopping","markAllMessagesAsRead","components","Pagination","getters","getMessages","methods","date","dateFormat","format","Date","api","markMessageAsRead","then","window","scrollTo","top","behavior"],"mappings":"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","file":"js/messages.e78f12bf.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[(_vm.showPagination)?_c('nav',{staticClass:\"toolbox toolbox-pagination\"},[_c('div',{staticClass:\"toolbox-item toolbox-show\"},[_c('label',[_vm._v(_vm._s(_vm.paginationResultsTitle))])]),_c('ul',{staticClass:\"pagination\"},[_c('li',{staticClass:\"page-item\",class:{ disabled: _vm.prevDisabled }},[_c('router-link',{staticClass:\"page-link prev\",attrs:{\"to\":{ query: { page: 1, search: _vm.$route.query.search, ..._vm.paginationProps } }}},[_c('span',[_c('i',{staticClass:\"icon-angle-double-left\"})])])],1),_c('li',{staticClass:\"page-item\",class:{ disabled: _vm.prevDisabled }},[_c('router-link',{staticClass:\"page-link prev\",attrs:{\"to\":{\n            query: {\n              page: +_vm.currentRoute.query.page - 1,\n              search: _vm.$route.query.search,\n              ..._vm.paginationProps,\n            },\n          }}},[_c('span',[_c('i',{staticClass:\"icon-angle-left\"})])])],1),_vm._l((_vm.pages),function(index){return _c('li',{key:index,staticClass:\"page-item\",class:{\n          active: index == _vm.currentRoute.query.page || (index === 1 && !_vm.currentRoute.query.page),\n        }},[_c('router-link',{staticClass:\"page-link\",attrs:{\"exact\":\"\",\"to\":{ query: { page: index, search: _vm.$route.query.search, ..._vm.paginationProps } }}},[_vm._v(\" \"+_vm._s(index)+\" \")])],1)}),_c('li',{staticClass:\"page-item\",class:{ disabled: _vm.nextDisabled }},[_c('router-link',{staticClass:\"page-link next\",attrs:{\"to\":{\n            query: {\n              page: parseInt(_vm.currentRoute.query.page || 1, 10) + 1,\n              search: _vm.$route.query.search,\n              ..._vm.paginationProps,\n            },\n          }}},[_c('span',[_c('a',{staticClass:\"page-link page-link-btn\",attrs:{\"href\":\"#\"}},[_c('i',{staticClass:\"icon-angle-right\"})])])])],1),_c('li',{staticClass:\"page-item\",class:{ disabled: _vm.nextDisabled }},[_c('router-link',{staticClass:\"page-link next\",attrs:{\"to\":{\n            query: { page: _vm.pager.totalPages, search: _vm.$route.query.search, ..._vm.paginationProps },\n          }}},[_c('span',[_c('i',{staticClass:\"icon-angle-double-right\"})])])],1)],2)]):_vm._e()])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <nav class=\"toolbox toolbox-pagination\" v-if=\"showPagination\">\r\n      <div class=\"toolbox-item toolbox-show\">\r\n        <label>{{ paginationResultsTitle }}</label>\r\n      </div>\r\n      <!-- End .toolbox-item -->\r\n      <ul class=\"pagination\">\r\n        <li class=\"page-item\" :class=\"{ disabled: prevDisabled }\">\r\n          <router-link\r\n            class=\"page-link prev\"\r\n            :to=\"{ query: { page: 1, search: $route.query.search, ...paginationProps } }\"\r\n          >\r\n            <span>\r\n              <i class=\"icon-angle-double-left\" />\r\n            </span>\r\n          </router-link>\r\n        </li>\r\n        <li class=\"page-item\" :class=\"{ disabled: prevDisabled }\">\r\n          <router-link\r\n            class=\"page-link prev\"\r\n            :to=\"{\r\n              query: {\r\n                page: +currentRoute.query.page - 1,\r\n                search: $route.query.search,\r\n                ...paginationProps,\r\n              },\r\n            }\"\r\n          >\r\n            <span>\r\n              <i class=\"icon-angle-left\"></i>\r\n            </span>\r\n          </router-link>\r\n        </li>\r\n        <li\r\n          class=\"page-item\"\r\n          :class=\"{\r\n            active: index == currentRoute.query.page || (index === 1 && !currentRoute.query.page),\r\n          }\"\r\n          v-for=\"index in pages\"\r\n          :key=\"index\"\r\n        >\r\n          <router-link\r\n            exact\r\n            class=\"page-link\"\r\n            :to=\"{ query: { page: index, search: $route.query.search, ...paginationProps } }\"\r\n          >\r\n            {{ index }}\r\n          </router-link>\r\n        </li>\r\n\r\n        <li class=\"page-item\" :class=\"{ disabled: nextDisabled }\">\r\n          <router-link\r\n            class=\"page-link next\"\r\n            :to=\"{\r\n              query: {\r\n                page: parseInt(currentRoute.query.page || 1, 10) + 1,\r\n                search: $route.query.search,\r\n                ...paginationProps,\r\n              },\r\n            }\"\r\n          >\r\n            <span>\r\n              <a class=\"page-link page-link-btn\" href=\"#\"><i class=\"icon-angle-right\"></i></a>\r\n            </span>\r\n          </router-link>\r\n        </li>\r\n\r\n        <li class=\"page-item\" :class=\"{ disabled: nextDisabled }\">\r\n          <router-link\r\n            class=\"page-link next\"\r\n            :to=\"{\r\n              query: { page: pager.totalPages, search: $route.query.search, ...paginationProps },\r\n            }\"\r\n          >\r\n            <span>\r\n              <i class=\"icon-angle-double-right\" />\r\n            </span>\r\n          </router-link>\r\n        </li>\r\n      </ul>\r\n    </nav>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { pager, translations } from '@/mixins';\r\n\r\nexport default {\r\n  name: 'Pagination',\r\n  mixins: [pager, translations],\r\n  data() {\r\n    return {\r\n      actionName: this.action,\r\n    };\r\n  },\r\n  computed: {\r\n    currentRoute() {\r\n      return this.$route;\r\n    },\r\n  },\r\n  props: {\r\n    action: String,\r\n    paginationProps: {\r\n      type: Object,\r\n      default: () => ({}),\r\n    },\r\n  },\r\n  mounted() {\r\n    const { query } = this.$route;\r\n\r\n    const timerId = setTimeout(() => {\r\n      this.$store.dispatch(this.actionName, {\r\n        ...this.searchConfig,\r\n        ...this.paginationProps,\r\n        page: query?.page ? parseInt(query.page, 10) : 1,\r\n      });\r\n      clearTimeout(timerId);\r\n    }, 0);\r\n  },\r\n  watch: {\r\n    '$route.query.page': function redirect(page = 1) {\r\n      this.goToPage(parseInt(page, 10));\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.page-item:not(.disabled) {\r\n  cursor: pointer;\r\n}\r\n\r\n.page-item.disabled {\r\n  cursor: not-allowed;\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-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--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-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=0b66d8b6&scoped=true&\"\nimport script from \"./Pagination.vue?vue&type=script&lang=js&\"\nexport * from \"./Pagination.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Pagination.vue?vue&type=style&index=0&id=0b66d8b6&prod&lang=scss&scoped=true&\"\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  \"0b66d8b6\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"download-content\"},[_c('h3',{staticClass:\"account-sub-title d-none d-md-block\"},[_c('i',{staticClass:\"sicon-envelope align-middle mr-3\"}),_vm._v(_vm._s(_vm.translations.messages)+\" \")]),_c('div',{staticClass:\"messages-accordion\",attrs:{\"id\":\"accordion3\"}},[_vm._l((_vm.messages),function(item){return _c('div',{key:item.id,staticClass:\"card card-accordion accordion-boxed\"},[_c('a',{staticClass:\"card-header collapsed\",class:[item.messageHasBeenRead ? 'old-message' : 'new-message'],attrs:{\"href\":\"#\",\"data-toggle\":\"collapse\",\"data-target\":`#collapse-${item.id}`,\"aria-expanded\":\"false\",\"aria-controls\":`#collapse-${item.id}`},on:{\"click\":function($event){return _vm.markAsRead(item)}}},[_c('i',{staticClass:\"fas\",class:[item.systemMessageType === 1 ? 'fa-info-circle' : 'fa-exclamation-triangle']}),_c('span',{staticClass:\"message-title-sender\"},[_vm._v(_vm._s(item.sender))]),_c('span',{staticClass:\"message-spacer px-3\"},[_vm._v(\" - \")]),_c('span',{staticClass:\"message-intro-text\"},[_vm._v(\" \"+_vm._s(item.subject)+\" \")]),_c('span',{staticClass:\"message-time\"},[_vm._v(\" \"+_vm._s(_vm.formatDate(item.createdDate, 'HH:mm'))+\" h \"),_c('br'),_vm._v(\" \"+_vm._s(_vm.formatDate(item.createdDate, 'dd.MM.yyyy'))+\" \")])]),_c('div',{staticClass:\"collapse\",attrs:{\"id\":`collapse-${item.id}`,\"data-parent\":\"#accordion3\"}},[_c('p',{style:(item.htmlContent ? 'padding-bottom: 0px;' : '')},[_vm._v(\" \"+_vm._s(item.content)+\" \")]),(item.htmlContent)?_c('p',{staticStyle:{\"padding-top\":\"0px\"},domProps:{\"innerHTML\":_vm._s(item.htmlContent)}}):_vm._e()])])}),_c('pagination',{attrs:{\"action\":_vm.actionName}})],2),(_vm.messages && _vm.messages.length === 0)?_c('p',[_vm._v(\"No Messages.\")]):_vm._e(),_c('router-link',{staticClass:\"btn btn-primary text-transform-none mb-2\",attrs:{\"exact\":\"\",\"to\":{ name: 'Home' }}},[_vm._v(\" \"+_vm._s(_vm.translations.continueShopping)+\" \")]),_c('button',{staticClass:\"btn btn-primary ml-2 mb-2\",on:{\"click\":_vm.markAllMessagesAsRead}},[_vm._v(\" Označi sve kao pročitano \")])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"download-content\">\r\n    <h3 class=\"account-sub-title d-none d-md-block\">\r\n      <i class=\"sicon-envelope align-middle mr-3\"></i>{{ translations.messages }}\r\n    </h3>\r\n    <div id=\"accordion3\" class=\"messages-accordion\">\r\n      <div class=\"card card-accordion accordion-boxed\" v-for=\"item in messages\" :key=\"item.id\">\r\n        <a\r\n          class=\"card-header collapsed\"\r\n          :class=\"[item.messageHasBeenRead ? 'old-message' : 'new-message']\"\r\n          href=\"#\"\r\n          data-toggle=\"collapse\"\r\n          :data-target=\"`#collapse-${item.id}`\"\r\n          aria-expanded=\"false\"\r\n          :aria-controls=\"`#collapse-${item.id}`\"\r\n          @click=\"markAsRead(item)\"\r\n        >\r\n          <i\r\n            class=\"fas\"\r\n            :class=\"[item.systemMessageType === 1 ? 'fa-info-circle' : 'fa-exclamation-triangle']\"\r\n          />\r\n          <span class=\"message-title-sender\">{{ item.sender }}</span>\r\n          <span class=\"message-spacer px-3\"> - </span>\r\n          <span class=\"message-intro-text\">\r\n            {{ item.subject }}\r\n          </span>\r\n          <span class=\"message-time\">\r\n            {{ formatDate(item.createdDate, 'HH:mm') }} h <br />\r\n            {{ formatDate(item.createdDate, 'dd.MM.yyyy') }}\r\n          </span>\r\n        </a>\r\n        <div :id=\"`collapse-${item.id}`\" class=\"collapse\" data-parent=\"#accordion3\">\r\n          <p :style=\"item.htmlContent ? 'padding-bottom: 0px;' : ''\">\r\n            {{ item.content }}\r\n          </p>\r\n          <p v-if=\"item.htmlContent\" v-html=\"item.htmlContent\" style=\"padding-top: 0px;\"></p>\r\n        </div>\r\n      </div>\r\n      <pagination :action=\"actionName\" />\r\n    </div>\r\n    <p v-if=\"messages && messages.length === 0\">No Messages.</p>\r\n    <router-link exact :to=\"{ name: 'Home' }\" class=\"btn btn-primary text-transform-none mb-2\">\r\n      {{ translations.continueShopping }}\r\n    </router-link>\r\n    <button class=\"btn btn-primary ml-2 mb-2\" @click=\"markAllMessagesAsRead\">\r\n      Označi sve kao pročitano\r\n    </button>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { format } from 'date-fns';\r\nimport { pager } from '@/mixins';\r\n\r\nimport api from '@/services/api';\r\nimport Pagination from '@/components/shared/Pagination.vue';\r\n\r\nexport default {\r\n  name: 'Messages',\r\n  mixins: [pager],\r\n  components: {\r\n    Pagination,\r\n  },\r\n  data() {\r\n    return {\r\n      actionName: 'getMessages',\r\n    };\r\n  },\r\n  computed: {\r\n    messages() {\r\n      return this.$store.getters.getMessages;\r\n    },\r\n  },\r\n  methods: {\r\n    formatDate(date, dateFormat) {\r\n      return format(new Date(date), dateFormat);\r\n    },\r\n    markAsRead(item) {\r\n      if (item.messageHasBeenRead) return;\r\n      api.markMessageAsRead(item.id).then(() => {\r\n        this.$store.dispatch('getMessages', this.searchConfig);\r\n        this.$store.dispatch('getUnreadMessagesCount');\r\n      });\r\n    },\r\n    markAllMessagesAsRead() {\r\n      api.markAllMessagesAsRead().then(() => {\r\n        this.$store.dispatch('getMessages', this.searchConfig);\r\n        this.$store.dispatch('getUnreadMessagesCount');\r\n      });\r\n    },\r\n  },\r\n  mounted() {\r\n    window.scrollTo({ top: 0, behavior: 'smooth' });\r\n    this.$store.dispatch('getMessages', this.searchConfig);\r\n  },\r\n};\r\n</script>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Messages.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Messages.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Messages.vue?vue&type=template&id=3c04034e&\"\nimport script from \"./Messages.vue?vue&type=script&lang=js&\"\nexport * from \"./Messages.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","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Pagination.vue?vue&type=style&index=0&id=0b66d8b6&prod&lang=scss&scoped=true&\""],"sourceRoot":""}