{"version":3,"sources":["webpack:///./src/views/clinic/past-prescriptions.vue?d207","webpack:///src/views/clinic/past-prescriptions.vue","webpack:///./src/views/clinic/past-prescriptions.vue?13bf","webpack:///./src/views/clinic/past-prescriptions.vue","webpack:///./src/components/pagination/index.vue?8834","webpack:///./src/components/pagination/index.vue?9aee","webpack:///src/components/pagination/index.vue","webpack:///./src/components/pagination/index.vue?ebc3","webpack:///./src/components/pagination/index.vue?9c36"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_s","patientName","on","closeWindow","ref","directives","name","rawName","value","prescriptions","length","expression","isTableLoading","_l","prescription","index","key","convertToUserReadableDate","prescribedDate","attrs","pharmacyId","model","callback","$$v","$set","items","prescriptionValidUntil","_e","pagination","totalPages","scrollPosition","staticRenderFns","component","class","hasPreviousPage","$event","goToPage","goToPrevious","page","pageNumber","display","hasNextPage","goToNext"],"mappings":"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","file":"js/chunk-aee570ba.75a90a92.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('h1',{staticClass:\"display-heading d-flex justify-content-between\"},[_c('div',[_vm._v(_vm._s(_vm.patientName)+\" Past Prescriptions\")]),_c('button',{staticClass:\"btn btn-danger\",on:{\"click\":_vm.closeWindow}},[_vm._v(\"Close\")])]),_c('div',{ref:\"tableSection\"},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.prescriptions.length === 0),expression:\"prescriptions.length === 0\"}],staticClass:\"text-center font-italic\"},[_vm._v(\"\\n            \"+_vm._s(_vm.isTableLoading ? \"Loading Data\": \"No Data\")+\"\\n        \")]),_vm._l((_vm.prescriptions),function(prescription,index){return _c('div',{key:index},[_c('div',{staticClass:\"card mb-5\"},[_c('div',{staticClass:\"card-header d-flex justify-content-between align-items-baseline\"},[_c('span',[_vm._v(\"Prescription Date : \"+_vm._s(_vm.convertToUserReadableDate(prescription.prescribedDate)))])]),_c('div',{staticClass:\"card-body\"},[_c('prescription-detail',{attrs:{\"isEdit\":false,\"pharmacyId\":_vm.pharmacyId,\"drugType\":2},model:{value:(prescription.items),callback:function ($$v) {_vm.$set(prescription, \"items\", $$v)},expression:\"prescription.items\"}},[(prescription.items.length> 0)?[_c('form',{attrs:{\"data-vv-scope\":\"prescription-valid-days\"}},[_c('div',{staticClass:\"d-flex align-items-baseline\",attrs:{\"id\":\"prescription\"}},[_c('label',{staticClass:\"mr-2 mb-0\"},[_vm._v(_vm._s(\"Prescription valid until\")+\"  \")]),_c('div',[_vm._v(\"\\n                                            \"+_vm._s(prescription.prescriptionValidUntil ? _vm.convertToUserReadableDate(prescription.prescriptionValidUntil): '-')+\"\\n                                        \")])])])]:_vm._e()],2)],1)])])}),_c('pagination',{attrs:{\"totalPages\":_vm.pagination.totalPages,\"scrollPosition\":_vm.pagination.scrollPosition},model:{value:(_vm.pagination.currentPage),callback:function ($$v) {_vm.$set(_vm.pagination, \"currentPage\", $$v)},expression:\"pagination.currentPage\"}})],2)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div>\r\n        <h1 class=\"display-heading d-flex justify-content-between\">\r\n            <div>{{ patientName }} Past Prescriptions</div>\r\n            <button class=\"btn btn-danger\" @click=\"closeWindow\">Close</button>\r\n        </h1>\r\n\r\n        <div ref=\"tableSection\">\r\n            <div v-show=\"prescriptions.length === 0\" class=\"text-center font-italic\">\r\n                {{isTableLoading ? \"Loading Data\": \"No Data\"}}\r\n            </div>\r\n            <div v-for=\"(prescription, index) in prescriptions\" :key=\"index\">\r\n                <div class=\"card mb-5\">\r\n                    <div class=\"card-header d-flex justify-content-between align-items-baseline\">\r\n                        <span>Prescription Date : {{ convertToUserReadableDate(prescription.prescribedDate) }}</span>\r\n                    </div>\r\n                    <div class=\"card-body\">\r\n                        <prescription-detail :isEdit=\"false\" v-model=\"prescription.items\"\r\n                            :pharmacyId=\"pharmacyId\" :drugType=\"2\">\r\n                            <template v-if=\"prescription.items.length> 0\">\r\n                                    <form data-vv-scope=\"prescription-valid-days\">\r\n                                        <div id=\"prescription\" class=\"d-flex align-items-baseline\">\r\n                                            <label class=\"mr-2 mb-0\">{{ \"Prescription valid until\"}}  </label>\r\n                                            <div>\r\n                                                {{prescription.prescriptionValidUntil ? convertToUserReadableDate(prescription.prescriptionValidUntil): '-'}}\r\n                                            </div>\r\n                                        </div>\r\n                                    </form>\r\n                            </template>\r\n                        </prescription-detail>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n            <pagination v-model=\"pagination.currentPage\"\r\n                :totalPages=\"pagination.totalPages\"\r\n                :scrollPosition=\"pagination.scrollPosition\">\r\n            </pagination>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport {\r\n    convertToUserReadableDate,\r\n    constructPrescriptionList\r\n} from '@/utilities';\r\nimport pagination from '@/components/pagination';\r\nimport prescriptionDetail from '@/components/prescription';\r\nexport default {\r\n    'components': {\r\n        prescriptionDetail,\r\n        pagination\r\n    },\r\n    'computed': {\r\n        currentPage () {\r\n            return this.pagination.currentPage;\r\n        }\r\n    },\r\n    'watch': {\r\n        currentPage () {\r\n            this.$nextTick(() => {\r\n                this.getDoctors();\r\n            });\r\n        }\r\n    },\r\n    data () {\r\n        return {\r\n            // 'columnsCount': 1,\r\n            convertToUserReadableDate,\r\n            'isTableLoading': true,\r\n            'pagination': {\r\n                'currentPage': 1,\r\n                'totalPages': 0,\r\n                'pageSize': 20,\r\n                'scrollPosition': 0\r\n            },\r\n            'prescriptions': [],\r\n            'patientId': null,\r\n            'patientName': null,\r\n            'pharmacyId': 'c790b8e8-a595-11ea-a7bf-00163e000d23'\r\n        };\r\n    },\r\n    mounted () {\r\n        // this.columnsCount = this.$refs.listTable.rows[0].cells.length;\r\n\r\n        this.patientId = this.$route.params.patientId;\r\n\r\n        // initialize scroll position\r\n        this.$nextTick(() => {\r\n            this.pagination.scrollPosition = this.$refs.tableSection.getBoundingClientRect().top + window.scrollY - document.querySelector('.top-navigation').clientHeight;\r\n        });\r\n\r\n        this.getPrescriptions();\r\n        this.getPatientDetails();\r\n    },\r\n    'methods': {\r\n        getPatientDetails () {\r\n            this.axios.get('user/GetUserDetails', {\r\n                'params': {\r\n                    'userId': this.patientId\r\n                }\r\n            }).then(({\r\n                data\r\n            }) => {\r\n                if (data.data) {\r\n                    let profileData = data.data;\r\n                    this.patientName = profileData.f;\r\n                }\r\n            });\r\n        },\r\n        getPrescriptions () {\r\n            this.axios.post('Clinic/GetPatientPastPrescriptions', {\r\n                'p': this.pagination.currentPage,\r\n                'ps': this.pagination.pageSize,\r\n                'pi': this.patientId\r\n            }).then(({ data }) => {\r\n                this.isTableLoading = false;\r\n                let pagedResult = data.data;\r\n\r\n                this.pagination.currentPage = pagedResult.p;\r\n                this.pagination.totalPages = pagedResult.c;\r\n\r\n                let list = pagedResult.l;\r\n\r\n                this.prescriptions = list.map((prescription) => ({\r\n                    'prescribedDate': prescription.cd,\r\n                    'prescriptionValidUntil': prescription.vu,\r\n                    'items': constructPrescriptionList(prescription.pil)\r\n                }));\r\n            });\r\n        },\r\n        closeWindow () {\r\n            window.close();\r\n        }\r\n    }\r\n};\r\n\r\n</script>\r\n\r\n<style>\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!./past-prescriptions.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!./past-prescriptions.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./past-prescriptions.vue?vue&type=template&id=028186ba&\"\nimport script from \"./past-prescriptions.vue?vue&type=script&lang=js&\"\nexport * from \"./past-prescriptions.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 mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&lang=css&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('nav',{attrs:{\"aria-label\":\"Page navigation example\"}},[_c('ul',{staticClass:\"pagination justify-content-center mb-1\"},[_c('li',{class:{\n            'page-item': true,\n            'disabled': !_vm.hasPreviousPage\n        }},[_c('a',{staticClass:\"page-link\",attrs:{\"href\":\"javascript: void(0);\"},on:{\"click\":function($event){_vm.goToPage($event, 1)}}},[_c('i',{staticClass:\"fa fa-fast-backward\"})])]),_c('li',{class:{\n            'page-item': true,\n            'disabled': !_vm.hasPreviousPage\n        }},[_c('a',{staticClass:\"page-link\",attrs:{\"href\":\"javascript: void(0);\"},on:{\"click\":_vm.goToPrevious}},[_c('i',{staticClass:\"fa fa-angle-left\"})])]),_vm._l((_vm.pagesList),function(page,index){return _c('li',{key:index,class:{\n                'page-item': true,\n                'active': _vm.value === page.pageNumber\n            }},[_c('a',{staticClass:\"page-link\",attrs:{\"href\":\"javascript: void(0);\"},on:{\"click\":function($event){_vm.goToPage($event, page.pageNumber)}}},[_vm._v(\"\\n                \"+_vm._s(page.display)+\"\\n            \")])])}),_c('li',{class:{\n            'page-item': true,\n            'disabled': !_vm.hasNextPage\n        }},[_c('a',{staticClass:\"page-link\",attrs:{\"href\":\"javascript: void(0);\"},on:{\"click\":_vm.goToNext}},[_c('i',{staticClass:\"fa fa-angle-right\"})])]),_c('li',{class:{\n            'page-item': true,\n            'disabled': !_vm.hasNextPage\n        }},[_c('a',{staticClass:\"page-link\",attrs:{\"href\":\"javascript: void(0);\"},on:{\"click\":function($event){_vm.goToPage($event, _vm.totalPages)}}},[_c('i',{staticClass:\"fa fa-fast-forward\"})])])],2),(_vm.totalPages > 0)?[_c('center',[_c('p',[_vm._v(\"Page \"+_vm._s(_vm.value)+\" of \"+_vm._s(_vm.totalPages))])])]:_vm._e()],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <nav aria-label=\"Page navigation example\">\r\n        <ul class=\"pagination justify-content-center mb-1\">\r\n            <li :class=\"{\r\n                'page-item': true,\r\n                'disabled': !hasPreviousPage\r\n            }\">\r\n                <a href=\"javascript: void(0);\" class=\"page-link\" @click=\"goToPage($event, 1)\">\r\n                    <i class=\"fa fa-fast-backward\"></i>\r\n                </a>\r\n            </li>\r\n            <li :class=\"{\r\n                'page-item': true,\r\n                'disabled': !hasPreviousPage\r\n            }\">\r\n                <a href=\"javascript: void(0);\" class=\"page-link\" @click=\"goToPrevious\">\r\n                    <i class=\"fa fa-angle-left\"></i>\r\n                </a>\r\n            </li>\r\n            <li v-for=\"(page, index) in pagesList\"\r\n                :key=\"index\"\r\n                :class=\"{\r\n                    'page-item': true,\r\n                    'active': value === page.pageNumber\r\n                }\">\r\n                <a class=\"page-link\" href=\"javascript: void(0);\" @click=\"goToPage($event, page.pageNumber)\">\r\n                    {{page.display}}\r\n                </a>\r\n            </li>\r\n\r\n            <li :class=\"{\r\n                'page-item': true,\r\n                'disabled': !hasNextPage\r\n            }\">\r\n                <a href=\"javascript: void(0);\" class=\"page-link\" @click=\"goToNext\">\r\n                    <i class=\"fa fa-angle-right\"></i>\r\n                </a>\r\n            </li>\r\n            <li :class=\"{\r\n                'page-item': true,\r\n                'disabled': !hasNextPage\r\n            }\">\r\n                <a href=\"javascript: void(0);\" class=\"page-link\" @click=\"goToPage($event, totalPages)\">\r\n                    <i class=\"fa fa-fast-forward\"></i>\r\n                </a>\r\n            </li>\r\n        </ul>\r\n        <template v-if=\"totalPages > 0\">\r\n            <center><p>Page {{ value }} of {{ totalPages }}</p></center>\r\n        </template>\r\n    </nav>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    'name': 'pagination-component',\r\n    'props': {\r\n        'value': {\r\n            'type': Number,\r\n            'required': true\r\n        },\r\n        'totalPages': {\r\n            'type': Number,\r\n            'required': true\r\n        },\r\n        'scrollPosition': {\r\n            'type': Number,\r\n            'default': 0\r\n        }\r\n    },\r\n    'computed': {\r\n        hasNextPage () {\r\n            return this.value < this.totalPages;\r\n        },\r\n        hasPreviousPage () {\r\n            return this.value > 1;\r\n        },\r\n        needsTruncate () {\r\n            return this.totalPages > 7;\r\n        },\r\n        needsToShift () {\r\n            let shiftCondition = this.value > 3 && this.value < this.totalPages - 3;\r\n            return this.totalPages > 7 && shiftCondition;\r\n        },\r\n        pagesList () {\r\n            let list = [];\r\n\r\n            if (this.needsTruncate) {\r\n                if (this.needsToShift) {\r\n                    for (let i = this.value - 3; i < this.value + 4; i++) {\r\n                        list.push({\r\n                            'display': i + 1,\r\n                            'pageNumber': i + 1\r\n                        });\r\n                    }\r\n                } else if (this.value < 4) {\r\n                    for (let i = 0; i < 7; i++) {\r\n                        list.push({\r\n                            'display': i + 1,\r\n                            'pageNumber': i + 1\r\n                        });\r\n                    }\r\n                } else {\r\n                    for (let i = this.totalPages - 7; i < this.totalPages; i++) {\r\n                        list.push({\r\n                            'display': i + 1,\r\n                            'pageNumber': i + 1\r\n                        });\r\n                    }\r\n                }\r\n            } else {\r\n                for (let i = 0; i < this.totalPages; i++) {\r\n                    list.push({\r\n                        'display': i + 1,\r\n                        'pageNumber': i + 1\r\n                    });\r\n                }\r\n            }\r\n\r\n            return list;\r\n        }\r\n    },\r\n    'methods': {\r\n        goToPage (event, pageNumber) {\r\n            if (this.value !== pageNumber) {\r\n                this.scrollTop();\r\n                this.$emit('input', pageNumber);\r\n            }\r\n        },\r\n        goToPrevious (event) {\r\n            this.scrollTop();\r\n            this.$emit('input', this.value - 1);\r\n        },\r\n        goToNext (event) {\r\n            this.scrollTop();\r\n            this.$emit('input', this.value + 1);\r\n        },\r\n        scrollTop () {\r\n            document.body.scrollTop = this.scrollPosition; // For Safari\r\n            document.documentElement.scrollTop = this.scrollPosition; // For Chrome, Firefox, IE and Opera\r\n            event.target.blur();\r\n        }\r\n    }\r\n};\r\n</script>\r\n\r\n<style>\r\nli.page-item.disabled {\r\n    cursor: not-allowed;\r\n    opacity: .5;\r\n}\r\n\r\nli.page-item.active .page-link{\r\n    cursor: default;\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!./index.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!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=49b7d0ec&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&lang=css&\"\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"],"sourceRoot":""}