{"version":3,"sources":["webpack:///./src/views/management/Agent.vue","webpack:///./src/views/management/Agent.vue?4f5a","webpack:///./src/views/management/Agent.vue?3edd","webpack:///./src/views/management/Agent.vue?c38d","webpack:///./src/core/helpers/breadcrumb.ts"],"names":["class","style","align","id","search","searchValue","placeholder","openCreateAgent","data","pagedTableDate","selectAgent","prop","label","filters","filter-method","filterActive","scope","row","layout","page-size","pageSize","page-sizes","pageSizes","small","disabled","background","total","getFilteredAgentList","length","handleSizeChange","setPage","name","components","agents","getAgents","Promise","resolve","reject","ApiService","setHeader","get","then","value","catch","response","Error","errors","filter","toLowerCase","includes","phone","email","page","pageValue","sizes","curr_length","push","i","slice","val","is_active","router","params","render","setCurrentPageBreadcrumbs","pageTitle","breadcrumbs","dispatch","SET_BREADCRUMB_ACTION","title","pageBreadcrumbPath","setCurrentPageTitle"],"mappings":"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","file":"js/chunk-13c9fe49.94cb31b6.js","sourcesContent":["<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=\"openCreateAgent\"\r\n            class=\"btn btn-sm btn-primary\"\r\n            id=\"agent_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=\"selectAgent\">\r\n            <el-table-column prop=\"company_name\" label=\"Company Name\"></el-table-column>\r\n            <el-table-column prop=\"name\" label=\"Name\"></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 prop=\"student_count\" label=\"No of Students\"></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=\"getFilteredAgentList().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, ref, reactive, onBeforeMount } from \"vue\";\r\nimport Vue from 'vue';\r\nimport { setCurrentPageBreadcrumbs } from \"@/core/helpers/breadcrumb\";\r\nimport bootstrap from \"bootstrap\";\r\nimport ApiService from \"@/core/services/ApiService\";\r\nimport router from \"@/router\";\r\n\r\nexport default defineComponent({\r\n  name: \"agent-list\",\r\n  components: {\r\n  },\r\n  setup() {\r\n    const agents = reactive<any>([]);\r\n\r\n    const getAgents = async () => {\r\n        await new Promise((resolve, reject) => {  \r\n            ApiService.setHeader();          \r\n            ApiService.get(\"agent\")\r\n                .then(({ data }) => {\r\n                    agents.value = data.data;\r\n                    resolve(data.data);\r\n                })\r\n                .catch(({ response }) => {\r\n                    reject(new Error ('getAgents error => '+response.data.errors));\r\n                });\r\n        });\r\n    }\r\n\r\n    const getFilteredAgentList = () =>{\r\n      if(agents.value){\r\n        return agents.value.filter(data => !search \r\n                                  || data.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      }\r\n\r\n      return [];\r\n    }\r\n\r\n    const pageSize = ref(20);\r\n    let page = reactive({pageValue : 1});\r\n\r\n    const pageSizes = computed(()=>{\r\n      let sizes = [20];\r\n      let curr_length = getFilteredAgentList().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 pagedTableDate = computed(()=>{\r\n      if(agents.value){\r\n          return getFilteredAgentList().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 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 selectAgent= (row) =>{\r\n      router.push({ name: \"agent-detail\", params: { id: row.id } });\r\n    }\r\n\r\n    const openCreateAgent= () =>{\r\n      router.push({ name: \"agent-detail\", params: { id: 0 } });\r\n    }\r\n\r\n    onBeforeMount(async() => {\r\n      await getAgents();\r\n    })\r\n\r\n    onMounted(() => {\r\n      setCurrentPageBreadcrumbs(\"Agent\", [\"Management\"]);\r\n    });\r\n\r\n    return {\r\n      setPage,\r\n      pagedTableDate,\r\n      pageSize,\r\n      search,\r\n      filterActive,\r\n      selectAgent,\r\n      agents,\r\n      openCreateAgent,\r\n      pageSizes,\r\n      handleSizeChange,\r\n      getFilteredAgentList\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, ref, reactive, onBeforeMount } from \"vue\";\r\nimport Vue from 'vue';\r\nimport { setCurrentPageBreadcrumbs } from \"@/core/helpers/breadcrumb\";\r\nimport bootstrap from \"bootstrap\";\r\nimport ApiService from \"@/core/services/ApiService\";\r\nimport router from \"@/router\";\r\n\r\nexport default defineComponent({\r\n  name: \"agent-list\",\r\n  components: {\r\n  },\r\n  setup() {\r\n    const agents = reactive<any>([]);\r\n\r\n    const getAgents = async () => {\r\n        await new Promise((resolve, reject) => {  \r\n            ApiService.setHeader();          \r\n            ApiService.get(\"agent\")\r\n                .then(({ data }) => {\r\n                    agents.value = data.data;\r\n                    resolve(data.data);\r\n                })\r\n                .catch(({ response }) => {\r\n                    reject(new Error ('getAgents error => '+response.data.errors));\r\n                });\r\n        });\r\n    }\r\n\r\n    const getFilteredAgentList = () =>{\r\n      if(agents.value){\r\n        return agents.value.filter(data => !search \r\n                                  || data.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      }\r\n\r\n      return [];\r\n    }\r\n\r\n    const pageSize = ref(20);\r\n    let page = reactive({pageValue : 1});\r\n\r\n    const pageSizes = computed(()=>{\r\n      let sizes = [20];\r\n      let curr_length = getFilteredAgentList().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 pagedTableDate = computed(()=>{\r\n      if(agents.value){\r\n          return getFilteredAgentList().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 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 selectAgent= (row) =>{\r\n      router.push({ name: \"agent-detail\", params: { id: row.id } });\r\n    }\r\n\r\n    const openCreateAgent= () =>{\r\n      router.push({ name: \"agent-detail\", params: { id: 0 } });\r\n    }\r\n\r\n    onBeforeMount(async() => {\r\n      await getAgents();\r\n    })\r\n\r\n    onMounted(() => {\r\n      setCurrentPageBreadcrumbs(\"Agent\", [\"Management\"]);\r\n    });\r\n\r\n    return {\r\n      setPage,\r\n      pagedTableDate,\r\n      pageSize,\r\n      search,\r\n      filterActive,\r\n      selectAgent,\r\n      agents,\r\n      openCreateAgent,\r\n      pageSizes,\r\n      handleSizeChange,\r\n      getFilteredAgentList\r\n    };\r\n  },\r\n});\r\n","import { render } from \"./Agent.vue?vue&type=template&id=64fc3996\"\nimport script from \"./Agent.vue?vue&type=script&lang=ts\"\nexport * from \"./Agent.vue?vue&type=script&lang=ts\"\n\nimport \"./Agent.vue?vue&type=style&index=0&id=64fc3996&lang=css\"\nscript.render = render\n\nexport default script","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!./Agent.vue?vue&type=style&index=0&id=64fc3996&lang=css\"","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":""}