{"version":3,"sources":["webpack:///./src/components/pagination/index.vue?8834","webpack:///./src/views/clinic/staff-management/index.vue?aab8","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","webpack:///./src/components/popup-modal/index.vue?54d1","webpack:///src/components/popup-modal/index.vue","webpack:///./src/components/popup-modal/index.vue?27b3","webpack:///./src/components/popup-modal/index.vue","webpack:///./src/views/clinic/staff-management/index.vue?5b58","webpack:///src/views/clinic/staff-management/index.vue","webpack:///./src/views/clinic/staff-management/index.vue?0b84","webpack:///./src/views/clinic/staff-management/index.vue?819a"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","class","hasPreviousPage","on","$event","goToPage","goToPrevious","_l","page","index","key","value","pageNumber","_v","_s","display","hasNextPage","goToNext","totalPages","_e","staticRenderFns","component","ref","sizeClass","title","hide","_t","_m","directives","name","rawName","staffList","length","expression","columnsCount","isTableLoading","staff","pagination","currentPage","pageSize","username","role","clinicStaffId","deleteStaff","scrollPosition","model","callback","$$v","$set","slot","deleting","staffToDelete","$refs","confirmationPopUp","deleteStaffApi"],"mappings":"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","file":"js/chunk-240caf8a.5ba6e97c.js","sourcesContent":["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&\"","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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:\"modalContent\",staticClass:\"modal fade\",attrs:{\"tabindex\":\"-1\",\"role\":\"dialog\",\"data-backdrop\":\"static\",\"aria-hidden\":\"true\",\"data-keyboard\":\"false\"}},[_c('div',{staticClass:\"modal-dialog\",class:[\n        'modal-dialog',\n        _vm.sizeClass\n        ],attrs:{\"role\":\"document\"}},[_c('div',{staticClass:\"modal-content\"},[_c('div',{staticClass:\"modal-header\"},[_c('h5',{staticClass:\"modal-title\"},[_vm._v(_vm._s(_vm.title))]),(_vm.hasCloseButton)?_c('button',{staticClass:\"close\",attrs:{\"type\":\"button\",\"aria-label\":\"Close\"},on:{\"click\":_vm.hide}},[_c('span',{attrs:{\"aria-hidden\":\"true\"}},[_vm._v(\"×\")])]):_vm._e()]),_c('div',{staticClass:\"modal-body\"},[_vm._t(\"content\")],2),_c('div',{staticClass:\"modal-footer\"},[_vm._t(\"footer\")],2)])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div ref=\"modalContent\" class=\"modal fade\" tabindex=\"-1\" role=\"dialog\" data-backdrop=\"static\" aria-hidden=\"true\" data-keyboard=\"false\">\r\n        <div class=\"modal-dialog\" :class=\"[\r\n            'modal-dialog',\r\n            sizeClass\r\n            ]\"\r\n            role=\"document\">\r\n            <div class=\"modal-content\">\r\n                <div class=\"modal-header\">\r\n                    <h5 class=\"modal-title\">{{title}}</h5>\r\n                    <button v-if=\"hasCloseButton\" type=\"button\" class=\"close\" @click=\"hide\" aria-label=\"Close\">\r\n                        <span aria-hidden=\"true\">&times;</span>\r\n                    </button>\r\n                </div>\r\n                <div class=\"modal-body\">\r\n                    <slot name=\"content\"></slot>\r\n                </div>\r\n                <div class=\"modal-footer\">\r\n                    <slot name=\"footer\"></slot>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport $ from 'jquery';\r\nexport default {\r\n    'name': 'BootstrapModal',\r\n    'props': {\r\n        'title': {\r\n            'type': String,\r\n            'required': true\r\n        },\r\n        'hasCloseButton': {\r\n            'type': Boolean,\r\n            'default': true\r\n        },\r\n        'sizeClass': {\r\n            'type': String,\r\n            'default': ''\r\n        }\r\n    },\r\n    mounted () {\r\n    },\r\n    'methods': {\r\n        show (callback) {\r\n            return new Promise((resolve) => {\r\n                $(this.$refs.modalContent).one('shown.bs.modal', function () {\r\n                    if (typeof callback === 'function') {\r\n                        callback();\r\n                    }\r\n                    resolve();\r\n                });\r\n\r\n                $(this.$refs.modalContent).modal('show');\r\n            });\r\n        },\r\n        hide (callback) {\r\n            return new Promise((resolve) => {\r\n                $(this.$refs.modalContent).one('hidden.bs.modal', function () {\r\n                    if (typeof callback === 'function') {\r\n                        callback();\r\n                    }\r\n                    resolve();\r\n                });\r\n\r\n                $(this.$refs.modalContent).modal('hide');\r\n            });\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!./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=dfd924ce&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('h1',{staticClass:\"display-heading mb-3\"},[_vm._v(\"Staff Management\")]),_c('div',{staticClass:\"table-responsive\"},[_c('div',{ref:\"tableSection\"},[_c('div',{staticClass:\"mb-3\"},[_c('router-link',{staticClass:\"btn btn-primary btn-primary-insv\",attrs:{\"to\":{'name': 'create-clinic-staff'},\"tag\":\"button\"}},[_vm._v(\"Add New Staff\")])],1),_c('table',{ref:\"listTable\",staticClass:\"table table-hover\"},[_vm._m(0),_c('tbody',[_c('tr',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.staffList.length === 0),expression:\"staffList.length === 0\"}]},[_c('td',{staticClass:\"text-center font-italic\",attrs:{\"colspan\":_vm.columnsCount}},[_vm._v(\"\\n                            \"+_vm._s(_vm.isTableLoading ? \"Loading Data\": \"No Data\")+\"\\n                        \")])]),_vm._l((_vm.staffList),function(staff,index){return _c('tr',{key:index},[_c('th',{attrs:{\"scope\":\"row\"}},[_vm._v(_vm._s(((_vm.pagination.currentPage - 1) * _vm.pagination.pageSize ) + index + 1))]),_c('td',[_vm._v(_vm._s(staff.name))]),_c('td',[_vm._v(_vm._s(staff.username))]),_c('td',[_vm._v(_vm._s(staff.role))]),_c('td',[_c('router-link',{attrs:{\"to\":{\n                                    'name': 'edit-clinic-staff',\n                                    'params': {'id': staff.clinicStaffId}\n                                }}},[_vm._v(\"\\n                                Edit\\n                            \")]),_c('span',{staticClass:\"delete-btn\",on:{\"click\":function($event){_vm.deleteStaff(staff)}}},[_vm._v(\"Remove\")])],1)])})],2)])]),_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\"}})],1),_c('popup-modal',{ref:\"confirmationPopUp\",attrs:{\"hasCloseButton\":false,\"title\":\"Remove Staff\"}},[_c('template',{slot:\"content\"},[(!_vm.deleting)?_c('p',[_vm._v(_vm._s((\"Are you sure you want to remove staff \" + (_vm.staffToDelete.name) + \"?\")))]):_c('p',[_vm._v(_vm._s(\"Removing...\"))])]),_c('template',{slot:\"footer\"},[_c('button',{staticClass:\"btn btn-danger btn-primary-insv\",on:{\"click\":function($event){_vm.$refs.confirmationPopUp.hide()}}},[_vm._v(\"No\")]),_c('button',{staticClass:\"btn btn-primary btn-primary-insv\",on:{\"click\":function($event){_vm.deleteStaffApi(_vm.staffToDelete.clinicStaffId)}}},[_vm._v(\"Yes\")])])],2)],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('thead',[_c('tr',[_c('th',{attrs:{\"scope\":\"col\"}},[_vm._v(\"#\")]),_c('th',{attrs:{\"scope\":\"col\"}},[_vm._v(\"Name\")]),_c('th',{attrs:{\"scope\":\"col\"}},[_vm._v(\"Username\")]),_c('th',{attrs:{\"scope\":\"col\"}},[_vm._v(\"Role\")]),_c('th',{attrs:{\"scope\":\"col\"}},[_vm._v(\"Action\")])])])}]\n\nexport { render, staticRenderFns }","<template>\r\n    <div>\r\n        <h1 class=\"display-heading mb-3\">Staff Management</h1>\r\n        <div class=\"table-responsive\">\r\n            <div ref=\"tableSection\">\r\n                <div class=\"mb-3\">\r\n                    <router-link :to=\"{'name': 'create-clinic-staff'}\" tag=\"button\" class=\"btn btn-primary btn-primary-insv\">Add New Staff</router-link>\r\n                </div>\r\n                <table ref=\"listTable\" class=\"table table-hover\">\r\n                    <thead>\r\n                        <tr>\r\n                            <th scope=\"col\">#</th>\r\n                            <th scope=\"col\">Name</th>\r\n                            <th scope=\"col\">Username</th>\r\n                            <!-- <th scope=\"col\">Email</th> -->\r\n                            <th scope=\"col\">Role</th>\r\n                            <th scope=\"col\">Action</th>\r\n                        </tr>\r\n                    </thead>\r\n\r\n                    <tbody>\r\n                        <tr v-show=\"staffList.length === 0\">\r\n                            <td :colspan=\"columnsCount\" class=\"text-center font-italic\">\r\n                                {{isTableLoading ? \"Loading Data\": \"No Data\"}}\r\n                            </td>\r\n                        </tr>\r\n                        <tr v-for=\"(staff, index) in staffList\" :key=\"index\">\r\n                            <th scope=\"row\">{{((pagination.currentPage - 1) * pagination.pageSize ) + index + 1}}</th>\r\n                            <td>{{staff.name}}</td>\r\n                            <td>{{staff.username}}</td>\r\n                            <!-- <td>{{staff.email}}</td> -->\r\n                            <td>{{staff.role}}</td>\r\n                            <td>\r\n                                <router-link\r\n                                    :to=\"{\r\n                                        'name': 'edit-clinic-staff',\r\n                                        'params': {'id': staff.clinicStaffId}\r\n                                    }\"\r\n                                >\r\n                                    Edit\r\n                                </router-link>\r\n                                <span class=\"delete-btn\" @click=\"deleteStaff(staff)\">Remove</span>\r\n                            </td>\r\n                        </tr>\r\n                    </tbody>\r\n                </table>\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        <popup-modal ref=\"confirmationPopUp\" :hasCloseButton=\"false\" :title=\"`Remove Staff`\">\r\n            <template slot=\"content\">\r\n                <p v-if=\"!deleting\">{{`Are you sure you want to remove staff ${staffToDelete.name}?`}}</p>\r\n                <p v-else>{{`Removing...`}}</p>\r\n            </template>\r\n            <template slot=\"footer\">\r\n                <button @click=\"$refs.confirmationPopUp.hide()\" class=\"btn btn-danger btn-primary-insv\">No</button>\r\n                <button @click=\"deleteStaffApi(staffToDelete.clinicStaffId)\" class=\"btn btn-primary btn-primary-insv\">Yes</button>\r\n            </template>\r\n        </popup-modal>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport pagination from '@/components/pagination';\r\nimport popupModal from '@/components/popup-modal';\r\n\r\nexport default {\r\n    'components': {\r\n        pagination,\r\n        popupModal\r\n    },\r\n    data () {\r\n        return {\r\n            'columnsCount': 1,\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            'staffList': [],\r\n            'deleting': false,\r\n            'staffToDelete': {\r\n                'name': '',\r\n                'clinicStaffId': ''\r\n            }\r\n        };\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.getClinicStaffs();\r\n            });\r\n        }\r\n    },\r\n    mounted () {\r\n        this.columnsCount = this.$refs.listTable.rows[0].cells.length;\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.getClinicStaffs();\r\n    },\r\n    'methods': {\r\n        getClinicStaffs () {\r\n            this.axios.post('Clinic/GetStaffList', {\r\n                'p': this.pagination.currentPage,\r\n                'ps': this.pagination.pageSize\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.staffList = list.map((staff) => ({\r\n                    'name': staff.n ? staff.n : '-',\r\n                    'email': staff.e ? staff.e : '-',\r\n                    'username': staff.u ? staff.u : '-',\r\n                    'role': staff.r === 0 ? 'Doctor' : 'Nurse',\r\n                    'clinicStaffId': staff.csid\r\n                }));\r\n            });\r\n        },\r\n        deleteStaff (staff) {\r\n            this.staffToDelete = staff;\r\n            this.$refs.confirmationPopUp.show();\r\n        },\r\n        deleteStaffApi (clinicStaffId) {\r\n            this.deleting = true;\r\n            this.axios.delete(`Clinic/DeleteStaff/${clinicStaffId}`)\r\n                .then(() => {\r\n                    this.$refs.confirmationPopUp.hide();\r\n                    this.deleting = false;\r\n                    this.getClinicStaffs();\r\n                });\r\n        }\r\n    }\r\n};\r\n</script>\r\n\r\n<style>\r\n    .delete-btn {\r\n        margin-left: 10px;\r\n        color: red;\r\n    }\r\n    .delete-btn:hover {\r\n        cursor: pointer;\r\n        text-decoration: underline;\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=17622083&\"\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":""}