{"version":3,"sources":["webpack:///./src/views/Activity.vue","webpack:///src/views/Activity.vue","webpack:///./src/views/Activity.vue?9c82","webpack:///./src/views/Activity.vue?edce","webpack:///./src/views/Activity.vue?8255"],"names":["render","_vm","this","_c","_self","staticClass","attrs","_v","_m","_s","activities","length","paginator","page","totalPages","_l","data","activity","index","key","date","$moment","format","prePage","on","prevPage","nextPage","staticRenderFns","name","selectedServicePeriod","perPage","total","pagingOptions","created","_this","$store","state","ui","dashboardData","setPaginator","dispatch","then","computed","_objectSpread","mapGetters","selectedPagingIndex","indexOf","methods","items","currentPage","perPageItems","offset","paginatedItems","slice","Math","ceil","Infinity","changePerPage","isSelected","pagingCount","component"],"mappings":"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","file":"js/Activity.8d4d909a.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"pageWrapper\"},[_c('div',{staticClass:\"additional-info container\"},[_c('div',{staticClass:\"breadcrumbs\"},[_c('router-link',{staticClass:\"link\",attrs:{\"to\":\"/\"}},[_vm._v(\"home\")]),_vm._v(\" / \"),_c('router-link',{staticClass:\"link\",attrs:{\"to\":\"/my-pension/my-data\"}},[_vm._v(\"my data\")]),_vm._v(\" /\\n            my activity\\n        \")],1),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-12\"},[_c('div',{staticClass:\"p-4 rounded option\"},[_vm._m(0),_vm._m(1),_c('table',{staticClass:\"table responsive table__paging\"},[_c('caption',{staticClass:\"text-center\"},[_vm._v(\"\\n                        \"+_vm._s(_vm.activities.length)+\" Activities found.\\n                        \"),_vm._v(\"\\n                        Showing page \"+_vm._s(_vm.paginator.page)+\" of \"+_vm._s(_vm.paginator.totalPages || 1)+\"\\n                    \")]),_c('tbody',_vm._l((_vm.paginator.data),function(activity,index){return _c('tr',{key:index + activity.date},[_c('td',{staticClass:\"w-50\"},[_vm._v(_vm._s(activity.activity))]),_c('td',{staticClass:\"w-50\"},[_vm._v(_vm._s(_vm.$moment(activity.date).format('DD MMM YYYY, HH:mm:ss')))])])}),0),_c('tfoot',[_c('tr',[_c('td',{attrs:{\"colspan\":\"2\"}},[_c('div',{staticClass:\"paging-wrapper\"},[_c('button',{staticClass:\"paging\",attrs:{\"type\":\"button\",\"disabled\":!_vm.paginator.prePage},on:{\"click\":_vm.prevPage}},[_vm._v(\"Previous\")]),_c('button',{staticClass:\"paging\",attrs:{\"type\":\"button\",\"disabled\":!_vm.paginator.nextPage},on:{\"click\":_vm.nextPage}},[_vm._v(\"Next\")])])])])])])])])])])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"icon-round\"},[_c('span',{staticClass:\"icon-activity option-icon\"})])\n},function (){var _vm=this,_c=_vm._self._c;return _c('h3',{staticClass:\"h5 mb-1 mt-2 inline\"},[_vm._v(\"\\n                    My Activity\\n                    \"),_c('div',{staticClass:\"divider\"})])\n}]\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"pageWrapper\">\r\n        <div class=\"additional-info container\">\r\n            <div class=\"breadcrumbs\">\r\n                <router-link to=\"/\" class=\"link\">home</router-link> / <router-link to=\"/my-pension/my-data\" class=\"link\">my data</router-link> /\r\n                my activity\r\n            </div>\r\n            <div class=\"row\">\r\n                <div class=\"col-md-12\">\r\n                  <div class=\"p-4 rounded option\">\r\n                    <div class=\"icon-round\">\r\n                        <span class=\"icon-activity option-icon\"></span>\r\n                    </div>\r\n\r\n                    <h3 class=\"h5 mb-1 mt-2 inline\">\r\n                        My Activity\r\n                        <div class=\"divider\"></div>\r\n                    </h3>\r\n\r\n                    <table class=\"table responsive table__paging\">\r\n                        <caption class=\"text-center\">\r\n                            {{activities.length}} Activities found.\r\n                            <!--\r\n                                @paging If we want paging options\r\n                                Listing {{paginator.perPage}} results per page.\r\n                            -->\r\n                            Showing page {{ paginator.page }} of {{ paginator.totalPages || 1 }}\r\n                        </caption>\r\n                        <tbody>\r\n                            <tr v-for=\"(activity, index) in paginator.data\" :key=\"index + activity.date\">\r\n                                <td class=\"w-50\">{{activity.activity}}</td>\r\n                                <td class=\"w-50\">{{$moment(activity.date).format('DD MMM YYYY, HH:mm:ss')}}</td>\r\n                            </tr>\r\n                        </tbody>\r\n                        <tfoot>\r\n                            <tr>\r\n                                <td colspan=\"2\">\r\n                                    <div class=\"paging-wrapper\">\r\n                                        <button type=\"button\" class=\"paging\" @click=\"prevPage\" :disabled=\"!paginator.prePage\">Previous</button>\r\n                                        <!--\r\n                                            @paging If we want paging options\r\n                                            <button v-for=\"(pagingCount, index) in pagingOptions\" :key=\"index\" type=\"button\" class=\"paging\" :class=\"{ active: isSelected(pagingCount) }\" @click=\"changePerPage(pagingCount)\">{{pagingCount}}</button>\r\n                                        -->\r\n                                        <button type=\"button\" @click=\"nextPage\" class=\"paging\" :disabled=\"!paginator.nextPage\">Next</button>\r\n                                    </div>\r\n                                </td>\r\n                            </tr>\r\n                        </tfoot>\r\n                    </table>\r\n                  </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapGetters } from 'vuex';\r\n\r\nexport default {\r\n    name: 'Activity',\r\n    data () {\r\n        return {\r\n            selectedServicePeriod: 0,\r\n            paginator: {\r\n                page: null,\r\n                perPage: null,\r\n                prePage: null,\r\n                nextPage: null,\r\n                total: null,\r\n                totalPages: null,\r\n                data: null,\r\n            },\r\n            pagingOptions: [10, 25, 50, 100], // 4 options are best for layout\r\n        };\r\n    },\r\n    created () {\r\n        if (!this.$store.state.ui.dashboardData) {\r\n            this.$store.dispatch('getDashboardData').then(() => {\r\n                this.paginator.perPage = this.pagingOptions[0];\r\n                this.setPaginator(this.activities, 1, this.paginator.perPage);\r\n            });\r\n        } else {\r\n            this.paginator.perPage = this.pagingOptions[0];\r\n            this.setPaginator(this.activities, 1, this.paginator.perPage);\r\n        }\r\n    },\r\n    computed: {\r\n        ...mapGetters({\r\n            activities: 'getUserActivity',\r\n        }),\r\n        selectedPagingIndex () {\r\n            return this.pagingOptions.indexOf(this.paginator.perPage);\r\n        },\r\n    },\r\n    methods: {\r\n        setPaginator (items, currentPage, perPageItems) {\r\n            const page = currentPage || 1;\r\n            const perPage = perPageItems || this.paginator.perPage;\r\n            const offset = (page - 1) * perPage;\r\n\r\n            const paginatedItems = items.slice(offset).slice(0, perPageItems);\r\n            let totalPages = Math.ceil(items.length / perPage);\r\n            if (totalPages === Infinity) {\r\n                totalPages = 1;\r\n            }\r\n            this.paginator.page = page;\r\n            this.paginator.perPage = perPage;\r\n            this.paginator.prePage = page - 1 ? page - 1 : null;\r\n            this.paginator.nextPage = (totalPages > page) ? page + 1 : null;\r\n            this.paginator.total = items.length;\r\n            this.paginator.totalPages = totalPages;\r\n            this.paginator.data = paginatedItems;\r\n        },\r\n        changePerPage (perPage) {\r\n            this.setPaginator(this.activities, 1, perPage);\r\n        },\r\n        isSelected (pagingCount) {\r\n            return this.pagingOptions[this.selectedPagingIndex] === pagingCount;\r\n        },\r\n        prevPage () {\r\n            if (this.paginator.prePage) {\r\n                this.setPaginator(this.activities, this.paginator.page - 1, this.paginator.perPage);\r\n            }\r\n        },\r\n        nextPage () {\r\n            if (this.paginator.nextPage) {\r\n                this.setPaginator(this.activities, this.paginator.page + 1, this.paginator.perPage);\r\n            }\r\n        },\r\n\r\n    },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.option {\r\n    background-color: var(--greyColour);\r\n    color: inherit;\r\n    position: relative;\r\n    margin-bottom: 20px;\r\n    transition: $generalTransition;\r\n    .icon-round {\r\n        .option-icon {\r\n            font-size: 60px;\r\n            height: 60px;\r\n            width: 60px;\r\n            opacity: 0.3;\r\n            position: absolute;\r\n            right: 15px;\r\n            top: 10px;\r\n            color: var(--primaryColour);\r\n        }\r\n    }\r\n}\r\n\r\n.table__paging {\r\n    .paging-wrapper {\r\n        display: flex;\r\n        justify-content: space-between;\r\n    }\r\n    button {\r\n        flex: 0 0 auto;\r\n        margin: 0;\r\n        font: inherit;\r\n        vertical-align: baseline;\r\n        font-size: 80%;\r\n        font-weight: 400;\r\n        text-align: center;\r\n        text-transform: uppercase;\r\n        display: inline-block;\r\n        transition: all 0.3s ease-in-out;\r\n        padding: 5px 20px;\r\n        border: 2px solid var(--secondaryColour);\r\n        border-radius: 30px;\r\n        &[disabled]{\r\n            border: 2px solid;\r\n            border-radius: 30px;\r\n        }\r\n        &:hover:not([disabled]) {\r\n            background: var(--secondaryColour);\r\n            color: var(--textOnSecondary);\r\n        }\r\n    }\r\n    .active {\r\n        background: var(--secondaryColour);\r\n        color: var(--textOnSecondary);\r\n    }\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!./Activity.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!./Activity.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Activity.vue?vue&type=template&id=5839e986&scoped=true\"\nimport script from \"./Activity.vue?vue&type=script&lang=js\"\nexport * from \"./Activity.vue?vue&type=script&lang=js\"\nimport style0 from \"./Activity.vue?vue&type=style&index=0&id=5839e986&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  \"5839e986\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Activity.vue?vue&type=style&index=0&id=5839e986&prod&lang=scss&scoped=true\""],"sourceRoot":""}