{"version":3,"sources":["webpack:///./src/pages/internship/internship-candidates.vue","webpack:///./src/pages/internship/internship-candidates.vue?705c","webpack:///./src/pages/internship/view.vue","webpack:///./src/pages/internship/view.vue?d0ee","webpack:///./src/pages/internship/view.vue?f422"],"names":["class","scope","isLoading","hasItems","items","item","index","key","paginatorInfo","firstItem","src","getProfilePicture","student","student_id","entity","alt","$emit","name_en","primary_email","setPage","name","emits","props","components","Pagination","error","first","page","this","fetchStudentsList","methods","GET_INTERNSHIP_CANDIDATES_QUERY","$apollo","query","fetchPolicy","variables","internship_id","parseInt","internshipId","then","data","getCandidatesListPerInternship","message","length","catch","studentId","render","for","isDraftEmail","subject","isValid","type","id","val","placeholder","clearValidity","mode","msg","recipientName","content","hasStudents","studentsList","draftEmail","viewType","partner","en_company_name","ref_no","group_name","field_of_training","sector","location","supervisor","getInterviewDate","start_date","end_date","school_id","grade","homeroom","selectedStudentsCount","hasUnSelectedStudents","unSelectedStudentsCount","unSelectedstudentsList","reason","hasApprovals","isNotPartner","approvalList","user","role","note","getStatus","approved","getInterviewDateTime","approved_at","confirmApplication","IconEye","formIsValid","computed","$store","getters","internship_candidates","internship_unselected_candidates","internship_approvals","filter","date","status","input","validateForm","formData","recipient_name","__scopeId"],"mappings":"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","file":"js/chunk-8aaa2806.e834cdac.js","sourcesContent":["<template>\n    <div class=\"flex flex-col px-8\">\n        <div v-if=\"isLoading\" class=\"h-full flex flex-col justify-center items-center\">\n            <base-spinner></base-spinner>\n        </div>\n        <div v-else-if=\"!isLoading && !hasItems\" class=\"h-full flex justify-center items-center\">\n            <h1 class=\"text-center text-xl font-medium py-16\">No students found!</h1>\n        </div>\n        <div v-else class=\"flex flex-col\">\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\">Student</th>\n                                    <th scope=\"col\" class=\"px-6 py-2 text-gray-400\">Student ID</th>\n                                    <th scope=\"col\" class=\"px-6 py-2 text-gray-400\">Entity</th>\n                                </tr>\n                            </thead>\n                            <tbody>\n                                <tr v-for=\"(item, index) in items\" :key=\"index\" class=\"border-b border-dashed dark:border-neutral-500\">\n                                    <td class=\"whitespace-nowrap px-6 py-2 font-medium\">{{ paginatorInfo.firstItem + index }}</td>\n                                    <td class=\"whitespace-nowrap px-6 py-2\">\n                                        <div class=\"flex items-center\">\n                                            <div class=\"flex-shrink-0 mr-3\">\n                                                <img class=\"h-12 w-12 rounded-lg object-cover cursor-pointer\" :src=\"getProfilePicture(item.student.student_id, item.student.entity)\" alt=\"\">\n                                            </div>\n                                            <div class=\"flex-grow flex flex-col mr-4\">\n                                                <h1 class=\"text-sm font-semibold flex items-center\">\n                                                    <span @click.stop=\"$emit('view-student-profile', item.student.student_id)\" class=\"text-heading hover:text-blue-600 hover:underline cursor-pointer\">{{ item.student.name_en }}</span>\n                                                </h1>\n                                                <p class=\"text-xs text-gray-400\">{{ item.student.primary_email }}</p>\n                                            </div>\n                                        </div>\n                                    </td>\n                                    <td class=\"whitespace-nowrap px-6 py-2\">{{ item.student.student_id }}</td>\n                                    <td class=\"whitespace-nowrap px-6 py-2\">{{ item.student.entity }}</td>\n                                </tr>\n                            </tbody>\n                        </table>\n                    </div>\n                </div>\n            </div>\n            <div class=\"mt-4\">\n                <pagination\n                :paginatorInfo=\"paginatorInfo\"\n                :setPage=\"setPage\"\n                ></pagination>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\nimport gql from 'graphql-tag';\nimport Pagination from \"../../components/shared/pagination.vue\";\nexport default {\n    name: 'internship-candidates',\n    emits: [\"view-student-profile\"],\n    props: [\"internshipId\"],\n    components: {\n        Pagination,\n    },\n    data() {\n        return {\n            isLoading: false,\n            error: null,\n            first: 10,\n            page: 1,\n            hasItems: false,\n            items: [],\n            paginatorInfo: [],\n        };\n    },\n    created() {\n        this.fetchStudentsList();\n    },\n    methods: {\n        async fetchStudentsList() {\n            \n            this.isLoading = true;\n\n            const GET_INTERNSHIP_CANDIDATES_QUERY = gql`\n                query GetCandidatesListPerInternship($first: Int!, $page: Int!, $internship_id: Int!) {\n                    getCandidatesListPerInternship(first: $first, page: $page, internship_id: $internship_id) {\n                        error\n                        error_code\n                        message\n                        data {\n                            student {\n                                student_id\n                                name_en\n                                entity\n                                primary_email\n                            }\n                        }\n                        paginatorInfo {\n                            count\n                            currentPage\n                            firstItem\n                            hasMorePages\n                            lastItem\n                            lastPage\n                            perPage\n                            total\n                        }\n                    }\n                }\n            `;\n\n            try {\n                await this.$apollo.query({\n                    query: GET_INTERNSHIP_CANDIDATES_QUERY,\n                    fetchPolicy: 'network-only',\n                    variables: {\n                        first: this.first,\n                        page: this.page,\n                        internship_id: parseInt(this.internshipId),\n                    },\n                }).then((data) => {\n                    if (data.data.getCandidatesListPerInternship.error) {\n                        this.error = data.data.getCandidatesListPerInternship.message;\n                    } else {\n                        this.items = data.data.getCandidatesListPerInternship.data;\n                        this.paginatorInfo = data.data.getCandidatesListPerInternship.paginatorInfo;\n                        this.hasItems = this.items.length > 0 ? true : false;\n                    }\n                }).catch((error) => {\n                    this.error = error.message;\n                })\n\n            } catch (error) {\n                this.error = error.message || \"Please try again.\";\n            }\n\n            this.isLoading = false;\n\n        },\n        getProfilePicture(studentId, entity) {\n            return `https://www.iat.ac.ae/sis/Integrations/Get_Student_Image/Q4tphjXBanCMiro8Kpfbi1QEU5qZb01uWtpkQlpfet8/${studentId}/${entity}`;\n        },\n        setPage(page) {\n            this.page = page;\n            this.fetchStudentsList();\n        },\n    },\n}\n</script>","import { render } from \"./internship-candidates.vue?vue&type=template&id=5a5f29b2\"\nimport script from \"./internship-candidates.vue?vue&type=script&lang=js\"\nexport * from \"./internship-candidates.vue?vue&type=script&lang=js\"\nscript.render = render\n\nexport default script","<template>\n    <div class=\"w-full flex flex-col p-8 text-ternary\">\n        <div v-if=\"isDraftEmail\">\n            <div class=\"flex flex-row items-center flex-wrap form-input\" :class=\"{ invalid: !subject.isValid }\">\n                <div class=\"w-1/4\">\n                    <label for=\"subject\">Subject</label>\n                </div>\n                <div class=\"w-3/4\">\n                    <input\n                        type=\"text\"\n                        id=\"subject\"\n                        v-model.trim=\"subject.val\"\n                        placeholder=\"\"\n                        @blur=\"clearValidity('subject')\"\n                    />\n                    <transition name=\"fade\" mode=\"out-in\">\n                        <p v-if=\"!subject.isValid\" class=\"h-4 text-xs text-red-600\">\n                            {{ subject.msg }}\n                        </p>\n                    </transition>\n                </div>\n            </div>\n            <div class=\"mt-4 flex flex-row items-center flex-wrap form-input\" :class=\"{ invalid: !recipientName.isValid }\">\n                <div class=\"w-1/4\">\n                    <label for=\"recipientName\">Recipient's Name</label>\n                </div>\n                <div class=\"w-3/4\">\n                    <input\n                        type=\"text\"\n                        id=\"recipientName\"\n                        v-model.trim=\"recipientName.val\"\n                        placeholder=\"\"\n                        @blur=\"clearValidity('recipientName')\"\n                    />\n                    <transition name=\"fade\" mode=\"out-in\">\n                        <p v-if=\"!recipientName.isValid\" class=\"h-4 text-xs text-red-600\">\n                            {{ recipientName.msg }}\n                        </p>\n                    </transition>\n                </div>\n            </div>\n            <div class=\"mt-4 flex flex-row items-start flex-wrap form-input\" :class=\"{ invalid: !content.isValid }\">\n                <div class=\"w-1/4\">\n                    <label for=\"content\">Content</label>\n                </div>\n                <div class=\"w-3/4\">\n                    <div class=\"h-32 p-4 rounded-xl border\" :class=\"{ invalid_: !content.isValid }\">\n                        <textarea v-model=\"content.val\" class=\"resize-none w-full h-full outline-none text-sm\" @blur=\"clearValidity('content')\"></textarea>\n                    </div>\n                    <transition name=\"fade\" mode=\"out-in\">\n                        <p v-if=\"!content.isValid\" class=\"h-4 text-xs text-red-600\">\n                            {{ content.msg }}\n                        </p>\n                    </transition>\n                </div>\n            </div>\n            <div class=\"mt-8 flex flex-col border border-black p-4\">\n                <h1>Dear {{ recipientName.val }},</h1>\n                <p class=\"mt-2\">{{ content.val }}</p>\n                <div v-if=\"hasStudents\" class=\"flex flex-col mt-4\">\n                    <h1 class=\"text-lg font-bold\"><span class=\"underline\">List of Students</span></h1>\n                    <div class=\"flex flex-col mt-2\">\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\">Fullname</th>\n                                                <th scope=\"col\" class=\"px-6 py-2 text-gray-400\">Student ID</th>\n                                            </tr>\n                                        </thead>\n                                        <tbody>\n                                            <tr v-for=\"(item, index) in studentsList\" :key=\"index\" class=\"border-b border-dashed dark:border-neutral-500\">\n                                                <td class=\"whitespace-nowrap px-6 py-2 font-medium\">{{ index + 1 }}</td>\n                                                <td class=\"whitespace-nowrap px-6 py-2 capitalize hover:text-blue-600 hover:underline cursor-pointer\" @click.stop=\"$emit('view-student-profile', item.student_id)\">{{ item.student.name_en }}</td>\n                                                <td class=\"whitespace-nowrap px-6 py-2\">{{ item.student_id }}</td>\n                                            </tr>\n                                        </tbody>\n                                    </table>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div class=\"flex justify-center mt-8\">\n                <div @click=\"draftEmail\" class=\"flex justify-center items-center bg-ternary hover:bg-white border-ternary border px-4 py-2 rounded-lg cursor-pointer text-white hover:text-ternary\">Draft Email</div>\n            </div>\n        </div>\n        <div v-else class=\"w-full flex flex-col\">\n            <div v-if=\"viewType == 'confirmation'\" class=\"mb-6\">\n                <h1 class=\"text-red-600\">Please review the student information and training provider details carefully. Once you have confirmed, click the \"Confirm\" button to proceed with the transfer to <span class=\"font-semibold\">{{ item.partner.en_company_name }}</span> (Training Provider).</h1>\n            </div>\n            <h1 class=\"text-xl font-bold underline\">Group Details</h1>\n            <div class=\"flex flex-row flex-wrap mt-4\">\n                <div class=\"w-1/4 font-bold\">Reference Number</div>\n                <div class=\"w-3/4\">{{ item.ref_no }}</div>\n            </div>\n            <div class=\"flex flex-row flex-wrap mt-2\">\n                <div class=\"w-1/4 font-bold\">Name of Group</div>\n                <div class=\"w-3/4\">{{ item.group_name }}</div>\n            </div>\n            <div class=\"flex flex-row flex-wrap mt-2\">\n                <div class=\"w-1/4 font-bold\">Training Entity</div>\n                <div class=\"w-3/4\">{{ item.partner.en_company_name }}</div>\n            </div>\n            <div class=\"flex flex-row flex-wrap mt-2\">\n                <div class=\"w-1/4 font-bold\">Field of Training</div>\n                <div class=\"w-3/4\">{{ item.field_of_training }}</div>\n            </div>\n            <div class=\"flex flex-row flex-wrap mt-2\">\n                <div class=\"w-1/4 font-bold\">Sector</div>\n                <div class=\"w-3/4\">{{ item.sector }}</div>\n            </div>\n            <div class=\"flex flex-row flex-wrap mt-2\">\n                <div class=\"w-1/4 font-bold\">Location</div>\n                <div class=\"w-3/4\">{{ item.location }}</div>\n            </div>\n            <div class=\"flex flex-row flex-wrap mt-2\">\n                <div class=\"w-1/4 font-bold\">Supervisor</div>\n                <div class=\"w-3/4\">{{ item.supervisor }}</div>\n            </div>\n            <div class=\"flex flex-row flex-wrap mt-2\">\n                <div class=\"w-1/4 font-bold\">Start Date</div>\n                <div class=\"w-3/4\">{{ getInterviewDate(item.start_date) }}</div>\n            </div>\n            <div class=\"flex flex-row flex-wrap mt-2\">\n                <div class=\"w-1/4 font-bold\">End Date</div>\n                <div class=\"w-3/4\">{{ getInterviewDate(item.end_date) }}</div>\n            </div>\n            <div class=\"flex flex-row flex-wrap mt-2\">\n                <div class=\"w-1/4 font-bold\">School</div>\n                <div class=\"w-3/4\">{{ item.school_id }}</div>\n            </div>\n            <div class=\"flex flex-row flex-wrap mt-2\">\n                <div class=\"w-1/4 font-bold\">Grade</div>\n                <div class=\"w-3/4\">{{ item.grade }}</div>\n            </div>\n            <div class=\"flex flex-row flex-wrap mt-2\">\n                <div class=\"w-1/4 font-bold\">Homeroom</div>\n                <div class=\"w-3/4\">{{ item.homeroom }}</div>\n            </div>\n            <div v-if=\"hasStudents\" class=\"flex flex-col mt-6\">\n                <h1 class=\"text-xl font-bold\"><span class=\"underline\">Added Students</span> ({{ selectedStudentsCount }})</h1>\n                <div class=\"flex flex-col mt-2\">\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\">Fullname</th>\n                                            <th scope=\"col\" class=\"px-6 py-2 text-gray-400\">Student ID</th>\n                                            <th scope=\"col\" class=\"px-6 py-2 text-gray-400\">Action</th>\n                                        </tr>\n                                    </thead>\n                                    <tbody>\n                                        <tr v-for=\"(item, index) in studentsList\" :key=\"index\" class=\"border-b border-dashed dark:border-neutral-500\">\n                                            <td class=\"whitespace-nowrap px-6 py-2 font-medium\">{{ index + 1 }}</td>\n                                            <td class=\"whitespace-nowrap px-6 py-2 capitalize hover:text-blue-600 hover:underline cursor-pointer\" @click.stop=\"$emit('view-student-profile', item.student_id)\">{{ item.student.name_en }}</td>\n                                            <td class=\"whitespace-nowrap px-6 py-2\">{{ item.student_id }}</td>\n                                            <td class=\"whitespace-nowrap px-6 py-2\">\n                                                <div @click.stop=\"$emit('view-student-profile', item.student_id)\" 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 class=\"w-4 h-4 transform group-hover:text-purple-pink group-hover:scale-110 hover:scale-110\"></icon-eye>\n                                                </div>\n                                            </td>\n                                        </tr>\n                                    </tbody>\n                                </table>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div v-if=\"hasUnSelectedStudents\" class=\"flex flex-col mt-6\">\n                <h1 class=\"text-xl font-bold\"><span class=\"underline\">Removed Students</span> ({{ unSelectedStudentsCount }})</h1>\n                <div class=\"flex flex-col mt-2\">\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\">Fullname</th>\n                                            <th scope=\"col\" class=\"px-6 py-2 text-gray-400\">Student ID</th>\n                                            <th scope=\"col\" class=\"px-6 py-2 text-gray-400\">Reason</th>\n                                            <th scope=\"col\" class=\"px-6 py-2 text-gray-400\">Action</th>\n                                        </tr>\n                                    </thead>\n                                    <tbody>\n                                        <tr v-for=\"(item, index) in unSelectedstudentsList\" :key=\"index\" class=\"border-b border-dashed dark:border-neutral-500\">\n                                            <td class=\"whitespace-nowrap px-6 py-2 font-medium\">{{ index + 1 }}</td>\n                                            <td class=\"whitespace-nowrap px-6 py-2 capitalize hover:text-blue-600 hover:underline cursor-pointer\" @click.stop=\"$emit('view-student-profile', item.student_id)\">{{ item.student.name_en }}</td>\n                                            <td class=\"whitespace-nowrap px-6 py-2\">{{ item.student_id }}</td>\n                                            <td class=\"whitespace-nowrap px-6 py-2\">{{ item.reason }}</td>\n                                            <td class=\"whitespace-nowrap px-6 py-2\">\n                                                <div @click.stop=\"$emit('view-student-profile', item.student_id)\" 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 class=\"w-4 h-4 transform group-hover:text-purple-pink group-hover:scale-110 hover:scale-110\"></icon-eye>\n                                                </div>\n                                            </td>\n                                        </tr>\n                                    </tbody>\n                                </table>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div v-if=\"hasApprovals && isNotPartner\" class=\"flex flex-col mt-6\">\n                <h1 class=\"text-xl font-bold underline\">Workflow Actions</h1>\n                <div class=\"flex flex-col mt-2\">\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\">Fullname</th>\n                                            <th scope=\"col\" class=\"px-6 py-2 text-gray-400\">Role</th>\n                                            <th scope=\"col\" class=\"px-6 py-2 text-gray-400\">Note</th>\n                                            <th scope=\"col\" class=\"px-6 py-2 text-gray-400\">Action</th>\n                                            <th scope=\"col\" class=\"px-6 py-2 text-gray-400\">Action At</th>\n                                        </tr>\n                                    </thead>\n                                    <tbody>\n                                        <tr v-for=\"(item, index) in approvalList\" :key=\"index\" class=\"border-b border-dashed dark:border-neutral-500\">\n                                            <td class=\"whitespace-nowrap px-6 py-2 font-medium\">{{ index + 1 }}</td>\n                                            <td class=\"whitespace-nowrap px-6 py-2 capitalize\">{{ item.user.name }}</td>\n                                            <td class=\"whitespace-nowrap px-6 py-2\">{{ item.role }}</td>\n                                            <td class=\"whitespace-nowrap px-6 py-2\">{{ item.note }}</td>\n                                            <td class=\"whitespace-nowrap px-6 py-2\">{{ getStatus(item.approved) }}</td>\n                                            <td class=\"whitespace-nowrap px-6 py-2\">{{ getInterviewDateTime(item.approved_at) }}</td>\n                                        </tr>\n                                    </tbody>\n                                </table>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div v-if=\"viewType == 'confirmation'\" class=\"flex justify-center mt-6\">\n                <div @click=\"confirmApplication\" class=\"flex justify-center items-center bg-ternary hover:bg-white border-ternary border px-4 py-2 rounded-lg cursor-pointer text-white hover:text-ternary\">Confirm</div>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\nimport IconEye from \"../../components/icons/IconEye.vue\";\nimport { formattedDate, formattedDateWithTimeAmPm } from \"../../helpers/utils\";\nexport default {\n    name: \"internship-view\",\n    components: { IconEye, },\n    emits: [\"view-student-profile\", \"confirm-application\"],\n    props: [\"item\", \"viewType\"],\n    data() {\n        return {\n            isDraftEmail: false,\n            subject: {\n                val: \"Internship for ATS School\",\n                isValid: true,\n                msg: \"\",\n            },\n            recipientName: {\n                val: this.item.partner.en_company_name,\n                isValid: true,\n                msg: \"\",\n            },\n            content: {\n                val: \"I trust this email finds you well. The students mentioned below are interested in an internship at your company. Please kindly grant approval for the students.\",\n                isValid: true,\n                msg: \"\",\n            },\n            formIsValid: true,\n        };\n    },\n    computed: {\n        role() {\n            return this.$store.getters.role;\n        },\n        isNotPartner() {\n            return this.role != 'partner';\n        },\n        selectedStudentsCount() {\n            return this.item.internship_candidates.length;\n        },\n        unSelectedStudentsCount() {\n            return this.item.internship_unselected_candidates.length;\n        },\n        hasStudents() {\n            return this.selectedStudentsCount > 0;\n        },\n        hasUnSelectedStudents() {\n            return this.unSelectedStudentsCount > 0;\n        },\n        hasApprovals() {\n            return this.item.internship_approvals.length > 0;\n        },\n        studentsList() {\n            return this.item.internship_candidates;\n        },\n        unSelectedstudentsList() {\n            return this.item.internship_unselected_candidates;\n        },\n        approvalList() {\n            return this.item.internship_approvals.filter(item => item.approved !== null && item.approved !== 3);\n        },\n    },\n    methods: {\n        getInterviewDate(date) {\n            return formattedDate(date);\n        },\n        getInterviewDateTime(date) {\n            return formattedDateWithTimeAmPm(date);\n        },\n        getStatus(status) {\n            switch (status) {\n                case 0:\n                    return 'Rejected';\n                case 1:\n                    return 'Approved';\n                case 2:\n                    return 'Returned';\n                case 3:\n                    return 'Expired';\n                case 4:\n                    return 'Created';\n                case 5:\n                    return 'Updated';\n                default:\n                    return '';\n            }\n        },\n        confirmApplication() {\n            if (this.viewType == 'confirmation') {\n                this.isDraftEmail = true;\n            } else {\n                this.$emit('confirm-application');\n            }\n        },\n        clearValidity(input) {\n            this[input].isValid = true;\n            this[input].msg = \"\";\n        },\n        validateForm() {\n            this.formIsValid = true;\n            \n            if (this.subject.val === \"\") {\n                this.subject.isValid = false;\n                this.subject.msg = \"Subject must not be empty.\";\n                this.formIsValid = false;\n            }\n            if (this.recipientName.val === \"\") {\n                this.recipientName.isValid = false;\n                this.recipientName.msg = \"Recipient's Name must not be empty.\";\n                this.formIsValid = false;\n            }\n            if (this.content.val === \"\") {\n                this.content.isValid = false;\n                this.content.msg = \"Content must not be empty.\";\n                this.formIsValid = false;\n            }\n        },\n        draftEmail() {\n            this.validateForm();\n            \n            if (!this.formIsValid) {\n                return;\n            }\n\n            const formData = {\n                subject: this.subject.val,\n                recipient_name: this.recipientName.val,\n                content: this.content.val,\n            }\n\n            this.$emit('confirm-application', formData);\n        },\n    },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.form-input {\n    input[type=\"text\"],\n    input[type=\"email\"],\n    input[type=\"number\"],\n    input[type=\"password\"],\n    input[type=\"date\"],\n    input[type=\"datetime-local\"],\n    select {\n        @apply block w-full border rounded-lg py-2 px-2;\n    }\n    input[type=\"text\"]:focus,\n    input[type=\"email\"]:focus,\n    input[type=\"number\"]:focus,\n    input[type=\"password\"]:focus,\n    input[type=\"date\"]:focus,\n    input[type=\"datetime-local\"]:focus,\n    select:focus {\n        outline: none;\n        border-color: #394867;\n        box-shadow: 0 0 0 2px #394867;\n    }\n}\n.invalid label {\n  @apply text-red-600;\n}\n.invalid input,\n.invalid select {\n  border: 1px solid red;\n}\ninput[type=\"checkbox\"] {\n  @apply w-auto;\n}\n.fade-enter-active,\n.fade-leave-active {\n  transition: all 0.5s ease;\n}\n.fade-enter-from,\n.fade-leave-to {\n  opacity: 0;\n  height: 0px;\n}\n.invalid_ {\n    border: 1px solid red;\n}\n</style>","import { render } from \"./view.vue?vue&type=template&id=09cb7ad7&scoped=true\"\nimport script from \"./view.vue?vue&type=script&lang=js\"\nexport * from \"./view.vue?vue&type=script&lang=js\"\n\nimport \"./view.vue?vue&type=style&index=0&id=09cb7ad7&lang=scss&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-09cb7ad7\"\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!./view.vue?vue&type=style&index=0&id=09cb7ad7&lang=scss&scoped=true\""],"sourceRoot":""}