{"version":3,"sources":["webpack:///./src/pages/training/training-invitation-details.vue","webpack:///./src/pages/training/training-invitation-details.vue?e1e8"],"names":["class","to","$apollo","queries","trainingInvitationDetails","loading","hasItem","item","internship","group_name","ref_no","partner","en_company_name","location","field_of_training","supervisor","getDate","start_date","end_date","isStatusUpdated","updateTrainingInvitation","isLoading","type","class-list","name","props","computed","this","internship_candidate","status","apollo","query","token","fetchPolicy","methods","date","message","refetch","Toast","$swal","mixin","toast","position","showConfirmButton","timer","timerProgressBar","didOpen","addEventListener","stopTimer","resumeTimer","fire","icon","title","UPDATE_MUTATION","error","success","mutate","mutation","variables","then","data","catch","err","showToast","text","result","value","dismiss","render"],"mappings":"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","file":"js/chunk-2d21a7a8.0c7c2e07.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=\"/training-invitation\" class=\"opacity-50 hover:opacity-100\">Training</router-link>\n                        <span class=\"mx-2\">/</span>\n                        <span>Training Invitation</span>\n                    </div>\n                    <div class=\"font-bold\">Training Invitation</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=\"flex flex-col h-full items-center justify-center mt-4\" v-if=\"$apollo.queries.trainingInvitationDetails.loading\">\n                        <base-spinner></base-spinner>\n                    </div>\n                    <div v-else-if=\"!$apollo.queries.trainingInvitationDetails.loading && !hasItem\" class=\"h-full flex justify-center items-center\">\n                        <h1 class=\"text-center text-xl font-medium\">No invitation found!</h1>\n                    </div>\n                    <div v-else class=\"flex flex-col\">\n                        <div class=\"flex justify-between flex-wrap\">\n                            <h1 class=\"text-base md:text-lg font-semibold capitalize\">{{ item.internship.group_name }} - {{ item.internship.ref_no }}</h1>\n                        </div>\n                        <div class=\"flex flex-row flex-wrap mt-4\">\n                            <div class=\"w-1/4 font-medium\">Reference Number</div>\n                            <div class=\"w-3/4\">{{ item.internship.ref_no }}</div>\n                        </div>\n                        <div class=\"flex flex-row flex-wrap mt-2\">\n                            <div class=\"w-1/4 font-medium\">Name of Group</div>\n                            <div class=\"w-3/4\">{{ item.internship.group_name }}</div>\n                        </div>\n                        <div class=\"flex flex-row flex-wrap mt-2\">\n                            <div class=\"w-1/4 font-medium\">Training Entity</div>\n                            <div class=\"w-3/4\">{{ item.internship.partner.en_company_name }}</div>\n                        </div>\n                        <div class=\"flex flex-row flex-wrap mt-2\">\n                            <div class=\"w-1/4 font-medium\">Location</div>\n                            <div class=\"w-3/4\">{{ item.internship.location }}</div>\n                        </div>\n                        <div class=\"flex flex-row flex-wrap mt-2\">\n                            <div class=\"w-1/4 font-medium\">Specialization</div>\n                            <div class=\"w-3/4\">{{ item.internship.field_of_training }}</div>\n                        </div>\n                        <div class=\"flex flex-row flex-wrap mt-2\">\n                            <div class=\"w-1/4 font-medium\">Supervisor</div>\n                            <div class=\"w-3/4\">{{ item.internship.supervisor }}</div>\n                        </div>\n                        <div class=\"flex flex-row flex-wrap mt-2\">\n                            <div class=\"w-1/4 font-medium\">Start Date</div>\n                            <div class=\"w-3/4\">{{ getDate(item.internship.start_date) }}</div>\n                        </div>\n                        <div class=\"flex flex-row flex-wrap mt-2\">\n                            <div class=\"w-1/4 font-medium\">End Date</div>\n                            <div class=\"w-3/4\">{{ getDate(item.internship.end_date) }}</div>\n                        </div>\n                        <div v-if=\"!isStatusUpdated\" class=\"w-full flex justify-center mt-6\">\n                            <div @click.stop=\"updateTrainingInvitation(false)\" class=\"flex justify-center items-center bg-red-600 hover:bg-white border-red-600 border px-4 py-2 rounded-lg cursor-pointer text-white hover:text-red-600 mr-2\">Reject</div>\n                            <div @click.stop=\"updateTrainingInvitation(true)\" class=\"flex justify-center items-center bg-white hover:bg-green-600 border-green-600 border px-4 py-2 rounded-lg cursor-pointer text-green-600 hover:text-white ml-2\">Accept</div>\n                        </div>\n                    </div>\n                </section>\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';\nimport { formattedDate } from \"../../helpers/utils\";\nexport default {\n    name: \"training-invitation-details\",\n    props: [\"token\"],\n    data() {\n        return {\n            trainingInvitationDetails: [],\n            isLoading: false,\n        };\n    },\n    computed: {\n        item() {\n            return this.trainingInvitationDetails.internship_candidate;\n        },\n        hasItem() {\n            if (this.item) {\n                return true;\n            } else {\n                return false;\n            }\n        },\n        isStatusUpdated() {\n            if (this.item.status === null) {\n                return false;\n            } else {\n                return true;\n            }\n        },\n    },\n    apollo: {\n        trainingInvitationDetails () {\n            return {\n                query: gql`query GetTrainingInvitationDetails($token: String!) {\n                    trainingInvitationDetails(token: $token) {\n                        error\n                        error_code\n                        message\n                        internship_candidate {\n                            token\n                            status\n                            internship {\n                                ref_no\n                                token\n                                group_name\n                                partner {\n                                    en_company_name\n                                }\n                                location\n                                field_of_training\n                                start_date\n                                end_date\n                                supervisor\n                            }\n                        }\n                    }\n                }`,\n                variables () {\n                    return {\n                        token: this.token,\n                    }\n                },\n                fetchPolicy: 'cache-and-network'\n            }\n        },\n    },\n    methods: {\n        getDate(date) {\n            return formattedDate(date);\n        },\n        showToast(message = '') {\n            this.$apollo.queries.trainingInvitationDetails.refetch();\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: message\n            })\n        },\n        async updateTrainingInvitation(status) {\n\n            const UPDATE_MUTATION = gql`\n                mutation updateTrainingInvitation($token: String!, $status: Boolean!) {\n                    updateTrainingInvitation(token: $token, status: $status) {\n                        error\n                        message\n                    }\n                }\n            `;\n\n            this.isLoading = true;\n            let error = null;\n            let success = null;\n\n            try {\n                await this.$apollo.mutate({\n                    mutation: UPDATE_MUTATION,\n                    variables: {\n                        token: this.token,\n                        status: status,\n                    }\n                }).then((data) => {\n                    if (data.data.updateTrainingInvitation.error) {\n                        error = data.data.updateTrainingInvitation.message;\n                    } else {\n                        success = data.data.updateTrainingInvitation.message;\n                    }\n                }).catch((err) => {\n                    error = err;\n                })\n\n            } catch (err) {\n                error = err.message || \"Failed to authenticate, try later.\";\n            }\n\n            this.isLoading = false;\n\n            if (error === null) {\n                this.showToast(success);\n            } else {\n                this.$swal.fire({\n                    icon: 'error',\n                    title: 'Oops...',\n                    text: error,\n                }).then((result) => {\n                    if (result.value || result.dismiss) {\n                        this.isLoading = false;\n                    }\n                })\n            }\n        }\n    },\n}\n</script>","import { render } from \"./training-invitation-details.vue?vue&type=template&id=7d99a560\"\nimport script from \"./training-invitation-details.vue?vue&type=script&lang=js\"\nexport * from \"./training-invitation-details.vue?vue&type=script&lang=js\"\nscript.render = render\n\nexport default script"],"sourceRoot":""}