{"version":3,"sources":["webpack:///./src/pages/employment/jobs/job-opportunity.vue","webpack:///./src/pages/employment/jobs/job-opportunity.vue?bf0d"],"names":["class","to","role","$apollo","queries","jobOpportunity","loading","hasItem","item","job_title","getEmployerName","type","class-list","formatDate","posted_date","job_description","minimum_qualification","preferred_qualification","expected_skills","special_instructions","benefits","position_name","job_location","contract_type","salary","getThisJobFor","vacancy","working_hours","division","department","isApply","applyJob","partner","commercial_activity","isLoading","name","props","error","success","watch","newVal","error_code","this","$router","replace","$swal","fire","icon","title","text","message","then","result","value","dismiss","alert","computed","$store","getters","data","en_company_name","employer_name","entity","gender","job_for","apollo","query","token","fetchPolicy","methods","dateString","options","year","month","day","Date","toLocaleDateString","CREATE_MUTATION","responseData","mutate","mutation","variables","job_id","parseInt","id","catch","Toast","mixin","toast","position","showConfirmButton","timer","timerProgressBar","didOpen","addEventListener","stopTimer","resumeTimer","window","location","reload","render"],"mappings":"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","file":"js/chunk-2d21a9f1.8b4b1102.js","sourcesContent":["<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                        <router-link v-if=\"this.role == 'user'\" to=\"/employment/job-opportunities\"\n                            class=\"opacity-50 hover:opacity-100\">Job\n                            Opportunities</router-link>\n                        <router-link v-else to=\"/jobs\" class=\"opacity-50 hover:opacity-100\">Jobs</router-link>\n                        <div v-if=\"!$apollo.queries.jobOpportunity.loading && hasItem\">\n                            <span class=\"mx-2\">/</span>\n                            <span>{{ item.job_title }}</span>\n                        </div>\n                    </div>\n                    <div v-if=\"!$apollo.queries.jobOpportunity.loading && hasItem\" class=\"font-bold\">{{ getEmployerName\n                        }}</div>\n                </div>\n\n                <div v-if=\"$apollo.queries.jobOpportunity.loading\">\n                    <div class=\"h-full flex justify-center items-center\">\n                        <base-page-spinner type=\"spin\" class-list=\"h-20\"></base-page-spinner>\n                    </div>\n                </div>\n                <div v-else-if=\"!$apollo.queries.jobOpportunity.loading && !hasItem\"\n                    class=\"h-full flex justify-center items-center\">\n                    <h1 class=\"text-center text-xl font-medium\">No job opportunity found!</h1>\n                </div>\n                <div v-else class=\"w-full mt-8\">\n                    <!-- Header -->\n                    <div class=\"bg-white shadow-lg border rounded-2xl p-6 mb-6\">\n                        <h1 class=\"text-3xl font-bold text-gray-800\">{{ item.job_title }} - {{ getEmployerName }}\n                        </h1>\n                        <p class=\"text-sm text-gray-500 mt-1\">Posted on {{ formatDate(item.posted_date) }}</p>\n                    </div>\n\n                    <!-- Job Details Section -->\n                    <div class=\"grid grid-cols-1 lg:grid-cols-3 gap-6\">\n                        <!-- Job Description -->\n                        <div v-if=\"item.job_description || item.minimum_qualification || item.preferred_qualification || item.expected_skills || item.special_instructions || item.benefits\"\n                            class=\"lg:col-span-2 bg-white shadow-lg border rounded-2xl p-6\">\n                            <div v-if=\"item.job_description\" class=\"mb-6\">\n                                <h2 class=\"text-2xl font-semibold text-gray-800 mb-4\">Job\n                                    Description\n                                </h2>\n                                <p class=\"text-gray-600 leading-relaxed\">{{\n                                    item.job_description\n                                }}\n                                </p>\n                            </div>\n                            <div v-if=\"item.minimum_qualification\" class=\"mb-6\">\n                                <h3 class=\"text-xl font-semibold text-gray-800 mb-2\">Minimum Qualification</h3>\n                                <ul class=\"list-disc pl-5 space-y-2 text-gray-600\">\n                                    <li>{{ item.minimum_qualification }}</li>\n                                </ul>\n                            </div>\n                            <div v-if=\"item.preferred_qualification\" class=\"mb-6\">\n                                <h3 class=\"text-xl font-semibold text-gray-800 mb-2\">Preferred Qualification</h3>\n                                <ul class=\"list-disc pl-5 space-y-2 text-gray-600\">\n                                    <li>{{ item.preferred_qualification }}</li>\n                                </ul>\n                            </div>\n                            <div v-if=\"item.expected_skills\" class=\"mb-6\">\n                                <h3 class=\"text-xl font-semibold text-gray-800 mb-2\">Expected Skills</h3>\n                                <p class=\"text-gray-600 leading-relaxed\">{{\n                                    item.expected_skills\n                                }}\n                                </p>\n                            </div>\n                            <div v-if=\"item.special_instructions\" class=\"mb-6\">\n                                <h3 class=\"text-xl font-semibold text-gray-800 mb-2\">Special Instructions</h3>\n                                <p class=\"text-gray-600 leading-relaxed\">{{\n                                    item.special_instructions\n                                }}\n                                </p>\n                            </div>\n                            <div v-if=\"item.benefits\">\n                                <h3 class=\"text-xl font-semibold text-gray-800 mb-2\">Benefits</h3>\n                                <p class=\"text-gray-600 leading-relaxed\">{{\n                                    item.benefits\n                                }}\n                                </p>\n                            </div>\n                        </div>\n\n                        <!-- Job Sidebar -->\n                        <aside class=\"bg-white shadow-lg border rounded-2xl p-6 flex flex-col\">\n                            <h2 class=\"text-xl font-semibold text-gray-800 mb-2\">Job Details</h2>\n                            <div class=\"space-y-4\">\n                                <div class=\"flex justify-between\">\n                                    <span class=\"font-medium text-gray-600\">Position:</span>\n                                    <span class=\"text-gray-800\">{{ item.position_name }}</span>\n                                </div>\n                                <div class=\"flex justify-between\">\n                                    <span class=\"font-medium text-gray-600\">Location:</span>\n                                    <span class=\"text-gray-800\">{{ item.job_location }}</span>\n                                </div>\n                                <div class=\"flex justify-between\">\n                                    <span class=\"font-medium text-gray-600\">Contract Type:</span>\n                                    <span class=\"text-gray-800\">{{ item.contract_type }}</span>\n                                </div>\n                                <div v-if=\"role != 'user'\" class=\"flex justify-between\">\n                                    <span class=\"font-medium text-gray-600\">Salary:</span>\n                                    <span class=\"text-gray-800\">{{ item.salary }}</span>\n                                </div>\n                                <div class=\"flex justify-between\">\n                                    <span class=\"font-medium text-gray-600\">This job is for:</span>\n                                    <span class=\"text-gray-800\">{{ getThisJobFor }}</span>\n                                </div>\n                                <div class=\"flex justify-between\">\n                                    <span class=\"font-medium text-gray-600\">Vacancy:</span>\n                                    <span class=\"text-gray-800\">{{ item.vacancy }}</span>\n                                </div>\n                                <div class=\"flex justify-between\">\n                                    <span class=\"font-medium text-gray-600\">Working Hours:</span>\n                                    <span class=\"text-gray-800\">{{ item.working_hours }}</span>\n                                </div>\n                                <div class=\"flex justify-between\">\n                                    <span class=\"font-medium text-gray-600\">Division:</span>\n                                    <span class=\"text-gray-800\">{{ item.division }}</span>\n                                </div>\n                                <div class=\"flex justify-between\">\n                                    <span class=\"font-medium text-gray-600\">Department:</span>\n                                    <span class=\"text-gray-800\">{{ item.department }}</span>\n                                </div>\n                            </div>\n                            <div class=\"flex-auto flex flex-col justify-end\">\n                                <div v-if=\"isApply\" @click.stop=\"applyJob\"\n                                    class=\"cursor-pointer block text-center bg-blue-600 text-white font-medium py-2 px-4 rounded-lg mt-6 hover:bg-blue-700\">\n                                    Apply Now</div>\n                            </div>\n                        </aside>\n                    </div>\n\n                    <!-- Company Information Section -->\n                    <section v-if=\"item.partner && item.partner.commercial_activity\"\n                        class=\"bg-white shadow-lg border rounded-2xl p-6 mt-6\">\n                        <h2 class=\"text-2xl font-semibold text-gray-800 mb-4\">About the Company</h2>\n                        <p class=\"text-gray-600 leading-relaxed\" v-html=\"item.partner.commercial_activity\"></p>\n                    </section>\n                </div>\n\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: \"job-opportunity\",\n    props: [\"token\"],\n    data() {\n        return {\n            isLoading: false,\n            error: null,\n            success: null,\n        };\n    },\n    watch: {\n        jobOpportunity(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 if (newVal.error_code == 404) {\n                    this.$swal.fire({\n                        icon: 'error',\n                        title: 'Oops...',\n                        text: newVal.message,\n                    }).then((result) => {\n                        if (result.value || result.dismiss) {\n                            this.$router.replace('/dashboard');\n                        }\n                    });\n                } else {\n                    alert(newVal.message);\n                    this.$router.replace('/');\n                }\n            }\n        },\n    },\n    computed: {\n        role() {\n            return this.$store.getters.role;\n        },\n        item() {\n            return this.jobOpportunity.data;\n        },\n        hasItem() {\n            if (this.item) {\n                return true;\n            } else {\n                return false;\n            }\n        },\n        getEmployerName() {\n            if (this.hasItem) {\n                if (this.item.partner) {\n                    return this.item.partner.en_company_name;\n                } else {\n                    return this.item.employer_name;\n                }\n            } else {\n                return \"\";\n            }\n        },\n        isApply() {\n            if (this.role == 'user') {\n                return true;\n            } else {\n                return false;\n            }\n        },\n        getThisJobFor() {\n            let text = this.item.entity;\n            if (this.item.gender) {\n                if (this.item.gender == 'M') {\n                    text += ' male';\n                } else {\n                    text += ' female';\n                }\n            }\n            if (this.item.job_for) {\n                if (this.item.job_for == '1') {\n                    text += ' local';\n                } else if (this.item.job_for == '2') {\n                    text += ' non-local';\n                }\n            }\n            text += ' students';\n            return text;\n        },\n    },\n    apollo: {\n        jobOpportunity() {\n            return {\n                query: gql`query GetJobOpportunity($token: String!) {\n                    jobOpportunity(token: $token) {\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                            entity\n                            gender\n                            job_for\n                            partner {\n                                en_company_name\n                                company_short_name\n                                commercial_activity\n                            }\n                            employer_name\n                            posted_date\n                        }\n                    }\n                }`,\n                variables() {\n                    return {\n                        token: this.token ? this.token : \"\",\n                    }\n                },\n                fetchPolicy: 'cache-and-network'\n            }\n        },\n    },\n    methods: {\n        formatDate(dateString) {\n            const options = { year: 'numeric', month: 'long', day: 'numeric' };\n            return new Date(dateString).toLocaleDateString('en-US', options);\n        },\n        async applyJob() {\n            if (this.role == 'user') {\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                        this.error = error.message;\n                    })\n\n                } catch (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                } 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                            }\n                        }\n                    })\n                }\n\n                this.isLoading = false;\n            }\n        },\n    },\n}\n</script>","import { render } from \"./job-opportunity.vue?vue&type=template&id=f8ed931e\"\nimport script from \"./job-opportunity.vue?vue&type=script&lang=js\"\nexport * from \"./job-opportunity.vue?vue&type=script&lang=js\"\nscript.render = render\n\nexport default script"],"sourceRoot":""}