{"version":3,"sources":["webpack:///./src/pages/employment/jobs/job-opportunities/apply-job.vue","webpack:///./src/pages/employment/jobs/job-opportunities/apply-job.vue?b01d","webpack:///./src/components/shared/pagination.vue","webpack:///./src/components/shared/pagination.vue?5b98","webpack:///./src/components/shared/TableShimmer.vue","webpack:///./src/components/shared/TableShimmer.vue?aa8e","webpack:///./src/components/icons/IconChevronLeft.vue","webpack:///./src/components/icons/IconChevronLeft.vue?9548","webpack:///./src/pages/employment/jobs/job-opportunities/tab-1.vue?aa4d","webpack:///./src/pages/employment/jobs/job-opportunities/tab-2.vue?1883","webpack:///./src/components/icons/IconChevronRight.vue","webpack:///./src/components/icons/IconChevronRight.vue?9ca9","webpack:///./src/pages/employment/jobs/job-opportunities.vue","webpack:///./src/pages/employment/jobs/job-opportunities/tab-1.vue","webpack:///./src/pages/employment/jobs/job-opportunities/tab-1.vue?d778","webpack:///./src/pages/employment/jobs/job-opportunities/tab-2.vue","webpack:///./src/pages/employment/jobs/job-opportunities/tab-2.vue?6c43","webpack:///./src/pages/employment/jobs/job-opportunities.vue?9190","webpack:///./src/pages/employment/jobs/job-opportunities.vue?026e"],"names":["class","item","partner","en_company_name","employer_name","job_title","position_name","position_number","grade_number","job_description","job_location","minimum_qualification","preferred_qualification","expected_skills","vacancy","benefits","working_hours","contract_type","userType","getJobFor","job_for","getGender","gender","special_instructions","division","department","formattedDate","job_start_date","job_close_date","job_category","salary","applyJob","request_count","approved_count","rejected_count","isLoading","type","class-list","name","props","emits","error","success","methods","date","parsedDate","Date","toLocaleDateString","day","month","year","replace","this","CREATE_MUTATION","responseData","$apollo","mutate","mutation","variables","job_id","parseInt","id","then","data","message","catch","console","log","Toast","$swal","mixin","toast","position","showConfirmButton","timer","timerProgressBar","didOpen","addEventListener","stopTimer","resumeTimer","fire","icon","title","$emit","text","result","value","dismiss","error_code","window","location","reload","val","render","paginatorInfo","firstItem","lastItem","total","goToPage","pages","page","currentPage","key","totalPages","previousPage","nextPage","components","IconChevronRight","IconChevronLeft","Object","setPage","Function","computed","lastPage","hasMorePages","startPage","Math","max","endPage","min","i","push","hasPreviousPage","hasNextPage","titleHeaders","header","index","rows","xmlns","fill","viewBox","stroke-width","stroke","stroke-linecap","stroke-linejoin","d","script","to","tabs","tab","activeTab","selectTab","mode","queries","getJobOpportunities","loading","hasItems","items","openModal","dateInAgo","days_ago","isOpenModal","selectedItem","height","closeModal","user-type","ApplyJob","first","watch","newVal","$router","alert","length","apollo","query","fetchPolicy","daysAgo","today","targetDate","setDate","getDate","diffTime","abs","diffDays","floor","diffWeeks","diffMonths","diffYears","__scopeId","scope","hasPermission","gotToJob","token","TableShimmer","IconEye","Pagination","$store","getters","role","crudName","permissions","permissionsArray","split","includes","url","Tab1","Tab2","isItAlumniUser","isItGraduatingUser","isATS","user_type","entity","selectedTab"],"mappings":"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","file":"js/chunk-d059b2ca.4110e6ea.js","sourcesContent":["<template>\n    <div class=\"w-full flex flex-col p-8 text-ternary\">\n        <div class=\"flex flex-row flex-wrap mt-2\">\n            <div class=\"w-1/4 font-bold\">Employer</div>\n            <div class=\"w-3/4\">{{ item.partner ? item.partner.en_company_name : item.employer_name }}</div>\n        </div>\n        <div class=\"flex flex-row flex-wrap mt-2\">\n            <div class=\"w-1/4 font-bold\">Job Title</div>\n            <div class=\"w-3/4\">{{ item.job_title }}</div>\n        </div>\n        <div class=\"flex flex-row flex-wrap mt-2\">\n            <div class=\"w-1/4 font-bold\">Position</div>\n            <div class=\"w-3/4\">{{ item.position_name }}</div>\n        </div>\n        <div class=\"flex flex-row flex-wrap mt-2\">\n            <div class=\"w-1/4 font-bold\">Position Code</div>\n            <div class=\"w-3/4\">{{ item.position_number }}</div>\n        </div>\n        <div class=\"flex flex-row flex-wrap\">\n            <div class=\"w-1/4 font-bold\">Grade Number</div>\n            <div class=\"w-3/4\">{{ item.grade_number }}</div>\n        </div>\n        <div class=\"flex flex-row flex-wrap mt-2\">\n            <div class=\"w-1/4 font-bold\">Job Description</div>\n            <div class=\"w-3/4\">{{ item.job_description }}</div>\n        </div>\n        <div class=\"flex flex-row flex-wrap mt-2\">\n            <div class=\"w-1/4 font-bold\">Job Location</div>\n            <div class=\"w-3/4\">{{ item.job_location }}</div>\n        </div>\n        <div class=\"flex flex-row flex-wrap mt-2\">\n            <div class=\"w-1/4 font-bold\">Minimum Qualification</div>\n            <div class=\"w-3/4\">{{ item.minimum_qualification }}</div>\n        </div>\n        <div class=\"flex flex-row flex-wrap mt-2\">\n            <div class=\"w-1/4 font-bold\">Preferred Qualification</div>\n            <div class=\"w-3/4\">{{ item.preferred_qualification }}</div>\n        </div>\n        <div class=\"flex flex-row flex-wrap mt-2\">\n            <div class=\"w-1/4 font-bold\">Expected Skills/Rank/Experience</div>\n            <div class=\"w-3/4\">{{ item.expected_skills }}</div>\n        </div>\n        <div class=\"flex flex-row flex-wrap mt-2\">\n            <div class=\"w-1/4 font-bold\">Vacancy</div>\n            <div class=\"w-3/4\">{{ item.vacancy }}</div>\n        </div>\n        <div class=\"flex flex-row flex-wrap mt-2\">\n            <div class=\"w-1/4 font-bold\">Benefits</div>\n            <div class=\"w-3/4\">{{ item.benefits }}</div>\n        </div>\n        <div class=\"flex flex-row flex-wrap mt-2\">\n            <div class=\"w-1/4 font-bold\">Working Hours</div>\n            <div class=\"w-3/4\">{{ item.working_hours }}</div>\n        </div>\n        <div class=\"flex flex-row flex-wrap mt-2\">\n            <div class=\"w-1/4 font-bold\">Contract Type</div>\n            <div class=\"w-3/4\">{{ item.contract_type }}</div>\n        </div>\n        <div v-if=\"userType != 'student'\" class=\"flex flex-row flex-wrap mt-2\">\n            <div class=\"w-1/4 font-bold\">This job is for</div>\n            <div class=\"w-3/4\">{{ getJobFor(item.job_for) }}</div>\n        </div>\n        <div class=\"flex flex-row flex-wrap mt-2\">\n            <div class=\"w-1/4 font-bold\">Gender</div>\n            <div class=\"w-3/4\">{{ getGender(item.gender) }}</div>\n        </div>\n        <div class=\"flex flex-row flex-wrap mt-2\">\n            <div class=\"w-1/4 font-bold\">Special Instructions to Applicant</div>\n            <div class=\"w-3/4\">{{ item.special_instructions }}</div>\n        </div>\n        <div class=\"flex flex-row flex-wrap mt-2\">\n            <div class=\"w-1/4 font-bold\">Division</div>\n            <div class=\"w-3/4\">{{ item.division }}</div>\n        </div>\n        <div class=\"flex flex-row flex-wrap mt-2\">\n            <div class=\"w-1/4 font-bold\">Department</div>\n            <div class=\"w-3/4\">{{ item.department }}</div>\n        </div>\n        <div class=\"flex flex-row flex-wrap mt-2\">\n            <div class=\"w-1/4 font-bold\">Job Start Date</div>\n            <div class=\"w-3/4\">{{ formattedDate(item.job_start_date) }}</div>\n        </div>\n        <div class=\"flex flex-row flex-wrap mt-2\">\n            <div class=\"w-1/4 font-bold\">Job Close Date</div>\n            <div class=\"w-3/4\">{{ formattedDate(item.job_close_date) }}</div>\n        </div>\n        <div class=\"flex flex-row flex-wrap mt-2\">\n            <div class=\"w-1/4 font-bold\">Job Category</div>\n            <div class=\"w-3/4\">{{ item.job_category }}</div>\n        </div>\n        <div v-if=\"userType != 'student'\" class=\"flex flex-row flex-wrap mt-2\">\n            <div class=\"w-1/4 font-bold\">Salary</div>\n            <div class=\"w-3/4\">{{ item.salary }}</div>\n        </div>\n        <div v-if=\"userType === 'student'\" class=\"flex justify-end\">\n            <div @click.stop=\"applyJob\"\n                class=\"border-2 font-medium border-ternary text-white hover:text-ternary bg-ternary hover:bg-white rounded-lg px-5 py-2 uppercase text-sm cursor-pointer\">\n                Apply</div>\n        </div>\n        <div v-else class=\"border mt-2 p-4\">\n            <div class=\"flex flex-row flex-wrap\">\n                <div class=\"w-1/4 font-bold\">Total Applications</div>\n                <div class=\"w-3/4\">{{ item.request_count }}</div>\n            </div>\n            <div class=\"flex flex-row flex-wrap mt-2 text-green-400\">\n                <div class=\"w-1/4 font-bold\">Accepted</div>\n                <div class=\"w-3/4\">{{ item.approved_count }}</div>\n            </div>\n            <div class=\"flex flex-row flex-wrap mt-2 text-red-400\">\n                <div class=\"w-1/4 font-bold\">Rejected</div>\n                <div class=\"w-3/4\">{{ item.rejected_count }}</div>\n            </div>\n            <div class=\"flex flex-row flex-wrap mt-2 text-yellow-400\">\n                <div class=\"w-1/4 font-bold\">Not verified yet</div>\n                <div class=\"w-3/4\">{{ item.request_count - (item.approved_count + item.rejected_count) }}</div>\n            </div>\n        </div>\n        <div class=\"h-full flex justify-center items-center\" v-if=\"isLoading\">\n            <base-page-spinner type=\"spin\" class-list=\"h-20\"></base-page-spinner>\n        </div>\n    </div>\n</template>\n\n<script>\nimport gql from 'graphql-tag';\nexport default {\n    name: \"apply-job\",\n    props: [\"item\", \"userType\"],\n    emits: [\"close\"],\n    data() {\n        return {\n            isLoading: false,\n            error: null,\n            success: null,\n        }\n    },\n    methods: {\n        formattedDate(date) {\n            if (date) {\n                const parsedDate = new Date(date);\n                return parsedDate.toLocaleDateString('en-GB', {\n                    day: '2-digit',\n                    month: '2-digit',\n                    year: 'numeric',\n                }).replace(/\\//g, '-');\n            } else {\n                return \"\";\n            }\n        },\n        async applyJob() {\n            if (this.userType === 'student') {\n                this.isLoading = true;\n\n                const CREATE_MUTATION = gql`\n                    mutation ApplyJob($job_id: Int!) {\n                        applyJob(job_id: $job_id) {\n                            error\n                            error_code\n                            message\n                        }\n                    }\n                `;\n\n                let responseData;\n\n                try {\n                    await this.$apollo.mutate({\n                        mutation: CREATE_MUTATION,\n                        variables: {\n                            job_id: parseInt(this.item.id),\n                        }\n                    }).then((data) => {\n                        responseData = data.data.applyJob;\n                        if (data.data.applyJob.error) {\n                            this.error = data.data.applyJob.message;\n                        } else {\n                            this.success = data.data.applyJob.message;\n                        }\n                    }).catch((error) => {\n                        console.log(error)\n                        this.error = error.message;\n                    })\n\n                } catch (error) {\n                    console.log(error);\n                    this.error = error.message || \"Please try again later.\";\n                }\n\n                if (this.error === null) {\n\n                    const Toast = this.$swal.mixin({\n                        toast: true,\n                        position: 'top-end',\n                        showConfirmButton: false,\n                        timer: 1000,\n                        timerProgressBar: true,\n                        didOpen: (toast) => {\n                            toast.addEventListener('mouseenter', this.$swal.stopTimer)\n                            toast.addEventListener('mouseleave', this.$swal.resumeTimer)\n                        }\n                    })\n                    Toast.fire({\n                        icon: 'success',\n                        title: this.success\n                    })\n\n                    this.$emit('close');\n\n                } else {\n                    this.$swal.fire({\n                        icon: 'error',\n                        title: 'Oops...',\n                        text: this.error,\n                    }).then((result) => {\n                        if (result.value || result.dismiss) {\n                            if (responseData.error_code == 405) {\n                                window.location.reload();\n                            } else {\n                                this.$emit('close');\n                            }\n                        }\n                    })\n                }\n\n                this.isLoading = false;\n            }\n        },\n        getJobFor(val) {\n            if (val == 1) {\n                return \"Local\";\n            } else if (val == 2) {\n                return \"Non Local\";\n            } else if (val == 3) {\n                return \"Both Local and Non Local\";\n            } else {\n                return \"\";\n            }\n        },\n        getGender(val) {\n            if (val) {\n                if (val == 'M') {\n                    return 'Male';\n                } else {\n                    return 'Female';\n                }\n            } else {\n                return \"Both Male & Female\";\n            }\n        },\n    },\n}\n</script>","import { render } from \"./apply-job.vue?vue&type=template&id=34c710be\"\nimport script from \"./apply-job.vue?vue&type=script&lang=js\"\nexport * from \"./apply-job.vue?vue&type=script&lang=js\"\nscript.render = render\n\nexport default script","<template>\n    <div class=\"flex flex-col overflow-x-auto\">\n        <div class=\"text-xs text-gray-600\">Showing <span class=\"font-bold\">{{ paginatorInfo.firstItem }}</span> to <span class=\"font-bold\">{{ paginatorInfo.lastItem }}</span> of <span class=\"font-bold\">{{ paginatorInfo.total }}</span> Entries</div>\n        <div class=\"flex justify-between items-center mt-2\">\n            <div class=\"flex border border-gray-100\">\n                <div class=\"w-12 h-8 border border-gray-100 flex justify-center items-center cursor-pointer hover:text-purple-pink hover:bg-blue-50 text-xs text-gray-600\" @click=\"goToPage(1)\">First</div>\n                <div :class=\"paginatorInfo.currentPage == page ? 'text-purple-pink bg-blue-50 font-medium' : ''\" class=\"w-12 h-8 border border-gray-100 flex justify-center items-center cursor-pointer hover:text-purple-pink hover:bg-blue-50 text-xs text-gray-600\" v-for=\"page in pages\" :key=\"page\" @click=\"goToPage(page)\">{{ page }}</div>\n                <div class=\"w-12 h-8 border border-gray-100 flex justify-center items-center cursor-pointer hover:text-purple-pink hover:bg-blue-50 text-xs text-gray-600\" @click=\"goToPage(totalPages)\">Last</div>\n            </div>\n            <div class=\"border-2 border-gray-100 flex\">\n                <div @click=\"previousPage\" class=\"w-10 h-8 border-r border-gray-100 flex justify-center items-center cursor-pointer hover:bg-blue-50 group\">\n                    <icon-chevron-left class=\"h-5 w-5 text-gray-400 group-hover:text-purple-pink\"></icon-chevron-left>\n                </div>\n                <div @click=\"nextPage\" class=\"w-10 h-8 border-l border-gray-100 flex justify-center items-center cursor-pointer hover:bg-blue-50 group\">\n                    <icon-chevron-right class=\"h-5 w-5 text-gray-400 group-hover:text-purple-pink\"></icon-chevron-right>\n                </div>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\nimport IconChevronRight from '../icons/IconChevronRight.vue';\nimport IconChevronLeft from '../icons/IconChevronLeft.vue';\nexport default {\n    name: \"pagination\",\n    components: {\n        IconChevronRight,\n        IconChevronLeft,\n    },\n    props: {\n        paginatorInfo: Object,\n        setPage: Function,\n    },\n    computed: {\n        page() {\n            return this.paginatorInfo.currentPage;\n        },\n        totalPages() {\n            return this.paginatorInfo.lastPage;\n        },\n        hasPreviousPage() {\n            return this.paginatorInfo.currentPage > 1;\n        },\n        hasNextPage() {\n            return this.paginatorInfo.hasMorePages;\n        },\n        pages() {\n            const startPage = Math.max(this.page - 2, 1);\n            const endPage = Math.min(startPage + 4, this.totalPages);\n            const pages = [];\n            for (let i = startPage; i <= endPage; i++) {\n                pages.push(i);\n            }\n            return pages;\n        }\n    },\n    methods: {\n        previousPage() {\n            if (this.hasPreviousPage) {\n                this.setPage(this.page - 1);\n            }\n        },\n        nextPage() {\n            if (this.hasNextPage) {\n                this.setPage(this.page + 1);\n            }\n        },\n        goToPage(page) {\n            this.setPage(page);\n        }\n    }\n};\n</script>\n\n\n<style lang=\"scss\" scoped>\n\n</style>","import { render } from \"./pagination.vue?vue&type=template&id=fc68b128\"\nimport script from \"./pagination.vue?vue&type=script&lang=js\"\nexport * from \"./pagination.vue?vue&type=script&lang=js\"\nscript.render = render\n\nexport default script","<template>\n    <div class=\"flex flex-col overflow-x-auto\">\n        <div class=\"inline-block min-w-full py-2\">\n            <div class=\"overflow-x-auto\">\n                <div class=\"min-w-full text-left text-sm font-light\">\n                    <div class=\"border-b font-medium dark:border-neutral-500\">\n                        <div class=\"flex justify-between\">\n                            <div v-for=\"(header, index) in titleHeaders\" :key=\"index\" class=\"px-6 py-2 text-gray-400 w-12 lg:w-16 flex-grow\">{{ header }}</div>\n                        </div>\n                    </div>\n                    <div>\n                        <div v-for=\"(item, index) in rows\" :key=\"index\" class=\"border-b border-dashed dark:border-neutral-500 w-full flex justify-start animate-pulse\">\n                            <div class=\"w-full flex justify-between\">\n                                <div v-for=\"(header, index) in titleHeaders\" :key=\"index\" class=\"px-6 py-2 text-gray-400 w-12 lg:w-16 flex-grow\">\n                                    <div class=\"h-4 w-24 lg:w-40 bg-gray-300 animate-pulse\"></div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\nexport default {\n    name: \"table-shimmer\",\n    props: [\"titleHeaders\", \"rows\",],\n}\n</script>","import { render } from \"./TableShimmer.vue?vue&type=template&id=6da2499a\"\nimport script from \"./TableShimmer.vue?vue&type=script&lang=js\"\nexport * from \"./TableShimmer.vue?vue&type=script&lang=js\"\nscript.render = render\n\nexport default script","<template>\n    <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\" class=\"\">\n        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15.75 19.5L8.25 12l7.5-7.5\" />\n    </svg>\n</template>","import { render } from \"./IconChevronLeft.vue?vue&type=template&id=4040c84e\"\nconst script = {}\nscript.render = render\n\nexport default script","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader-v16/dist/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-v16/dist/index.js??ref--0-1!./tab-1.vue?vue&type=style&index=0&id=574d8ae1&lang=scss&scoped=true\"","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader-v16/dist/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-v16/dist/index.js??ref--0-1!./tab-2.vue?vue&type=style&index=0&id=52b68340&lang=scss&scoped=true\"","<template>\n    <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\" class=\"\">\n        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M8.25 4.5l7.5 7.5-7.5 7.5\" />\n    </svg>\n</template>","import { render } from \"./IconChevronRight.vue?vue&type=template&id=30fb9afe\"\nconst script = {}\nscript.render = render\n\nexport default script","<template>\n    <div class=\"h-full w-full flex flex-col\">\n        <div class=\"h-full container mx-auto\">\n            <div class=\"px-8 flex flex-col h-full w-full py-8\">\n                <div class=\"w-full bg-white rounded-2xl border shadow-lg px-6 md:px-8 py-4 flex flex-col\">\n                    <div class=\"flex items-center text-sm font-light\">\n                        <router-link to=\"/dashboard\" class=\"opacity-50 hover:opacity-100\">Dashboard</router-link>\n                        <span class=\"mx-2\">/</span>\n                        <router-link to=\"/employment\" class=\"opacity-50 hover:opacity-100\">Employment</router-link>\n                        <span class=\"mx-2\">/</span>\n                        <span>Job Opportunities</span>\n                    </div>\n                    <div class=\"font-bold\">Job Opportunities</div>\n                </div>\n                <section class=\"mt-8 h-full w-full flex flex-col bg-white rounded-2xl border shadow-lg p-6 md:p-8\">\n                    <div class=\"w-full flex bg-secondary text-white px-8 pt-6 rounded-t-xl\">\n                        <div v-for=\"(tab, index) in tabs\" :key=\"index\"\n                            class=\"px-4 py-2 mr-4 cursor-pointer rounded-t-lg\" @click=\"selectTab(tab.id)\"\n                            :class=\"activeTab == tab.id ? 'text-ternary font-bold bg-white' : 'bg-ternary text-white'\">\n                            {{ tab.name }}</div>\n                    </div>\n                    <div class=\"w-full\">\n                        <transition name=\"fade\" mode=\"out-in\">\n                            <keep-alive>\n                                <component :is=\"activeTab\"></component>\n                            </keep-alive>\n                        </transition>\n                    </div>\n                </section>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\nimport Tab1 from \"./job-opportunities/tab-1.vue\";\nimport Tab2 from \"./job-opportunities/tab-2.vue\";\nexport default {\n    name: \"job-opportunities\",\n    components: {\n        Tab1,\n        Tab2,\n    },\n    created() {\n        if (this.role == 'user') {\n            if (!this.isItAlumniUser && !(this.isItGraduatingUser && !this.isATS)) {\n                this.$router.replace('/no-permission');\n            }\n        }\n    },\n    data() {\n        return {\n            activeTab: \"tab-1\",\n            tabs: [\n                { id: 'tab-1', name: 'Welcome' },\n                { id: 'tab-2', name: 'Postings' },\n            ],\n        };\n    },\n    computed: {\n        role() {\n            return this.$store.getters.role;\n        },\n        user_type() {\n            return this.$store.getters.user_type;\n        },\n        entity() {\n            return this.$store.getters.entity;\n        },\n        isItAlumniUser() {\n            if (this.user_type == 'school_graduate' || this.user_type == 'college_graduate' || this.user_type == 'school_graduate_college_graduate') {\n                return true;\n            } else {\n                return false;\n            }\n        },\n        isItGraduatingUser() {\n            if (this.user_type == 'school_graduating' || this.user_type == 'college_graduating' || this.user_type == 'school_graduate_college_graduating') {\n                return true;\n            } else {\n                return false;\n            }\n        },\n        isATS() {\n            if (this.entity == 'ATHS' || this.entity == 'ATS') {\n                return true;\n            } else {\n                return false;\n            }\n        },\n    },\n    methods: {\n        selectTab(selectedTab) {\n            this.activeTab = selectedTab;\n        },\n    },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.fade-enter-active,\n.fade-leave-active {\n    transition: opacity 0.3s ease;\n}\n\n.fade-enter-from,\n.fade-leave-to {\n    opacity: 0;\n}\n</style>","<template>\n    <div class=\"w-full flex flex-row flex-wrap text-ternary py-4\">\n        <div class=\"w-2/3 flex flex-col pr-4\">\n            <h1 class=\"text-xl\">Welcome to Jobs @ ACTVET Alumni Portal</h1>\n            <p class=\"mt-4\">Welcome to the ACTVET JOBS website. Here you can view our current vacancies and find all of\n                the information you need about working You can use JOBS to explore the wide range of career\n                opportunities available, establish a personal profile, and apply for open positions.</p>\n            <p class=\"mt-8\">To ensure that your application is considered in a careful and timely way please:</p>\n            <ul class=\"mt-4 list-disc pl-8\">\n                <li>Update your profile online.</li>\n                <li class=\"mt-2\">Select and apply online for relevant vacancies (ie. those that strongly match your\n                    experience, education, and skills).</li>\n                <li class=\"mt-2\">Provide all requested supporting documents with your application.</li>\n            </ul>\n            <p class=\"mt-8\">Thank you for your interest in employment with the ACTVET.\n            </p>\n        </div>\n        <div class=\"w-1/3 pl-4 flex flex-col\">\n            <div class=\"mt-10 h-full w-full flex flex-col border-2 border-secondary rounded-xl p-4 relative\">\n                <div class=\"absolute -top-3 px-2 font-bold bg-white \">Latest Postings</div>\n                <div v-if=\"$apollo.queries.getJobOpportunities.loading\"\n                    class=\"h-full flex flex-col justify-center items-center\">\n                    <base-spinner></base-spinner>\n                </div>\n                <div v-else-if=\"!$apollo.queries.getJobOpportunities.loading && !hasItems\"\n                    class=\"h-full flex justify-center items-center\">\n                    <h1 class=\"text-center text-xl font-medium\">No vacancies found!</h1>\n                </div>\n                <ul v-else class=\"pl-8 pr-8 list-disc text-sm\">\n                    <li v-for=\"(item, index) in items\" :key=\"index\">\n                        <div class=\"flex\">\n                            <span @click.stop=\"openModal(item)\"\n                                class=\"text-red-600 mr-1 hover:underline cursor-pointer\">{{ item.job_title }} </span>\n                            <span class=\"text-secondary mr-1\">advertised</span>\n                            <span class=\"text-red-600\">{{ dateInAgo(item.days_ago) }}</span>\n                        </div>\n                        <div class=\"text-primary\">{{ item.department }}</div>\n                    </li>\n                </ul>\n            </div>\n        </div>\n\n        <transition name=\"fade\" mode=\"out-in\">\n            <base-modal v-if=\"isOpenModal\"\n                :title=\"`Posting Details (${selectedItem.partner ? selectedItem.partner.en_company_name : selectedItem.employer_name})`\"\n                height=\"\" @close=\"closeModal\">\n                <apply-job :item=\"selectedItem\" user-type=\"student\" @close=\"closeModal\"></apply-job>\n            </base-modal>\n        </transition>\n    </div>\n</template>\n\n<script>\nimport gql from 'graphql-tag';\nimport ApplyJob from \"./apply-job.vue\";\nexport default {\n    name: 'tab- 1',\n    components: {\n        ApplyJob,\n    },\n    data() {\n        return {\n            getJobOpportunities: [],\n            first: 10,\n            page: 1,\n            isOpenModal: false,\n            selectedItem: null,\n        }\n    },\n    watch: {\n        getJobOpportunities(newVal) {\n            if (newVal.error) {\n                if (newVal.error_code == 403) {\n                    this.$router.replace('/no-permission');\n                } else if (newVal.error_code == 401) {\n                    this.$router.replace('/');\n                } else {\n                    alert(newVal.message);\n                    this.$router.replace('/');\n                }\n            }\n        },\n    },\n    computed: {\n        items() {\n            return this.getJobOpportunities.data;\n        },\n        hasItems() {\n            if (this.items && this.items.length > 0) {\n                return true;\n            } else {\n                return false;\n            }\n        },\n    },\n    apollo: {\n        getJobOpportunities() {\n            return {\n                query: gql`query GetJobOpportunities($first: Int!, $page: Int!) {\n                    getJobOpportunities(first: $first, page: $page) {\n                        error\n                        error_code\n                        message\n                        data {\n                            id\n                            grade_number\n                            job_title\n                            position_name\n                            position_number\n                            job_description\n                            minimum_qualification\n                            preferred_qualification\n                            expected_skills\n                            special_instructions\n                            division\n                            department\n                            job_start_date\n                            job_close_date\n                            job_category\n                            salary\n                            vacancy\n                            approved_count\n                            rejected_count\n                            days_ago\n                            benefits\n                            job_location\n                            working_hours\n                            contract_type\n                            partner {\n                                en_company_name\n                            }\n                            employer_name\n                        }\n                    }\n                }`,\n                variables() {\n                    return {\n                        first: this.first,\n                        page: this.page,\n                    }\n                },\n                fetchPolicy: 'cache-and-network'\n            }\n        },\n    },\n    methods: {\n        dateInAgo(daysAgo) {\n            const today = new Date();\n            const targetDate = new Date();\n            targetDate.setDate(today.getDate() - daysAgo);\n\n            const diffTime = Math.abs(today - targetDate);\n            const diffDays = Math.floor(diffTime / (1000 * 60 * 60 * 24));\n\n            if (diffDays === 0) {\n                return 'Today';\n            } else if (diffDays === 1) {\n                return 'Yesterday';\n            } else if (diffDays <= 7) {\n                return `${diffDays} days ago`;\n            } else if (diffDays <= 30) {\n                const diffWeeks = Math.floor(diffDays / 7);\n                return `${diffWeeks} week${diffWeeks > 1 ? 's' : ''} ago`;\n            } else if (diffDays <= 365) {\n                const diffMonths = Math.floor(diffDays / 30);\n                return `${diffMonths} month${diffMonths > 1 ? 's' : ''} ago`;\n            } else {\n                const diffYears = Math.floor(diffDays / 365);\n                return `${diffYears} year${diffYears > 1 ? 's' : ''} ago`;\n            }\n        },\n        openModal(item) {\n            this.selectedItem = item;\n            this.isOpenModal = true;\n        },\n        closeModal() {\n            this.isOpenModal = false;\n            this.selectedItem = null;\n        },\n    },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.fade-enter-active,\n.fade-leave-active {\n    transition: opacity 0.3s ease;\n}\n\n.fade-enter-from,\n.fade-leave-to {\n    opacity: 0;\n}\n</style>","import { render } from \"./tab-1.vue?vue&type=template&id=574d8ae1&scoped=true\"\nimport script from \"./tab-1.vue?vue&type=script&lang=js\"\nexport * from \"./tab-1.vue?vue&type=script&lang=js\"\n\nimport \"./tab-1.vue?vue&type=style&index=0&id=574d8ae1&lang=scss&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-574d8ae1\"\n\nexport default script","<template>\n    <div class=\"w-full flex flex-col text-ternary py-4\">\n\n\n        <div class=\"flex flex-col mt-4\" v-if=\"$apollo.queries.getJobOpportunities.loading\">\n            <table-shimmer\n                :titleHeaders=\"['#', 'Company Name', 'Job Title', 'Position', 'Vacancy', 'Job Offer Start Date', 'Job Offer Close Date', 'Actions']\"\n                :rows=\"first\"></table-shimmer>\n        </div>\n        <div v-else-if=\"!$apollo.queries.getJobOpportunities.loading && !hasItems\"\n            class=\"h-full flex justify-center items-center\">\n            <h1 class=\"text-center text-xl font-medium\">No jobs found!</h1>\n        </div>\n        <div v-else class=\"flex flex-col mt-4\">\n            <div class=\"flex flex-col overflow-x-auto\">\n                <div class=\"inline-block min-w-full py-2\">\n                    <div class=\"overflow-x-auto\">\n                        <table class=\"min-w-full text-left text-sm font-light\">\n                            <thead class=\"border-b font-medium dark:border-neutral-500\">\n                                <tr>\n                                    <th scope=\"col\" class=\"px-6 py-2 text-gray-400 w-8\">#</th>\n                                    <th scope=\"col\" class=\"px-6 py-2 text-gray-400\">Company Name</th>\n                                    <th scope=\"col\" class=\"px-6 py-2 text-gray-400\">Job Title</th>\n                                    <th scope=\"col\" class=\"px-6 py-2 text-gray-400\">Position</th>\n                                    <th scope=\"col\" class=\"px-6 py-2 text-gray-400\">Vacancy</th>\n                                    <th scope=\"col\" class=\"px-6 py-2 text-gray-400\">Job Offer Start Date</th>\n                                    <th scope=\"col\" class=\"px-6 py-2 text-gray-400\">Job Offer Close Date</th>\n                                    <th scope=\"col\" class=\"px-6 py-2 text-gray-400\">Actions</th>\n                                </tr>\n                            </thead>\n                            <tbody>\n                                <tr v-for=\"(item, index) in items\" :key=\"index\"\n                                    class=\"border-b border-dashed dark:border-neutral-500\">\n                                    <td class=\"whitespace-nowrap px-6 py-2 font-medium\">{{ paginatorInfo.firstItem +\n                                        index }}</td>\n                                    <td class=\"whitespace-nowrap px-6 py-2\">{{ item.partner ?\n                                        item.partner.en_company_name : item.employer_name }}</td>\n                                    <td class=\"whitespace-nowrap px-6 py-2\">{{ item.job_title }}</td>\n                                    <td class=\"whitespace-nowrap px-6 py-2\">{{ item.position_name }}</td>\n                                    <td class=\"whitespace-nowrap px-6 py-2\">{{ item.vacancy }}</td>\n                                    <td class=\"whitespace-nowrap px-6 py-2\">{{ formattedDate(item.job_start_date) }}\n                                    </td>\n                                    <td class=\"whitespace-nowrap px-6 py-2\">{{ formattedDate(item.job_close_date) }}\n                                    </td>\n                                    <td class=\"px-6 py-2\">\n                                        <div class=\"flex\">\n                                            <div v-if=\"hasPermission('jobs-show')\" @click.stop=\"gotToJob(item.token)\"\n                                                class=\"bg-gray-100 hover:bg-blue-50 w-8 h-8 flex justify-center items-center rounded-lg group cursor-pointer mr-2\">\n                                                <icon-eye\n                                                    class=\"w-4 h-4 transform group-hover:text-purple-pink group-hover:scale-110 hover:scale-110\"></icon-eye>\n                                            </div>\n                                        </div>\n                                    </td>\n                                </tr>\n                            </tbody>\n                        </table>\n                    </div>\n                </div>\n            </div>\n            <div class=\"mt-4\">\n                <pagination :paginatorInfo=\"paginatorInfo\" :setPage=\"setPage\"></pagination>\n            </div>\n        </div>\n\n        <transition name=\"fade\" mode=\"out-in\">\n            <base-modal v-if=\"isOpenModal\"\n                :title=\"`Posting Details (${selectedItem.partner ? selectedItem.partner.en_company_name : selectedItem.employer_name})`\"\n                height=\"\" @close=\"closeModal\">\n                <apply-job :item=\"selectedItem\" user-type=\"student\" @close=\"closeModal\"></apply-job>\n            </base-modal>\n        </transition>\n\n    </div>\n</template>\n\n<script>\nimport gql from 'graphql-tag';\nimport ApplyJob from \"./apply-job.vue\";\nimport Pagination from \"../../../../components/shared/pagination.vue\";\nimport TableShimmer from '../../../../components/shared/TableShimmer.vue';\nimport IconEye from \"../../../../components/icons/IconEye.vue\";\nexport default {\n    name: 'tab- 2',\n    components: {\n        ApplyJob,\n        TableShimmer,\n        IconEye,\n        Pagination,\n    },\n    data() {\n        return {\n            getJobOpportunities: [],\n            first: 10,\n            page: 1,\n            isOpenModal: false,\n            selectedItem: null,\n        }\n    },\n    watch: {\n        getJobOpportunities(newVal) {\n            if (newVal.error) {\n                if (newVal.error_code == 403) {\n                    this.$router.replace('/no-permission');\n                } else if (newVal.error_code == 401) {\n                    this.$router.replace('/');\n                } else {\n                    alert(newVal.message);\n                    this.$router.replace('/');\n                }\n            }\n        },\n    },\n    computed: {\n        items() {\n            return this.getJobOpportunities.data;\n        },\n        hasItems() {\n            if (this.items && this.items.length > 0) {\n                return true;\n            } else {\n                return false;\n            }\n        },\n        paginatorInfo() {\n            return this.getJobOpportunities.paginatorInfo;\n        },\n        role() {\n            return this.$store.getters.role;\n        },\n    },\n    apollo: {\n        getJobOpportunities() {\n            return {\n                query: gql`query GetJobOpportunities($first: Int!, $page: Int!) {\n                    getJobOpportunities(first: $first, page: $page) {\n                        error\n                        error_code\n                        message\n                        data {\n                            id\n                            token\n                            grade_number\n                            job_title\n                            position_name\n                            position_number\n                            job_description\n                            minimum_qualification\n                            preferred_qualification\n                            expected_skills\n                            special_instructions\n                            division\n                            department\n                            job_start_date\n                            job_close_date\n                            job_category\n                            salary\n                            vacancy\n                            approved_count\n                            rejected_count\n                            days_ago\n                            benefits\n                            job_location\n                            working_hours\n                            contract_type\n                            partner {\n                                en_company_name\n                            }\n                            employer_name\n                        }\n                        paginatorInfo {\n                            count\n                            currentPage\n                            firstItem\n                            hasMorePages\n                            lastItem\n                            lastPage\n                            perPage\n                            total\n                        }\n                    }\n                }`,\n                variables() {\n                    return {\n                        first: this.first,\n                        page: this.page,\n                    }\n                },\n                fetchPolicy: 'cache-and-network'\n            }\n        },\n    },\n    methods: {\n        formattedDate(date) {\n            if (date) {\n                const parsedDate = new Date(date);\n                return parsedDate.toLocaleDateString('en-GB', {\n                    day: '2-digit',\n                    month: '2-digit',\n                    year: 'numeric',\n                }).replace(/\\//g, '-');\n            } else {\n                return \"\";\n            }\n        },\n        setPage(page) {\n            this.page = page;\n        },\n        dateInAgo(daysAgo) {\n            const today = new Date();\n            const targetDate = new Date();\n            targetDate.setDate(today.getDate() - daysAgo);\n\n            const diffTime = Math.abs(today - targetDate);\n            const diffDays = Math.floor(diffTime / (1000 * 60 * 60 * 24));\n\n            if (diffDays === 0) {\n                return 'Today';\n            } else if (diffDays === 1) {\n                return 'Yesterday';\n            } else if (diffDays <= 7) {\n                return `${diffDays} days ago`;\n            } else if (diffDays <= 30) {\n                const diffWeeks = Math.floor(diffDays / 7);\n                return `${diffWeeks} week${diffWeeks > 1 ? 's' : ''} ago`;\n            } else if (diffDays <= 365) {\n                const diffMonths = Math.floor(diffDays / 30);\n                return `${diffMonths} month${diffMonths > 1 ? 's' : ''} ago`;\n            } else {\n                const diffYears = Math.floor(diffDays / 365);\n                return `${diffYears} year${diffYears > 1 ? 's' : ''} ago`;\n            }\n        },\n        openModal(item) {\n            this.selectedItem = item;\n            this.isOpenModal = true;\n        },\n        closeModal() {\n            this.isOpenModal = false;\n            this.selectedItem = null;\n        },\n        hasPermission(crudName) {\n            if (this.role == 'superadmin') {\n                return true;\n            } else {\n                const permissions = this.$store.getters.permissions;\n                const permissionsArray = permissions.split(\",\");\n                if (permissionsArray.includes(crudName)) {\n                    return true;\n                } else {\n                    return false;\n                }\n            }\n        },\n        gotToJob(token) {\n            const url = '/employment/job-opportunity/' + token;\n            this.$router.replace(url);\n        },\n    },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.fade-enter-active,\n.fade-leave-active {\n    transition: opacity 0.3s ease;\n}\n\n.fade-enter-from,\n.fade-leave-to {\n    opacity: 0;\n}\n</style>","import { render } from \"./tab-2.vue?vue&type=template&id=52b68340&scoped=true\"\nimport script from \"./tab-2.vue?vue&type=script&lang=js\"\nexport * from \"./tab-2.vue?vue&type=script&lang=js\"\n\nimport \"./tab-2.vue?vue&type=style&index=0&id=52b68340&lang=scss&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-52b68340\"\n\nexport default script","import { render } from \"./job-opportunities.vue?vue&type=template&id=f0b5ea8e&scoped=true\"\nimport script from \"./job-opportunities.vue?vue&type=script&lang=js\"\nexport * from \"./job-opportunities.vue?vue&type=script&lang=js\"\n\nimport \"./job-opportunities.vue?vue&type=style&index=0&id=f0b5ea8e&lang=scss&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-f0b5ea8e\"\n\nexport default script","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader-v16/dist/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-v16/dist/index.js??ref--0-1!./job-opportunities.vue?vue&type=style&index=0&id=f0b5ea8e&lang=scss&scoped=true\""],"sourceRoot":""}