{"version":3,"sources":["webpack:///./src/views/management/Staff.vue?89af","webpack:///./src/views/management/Staff.vue","webpack:///./src/views/management/Staff.vue?fbd0","webpack:///./src/views/management/Staff.vue?4668","webpack:///./src/core/helpers/breadcrumb.ts"],"names":["class","style","align","id","search","searchValue","placeholder","openCreateStaff","data","pagedTableDate","selectStaff","prop","label","scope","row","first_name","last_name","filters","filter-method","filterActive","layout","page-size","pageSize","page-sizes","pageSizes","small","disabled","background","total","getFilteredStaffList","length","handleSizeChange","setPage","name","components","staffs","getStaffs","Promise","resolve","reject","ApiService","setHeader","get","then","Object","assign","catch","response","Error","errors","page","pageValue","slice","value","filter","toLowerCase","includes","phone","email","type","sizes","curr_length","push","i","val","is_active","router","params","render","setCurrentPageBreadcrumbs","pageTitle","breadcrumbs","dispatch","SET_BREADCRUMB_ACTION","title","pageBreadcrumbPath","setCurrentPageTitle"],"mappings":"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","file":"js/chunk-2f137e6d.07ff2f72.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/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-v16/dist/index.js??ref--0-1!./Staff.vue?vue&type=style&index=0&id=d4186160&lang=css\"","<template>\r\n  <div class=\"d-flex flex-stack\" style=\"padding-bottom:10px;\">\r\n    <div class=\"page-title d-flex align-items-center me-3 flex-wrap mb-5 mb-lg-0 lh-1\">\r\n    </div>\r\n    <div class=\"col-md-6\" align=\"right\">\r\n      <div class=\"me-4\">\r\n        <el-input\r\n            v-model=\"search.searchValue\"\r\n            placeholder=\"Type to search\"\r\n            class=\"col-md-10\"\r\n            style=\"padding-right:10px;\"/>\r\n        <button\r\n            @click=\"openCreateStaff\"\r\n            class=\"btn btn-sm btn-primary\"\r\n            id=\"staff_create_button\"\r\n        >\r\n        Create\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n    <div class=\"card mb-5 mb-xl-10\" id=\"agent_list\">\r\n        <el-table :data=\"pagedTableDate\" style=\"width: 100%;text-align:center;\" @row-click=\"selectStaff\">\r\n            <el-table-column prop=\"staff_id\" label=\"Id\"></el-table-column>\r\n            <el-table-column prop=\"name\" label=\"Name\">\r\n                <template v-slot=\"scope\">          \r\n                    <span>{{scope.row.first_name}} {{scope.row.last_name}}</span>\r\n                </template>\r\n            </el-table-column>\r\n            <el-table-column prop=\"type\" label=\"Type\"></el-table-column>\r\n            <el-table-column prop=\"position\" label=\"Position\"></el-table-column>            \r\n            <el-table-column prop=\"phone\" label=\"Phone\"></el-table-column>\r\n            <el-table-column prop=\"email\" label=\"Email\"></el-table-column>\r\n            <el-table-column \r\n                prop=\"is_active\" \r\n                label=\"Status\"\r\n                :filters=\"[\r\n                    { text: 'Active', value: true },\r\n                    { text: 'Inactive', value: false },\r\n                ]\"\r\n                :filter-method=\"filterActive\">\r\n                <template v-slot=\"scope\">          \r\n                <span v-if=\"scope.row.is_active\" class=\"badge-light-success badge fs-8 fw-bolder my-2\">Active</span>\r\n                <span v-else class=\"badge-light-danger badge fs-8 fw-bolder my-2\">Inactive</span>\r\n                </template>\r\n            </el-table-column>\r\n        </el-table>\r\n        <div align=\"right\">\r\n            <el-pagination \r\n              layout=\"sizes, prev, pager, next\" \r\n              v-model:page-size=\"pageSize\" \r\n              :page-sizes=\"pageSizes\"\r\n              :small=\"small\"\r\n              :disabled=\"disabled\"\r\n              :background=\"background\"\r\n              :total=\"getFilteredStaffList().length\" \r\n              @size-change=\"handleSizeChange\"\r\n              @current-change=\"setPage\">\r\n            </el-pagination>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script lang=\"ts\">\r\nimport { defineComponent, onMounted, computed, reactive, onBeforeMount, ref } from \"vue\";\r\nimport { setCurrentPageBreadcrumbs } from \"@/core/helpers/breadcrumb\";\r\nimport ApiService from \"@/core/services/ApiService\";\r\nimport router from \"@/router\";\r\n\r\nexport default defineComponent({\r\n  name: \"staff-list\",\r\n  components: {\r\n  },\r\n  setup() {\r\n    const staffs = reactive<any>([]);\r\n\r\n    const getStaffs = async () => {\r\n        await new Promise((resolve, reject) => {   \r\n          ApiService.setHeader();         \r\n            ApiService.get(\"staff\")\r\n                .then(({ data }) => {\r\n                    Object.assign(staffs,data.data);\r\n                    resolve(data.data);\r\n                })\r\n                .catch(({ response }) => {\r\n                    reject(new Error ('getStaffs error => '+response.data.errors));\r\n                });\r\n        });\r\n    }\r\n\r\n    const pageSize = ref(20);\r\n    let page = reactive({pageValue : 1});\r\n\r\n    const pagedTableDate = computed(()=>{\r\n      if(staffs){\r\n          return getFilteredStaffList().slice(pageSize.value * page.pageValue - pageSize.value, pageSize.value * page.pageValue)\r\n      }\r\n      else{\r\n          return [];\r\n      }\r\n     })\r\n\r\n    const getFilteredStaffList = () =>{\r\n      return staffs.filter(data => !search \r\n                                  || (data.first_name+' '+data.last_name)?.toLowerCase().includes(search.searchValue.toLowerCase())\r\n                                  || data.phone?.toLowerCase().includes(search.searchValue.toLowerCase())\r\n                                  || data.email?.toLowerCase().includes(search.searchValue.toLowerCase())\r\n                                  || data.type?.toLowerCase().includes(search.searchValue.toLowerCase()));\r\n    }\r\n\r\n    const pageSizes = computed(()=>{\r\n      let sizes = [20];\r\n      let curr_length = getFilteredStaffList().length;\r\n\r\n      if(curr_length > 20){\r\n        sizes.push(50);\r\n        if(curr_length >50){\r\n          let i = 0;\r\n          while(i<curr_length){\r\n            i+=100;\r\n            sizes.push(i);\r\n          }\r\n        }\r\n      }\r\n\r\n      return sizes;\r\n    })\r\n\r\n    const search = reactive({searchValue : ''});\r\n\r\n    const setPage = (val) => {\r\n      page.pageValue = val;\r\n    }\r\n    \r\n    const handleSizeChange = (val: number) => {\r\n      pageSize.value = val; \r\n    }\r\n\r\n    const filterActive = (value, row) => {\r\n      return row.is_active === value\r\n    }\r\n\r\n    const selectStaff= (row) =>{\r\n      router.push({ name: \"staff-detail\", params: { id: row.id } });\r\n    }\r\n\r\n    const openCreateStaff= () =>{\r\n      router.push({ name: \"staff-detail\", params: { id: 0 } });\r\n    }\r\n\r\n    onBeforeMount(async() => {\r\n      await getStaffs();\r\n    })\r\n\r\n    onMounted(() => {\r\n      setCurrentPageBreadcrumbs(\"Faculty/Staff\", [\"Management\"]);\r\n    });\r\n\r\n    return {\r\n      handleSizeChange,\r\n      pagedTableDate,\r\n      pageSize,\r\n      search,\r\n      filterActive,\r\n      selectStaff,\r\n      staffs,\r\n      pageSizes,\r\n      getFilteredStaffList,\r\n      openCreateStaff,\r\n      setPage\r\n    };\r\n  },\r\n});\r\n</script>\r\n\r\n<style>\r\n.el-table th>.cell.highlight{\r\n    background-color:transparent;\r\n    padding: 0px;\r\n}\r\n\r\n.cell {\r\n    text-align:center;\r\n}\r\n</style>\r\n","\r\nimport { defineComponent, onMounted, computed, reactive, onBeforeMount, ref } from \"vue\";\r\nimport { setCurrentPageBreadcrumbs } from \"@/core/helpers/breadcrumb\";\r\nimport ApiService from \"@/core/services/ApiService\";\r\nimport router from \"@/router\";\r\n\r\nexport default defineComponent({\r\n  name: \"staff-list\",\r\n  components: {\r\n  },\r\n  setup() {\r\n    const staffs = reactive<any>([]);\r\n\r\n    const getStaffs = async () => {\r\n        await new Promise((resolve, reject) => {   \r\n          ApiService.setHeader();         \r\n            ApiService.get(\"staff\")\r\n                .then(({ data }) => {\r\n                    Object.assign(staffs,data.data);\r\n                    resolve(data.data);\r\n                })\r\n                .catch(({ response }) => {\r\n                    reject(new Error ('getStaffs error => '+response.data.errors));\r\n                });\r\n        });\r\n    }\r\n\r\n    const pageSize = ref(20);\r\n    let page = reactive({pageValue : 1});\r\n\r\n    const pagedTableDate = computed(()=>{\r\n      if(staffs){\r\n          return getFilteredStaffList().slice(pageSize.value * page.pageValue - pageSize.value, pageSize.value * page.pageValue)\r\n      }\r\n      else{\r\n          return [];\r\n      }\r\n     })\r\n\r\n    const getFilteredStaffList = () =>{\r\n      return staffs.filter(data => !search \r\n                                  || (data.first_name+' '+data.last_name)?.toLowerCase().includes(search.searchValue.toLowerCase())\r\n                                  || data.phone?.toLowerCase().includes(search.searchValue.toLowerCase())\r\n                                  || data.email?.toLowerCase().includes(search.searchValue.toLowerCase())\r\n                                  || data.type?.toLowerCase().includes(search.searchValue.toLowerCase()));\r\n    }\r\n\r\n    const pageSizes = computed(()=>{\r\n      let sizes = [20];\r\n      let curr_length = getFilteredStaffList().length;\r\n\r\n      if(curr_length > 20){\r\n        sizes.push(50);\r\n        if(curr_length >50){\r\n          let i = 0;\r\n          while(i<curr_length){\r\n            i+=100;\r\n            sizes.push(i);\r\n          }\r\n        }\r\n      }\r\n\r\n      return sizes;\r\n    })\r\n\r\n    const search = reactive({searchValue : ''});\r\n\r\n    const setPage = (val) => {\r\n      page.pageValue = val;\r\n    }\r\n    \r\n    const handleSizeChange = (val: number) => {\r\n      pageSize.value = val; \r\n    }\r\n\r\n    const filterActive = (value, row) => {\r\n      return row.is_active === value\r\n    }\r\n\r\n    const selectStaff= (row) =>{\r\n      router.push({ name: \"staff-detail\", params: { id: row.id } });\r\n    }\r\n\r\n    const openCreateStaff= () =>{\r\n      router.push({ name: \"staff-detail\", params: { id: 0 } });\r\n    }\r\n\r\n    onBeforeMount(async() => {\r\n      await getStaffs();\r\n    })\r\n\r\n    onMounted(() => {\r\n      setCurrentPageBreadcrumbs(\"Faculty/Staff\", [\"Management\"]);\r\n    });\r\n\r\n    return {\r\n      handleSizeChange,\r\n      pagedTableDate,\r\n      pageSize,\r\n      search,\r\n      filterActive,\r\n      selectStaff,\r\n      staffs,\r\n      pageSizes,\r\n      getFilteredStaffList,\r\n      openCreateStaff,\r\n      setPage\r\n    };\r\n  },\r\n});\r\n","import { render } from \"./Staff.vue?vue&type=template&id=d4186160\"\nimport script from \"./Staff.vue?vue&type=script&lang=ts\"\nexport * from \"./Staff.vue?vue&type=script&lang=ts\"\n\nimport \"./Staff.vue?vue&type=style&index=0&id=d4186160&lang=css\"\nscript.render = render\n\nexport default script","import store from \"@/store\";\r\nimport { Actions } from \"@/store/enums/StoreEnums\";\r\n\r\n/**\r\n * Sets current page breadcrumbs\r\n * @param {string} pageTitle Current page title\r\n * @param {Array<string>} breadcrumbs Current page breadcrumbs\r\n */\r\nexport const setCurrentPageBreadcrumbs = (\r\n  pageTitle: string,\r\n  breadcrumbs: Array<string>\r\n): void => {\r\n  store.dispatch(Actions.SET_BREADCRUMB_ACTION, {\r\n    title: pageTitle,\r\n    pageBreadcrumbPath: breadcrumbs,\r\n  });\r\n};\r\n\r\n/**\r\n * Sets current page breadcrumbs\r\n * @param {string} title Current page title name\r\n */\r\nexport const setCurrentPageTitle = (title: string): void => {\r\n  store.dispatch(Actions.SET_BREADCRUMB_ACTION, {\r\n    title: title,\r\n  });\r\n};\r\n"],"sourceRoot":""}