{"version":3,"sources":["webpack:///./src/views/management/SchoolForms.vue","webpack:///./src/views/management/modals/UploadSchoolForm.vue","webpack:///./src/views/management/modals/UploadSchoolForm.vue?de22","webpack:///./src/views/management/modals/UploadSchoolForm.vue?94aa","webpack:///./src/views/management/SchoolForms.vue?113b","webpack:///./src/views/management/SchoolForms.vue?6fc2","webpack:///./src/views/management/SchoolForms.vue?3d4b"],"names":["style","align","class","search","searchValue","placeholder","href","data-bs-toggle","data-bs-target","id","data","pagedFiles","default-sort","prop","order","width","label","moment","scope","row","create_date","format","default","src","title","downloadFile","file_name","deleteSavedFile","layout","page-size","pageSize","total","files","length","setPage","getFiles","tabindex","aria-hidden","data-bs-dismiss","resetForm","ref","on-change","addFileData","action","limit","on-exceed","handleExceed","auto-upload","trigger","type","tip","fileDescription","submitUpload","name","components","props","emits","emit","upload","uploadUrl","fd","value","clearFiles","handleStart","window","FormData","ApiService","setHeader","setFormDataHeader","post","then","setTimeout","closeBtn","document","getElementById","click","catch","response","console","log","errors","fire","text","icon","buttonsStyling","confirmButtonText","customClass","confirmButton","file","append","raw","render","Invoice","UploadSchoolForm","page","pageValue","Promise","resolve","reject","get","Error","a","createElement","event","MouseEvent","download","url","dispatchEvent","error","confirm","delete","statusCode","filter","x","student","first_name","toLowerCase","includes","last_name","student_id","memo","sort","b","Date","parse","slice","val","__scopeId"],"mappings":"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","file":"js/chunk-661bf2de.80c79d01.js","sourcesContent":["<template>\r\n    <div style=\"display:inline-block; width:100%;\">\r\n        <div align=\"right\" style=\"display: inline-block;float:right;width:50%;\">\r\n            <el-input\r\n                v-model=\"search.searchValue\"\r\n                placeholder=\"Type to search\"\r\n                class=\"col-md-8\"\r\n                style=\"padding-bottom:10px; padding-right:10px;\"/>\r\n            <div class=\"me-4\" style=\"display: inline-block;\">\r\n            <a href=\"#\"\r\n                class=\"btn btn-sm btn-primary\"\r\n                data-bs-toggle=\"modal\"\r\n                data-bs-target=\"#modal_upload_school_form\"\r\n                id=\"upload_school_form_button\">\r\n                Upload File\r\n            </a>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"card mb-5 mb-xl-10\">\r\n        <el-table \r\n            :data=\"pagedFiles\"\r\n            style=\"width: 100%\"\r\n            :default-sort = \"{prop: 'date', order: 'descending'}\">\r\n            <el-table-column prop=\"create_date\" width=\"150\" label=\"Upload Date\">\r\n                <template v-slot=\"scope\">\r\n                    <div style=\"display: inline-block;\" >\r\n                        <label> {{moment(scope.row.create_date).format('MM/DD/YYYY')}} </label>\r\n                    </div>\r\n                </template>\r\n            </el-table-column>   \r\n            <el-table-column prop=\"file_name\" label=\"File Name\" />\r\n            <el-table-column prop=\"memo\" label=\"Memo\" />\r\n            <el-table-column align=\"right\" width=\"100\" prop=\"handlers\">\r\n                <template #default=\"scope\">\r\n                    <img src=\"/media/icons/duotune/files/fil009.svg\" class=\"svg-icon svg-icon-2x svg-icon-primary cursor-pointer table_icon\" title=\"Download\"\r\n                        style=\"width:20px;margin-right: 8px;\" \r\n                        @click=\"downloadFile(scope.row.id,scope.row.file_name)\"/>\r\n                    <img src=\"/media/icons/duotune/general/gen027.svg\" class=\"cursor-pointer fs-2x table_icon\" title=\"Delete\" \r\n                        @click=\"deleteSavedFile(scope.row)\"/>\r\n                </template>\r\n            </el-table-column>\r\n        </el-table>\r\n        <div align=\"right\">\r\n            <el-pagination layout=\"prev, pager, next\" v-model:page-size=\"pageSize\" :total=\"files.length\" @current-change=\"setPage\"></el-pagination>\r\n        </div>\r\n    </div>\r\n    <UploadSchoolForm\r\n        @getFiles=\"getFiles\">\r\n    </UploadSchoolForm>\r\n</template>\r\n\r\n\r\n<script lang=\"ts\">\r\nimport { setCurrentPageBreadcrumbs } from \"@/core/helpers/breadcrumb\";\r\nimport { computed, defineComponent, onBeforeMount, onMounted, reactive, ref} from \"vue\";\r\nimport { ElMessageBox } from \"element-plus\";\r\nimport ApiService from \"@/core/services/ApiService\";\r\nimport moment from \"moment\";\r\nimport Swal from \"sweetalert2\";\r\nimport UploadSchoolForm from  \"@/views/management/modals/UploadSchoolForm.vue\"\r\n\r\nexport class Invoice{\r\n    id : number;\r\n    invoice_date : Date;\r\n    student_id : number;\r\n    memo : string;\r\n}\r\n\r\nexport default defineComponent({\r\n    name: \"school-form\",\r\n    components : {\r\n        UploadSchoolForm\r\n    },\r\n    setup() {\r\n        const pageSize = 15;\r\n        const page = reactive({pageValue : 1});\r\n        const files = ref<any>([]);\r\n\r\n        const getFiles = async () => {\r\n            await new Promise((resolve, reject) => {      \r\n                ApiService.setHeader();      \r\n                ApiService.get(\"file/type/school-form\")\r\n                    .then(({ data }) => {\r\n                        files.value = data.data;\r\n                        resolve(data.data);\r\n                    })\r\n                    .catch(({ response }) => {\r\n                        reject(new Error ('getFinanceRecords error => '+response.data.errors));\r\n                    });\r\n            });\r\n        }\r\n\r\n        const downloadFile = (id,name) => {\r\n            ApiService.setHeader();\r\n            ApiService.get(\"file/url/\"+id)\r\n            .then(({ data }) => {\r\n                var a = document.createElement('a');\r\n                var event = new MouseEvent('click');\r\n                a.download = name;\r\n                a.href = data.url;\r\n                a.dispatchEvent(event);\r\n            })\r\n            .catch((error)=>{\r\n                console.log('getStudentFiles error => '+error);\r\n            })\r\n        }\r\n\r\n        const deleteSavedFile = (row) =>{\r\n            ElMessageBox.confirm('Are you sure to delete this record?')\r\n                .then(() => {\r\n                ApiService.setHeader();\r\n                ApiService.delete(\"file/\"+row.id)\r\n                .then(({ data }) => {\r\n                    if(data.statusCode != 200){\r\n                        Swal.fire({\r\n                            text: \"Deleting file error\",\r\n                            icon: \"error\",\r\n                            buttonsStyling: false,\r\n                            confirmButtonText: \"Please try again\",\r\n                            customClass: {\r\n                            confirmButton: \"btn btn-error\",\r\n                            },\r\n                        });\r\n                    }\r\n                    else{\r\n                        Swal.fire({\r\n                            text: \"Deleted successfully\",\r\n                            icon: \"success\",\r\n                            buttonsStyling: false,\r\n                            confirmButtonText: \"Ok, got it!\",\r\n                            customClass: {\r\n                            confirmButton: \"btn btn-primary\",\r\n                            },\r\n                        });\r\n                        files.value = files.value.filter(x=> x.id != row.id);\r\n                    }\r\n                })\r\n                .catch((error)=>{\r\n                    console.log('deleteSavedFile error => '+error);\r\n                });\r\n            });\r\n        }\r\n\r\n        const search = reactive({searchValue : ''});\r\n\r\n        const pagedFiles = computed(()=>{\r\n            return files.value\r\n                .filter(data => (!search \r\n                            || data.student?.first_name.toLowerCase().includes(search.searchValue.toLowerCase())\r\n                            || data.student?.last_name.toLowerCase().includes(search.searchValue.toLowerCase())\r\n                            || data.student?.student_id.toLowerCase().includes(search.searchValue.toLowerCase())\r\n                            || data.memo.toLowerCase().includes(search.searchValue.toLowerCase()))\r\n                )\r\n                .sort(function(a,b) { \r\n                    if(a.id == b.id) return 0;\r\n\r\n                    if (Date.parse(a.create_date!) < Date.parse(b.create_date!))\r\n                        return 1;\r\n                    if (Date.parse(a.create_date!) > Date.parse(b.create_date!))\r\n                        return -1;\r\n                    return 0;\r\n                })\r\n                .slice(pageSize * page.pageValue - pageSize, pageSize * page.pageValue)\r\n        })\r\n\r\n        const setPage = (val) => {\r\n            page.pageValue = val;\r\n        }\r\n\r\n        onBeforeMount(async () => {\r\n            getFiles();\r\n        });\r\n\r\n        onMounted(() => {\r\n            setCurrentPageBreadcrumbs(\"School Forms\", [\"Management\"]);\r\n        });\r\n\r\n        return {\r\n            setPage,\r\n            pageSize,\r\n            page,\r\n            files,\r\n            search,\r\n            moment,\r\n            deleteSavedFile,\r\n            pagedFiles,\r\n            downloadFile,\r\n            getFiles\r\n        };\r\n    },\r\n});\r\n</script>\r\n\r\n<style scoped>\r\n* >>> .table_icon {\r\n    opacity: 0.3;\r\n}\r\n\r\n* >>> .table_icon:hover {\r\n    pointer-events: all;\r\n    opacity: 0.7 !important;\r\n}\r\n\r\n</style>\r\n","<template>\r\n  <div\r\n    class=\"modal fade\"\r\n    id=\"modal_upload_school_form\"\r\n    tabindex=\"-1\"\r\n    aria-hidden=\"true\"\r\n  >\r\n    <div class=\"modal-dialog modal-dialog-centered mw-1000px\">\r\n      <div class=\"modal-content\">\r\n        <div class=\"modal-header\">\r\n            <h2>\r\n                Upload School Form Files\r\n            </h2>\r\n\r\n          <div\r\n            class=\"btn btn-sm btn-icon btn-active-color-primary\"\r\n            data-bs-dismiss=\"modal\"\r\n            @click=\"resetForm()\"\r\n            id=\"close_upload_schoolform_button\"\r\n          >\r\n            <span class=\"svg-icon svg-icon-1\">\r\n              <inline-svg src=\"/media/icons/duotune/arrows/arr061.svg\" />\r\n            </span>\r\n          </div>\r\n        </div>\r\n        <div class=\"modal-body py-lg-10 px-lg-10\">\r\n            <div class=\"row mb-6\">\r\n                <el-upload\r\n                    ref=\"upload\"\r\n                    class=\"upload-demo\"\r\n                    :on-change=\"addFileData\"\r\n                    action=\"#\"\r\n                    :limit=\"1\"\r\n                    :on-exceed=\"handleExceed\"\r\n                    :auto-upload=\"false\"\r\n                >\r\n                    <template #trigger>\r\n                        <el-button type=\"primary\">select file</el-button>\r\n                    </template>\r\n                    <el-input\r\n                        v-model=\"fileDescription\"\r\n                        placeholder=\"Enter file description\"\r\n                        class=\"col-md-8\"\r\n                        style=\"margin-left:10px;margin-right:10px\"/>\r\n                    <el-button class=\"ml-3\" type=\"success\" @click=\"submitUpload\">Upload</el-button>\r\n                    <template #tip>\r\n                        <div class=\"el-upload__tip\" style=\"color: red\">\r\n                            limit 1 file, new file will cover the old file\r\n                        </div>\r\n                    </template>\r\n                </el-upload>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      <!--end::Modal content-->\r\n    </div>\r\n    <!--end::Modal dialog-->\r\n  </div>\r\n  <!--end::Modal - Create App-->\r\n</template>\r\n\r\n<script lang=\"ts\">\r\nimport { defineComponent, ref } from \"vue\";\r\nimport ApiService from \"@/core/services/ApiService\";\r\nimport Swal from \"sweetalert2\";\r\n\r\nexport default defineComponent({\r\n    name: \"student-settings\",\r\n    components: {\r\n    },\r\n    props:{\r\n    },\r\n    emits: ['getFiles'],\r\n    setup(props,{emit}) {  \r\n        const upload = ref<any>(null);\r\n        const uploadUrl = ref('');\r\n        const fileDescription = ref('');\r\n        var fd = ref({} as any);\r\n\r\n        const handleExceed = (files) => {\r\n            upload.value.clearFiles();\r\n            upload.value.handleStart(files[0]);\r\n        }\r\n\r\n        const resetForm = () =>{\r\n          fileDescription.value = '';\r\n          upload.value?.clearFiles();\r\n          fd.value = new window.FormData();\r\n        }\r\n\r\n        const submitUpload = () => {\r\n            ApiService.setHeader();\r\n            ApiService.setFormDataHeader();\r\n            ApiService.post(\"file/upload/school-form/\"+ fileDescription.value, fd.value)\r\n                .then(()=>{\r\n                    setTimeout(() =>{\r\n                      let closeBtn = document.getElementById('close_upload_schoolform_button');\r\n                      closeBtn?.click();\r\n                      emit('getFiles');\r\n                    }, 500);\r\n                })\r\n                .catch(({ response }) => {\r\n                    console.log('createInvoice error => '+response.data.errors);\r\n                    Swal.fire({\r\n                    text: \"Failed to create the new invoice\",\r\n                    icon: \"error\",\r\n                    buttonsStyling: false,\r\n                    confirmButtonText: \"Ok, got it!\",\r\n                    customClass: {\r\n                        confirmButton: \"btn btn-primary\",\r\n                    },\r\n                    });\r\n                });\r\n        }\r\n\r\n        const addFileData = (file) => {\r\n            fd.value = new window.FormData();\r\n            fd.value.append('file', file.raw, file.name);\r\n            return false;\r\n        }\r\n\r\n        return {\r\n            uploadUrl,\r\n            handleExceed,\r\n            submitUpload,\r\n            fileDescription,\r\n            upload,\r\n            addFileData,\r\n            resetForm,\r\n        };\r\n    },\r\n});\r\n\r\nfunction useRef<T>() {\r\n  throw new Error(\"Function not implemented.\");\r\n}\r\n</script>","\r\nimport { defineComponent, ref } from \"vue\";\r\nimport ApiService from \"@/core/services/ApiService\";\r\nimport Swal from \"sweetalert2\";\r\n\r\nexport default defineComponent({\r\n    name: \"student-settings\",\r\n    components: {\r\n    },\r\n    props:{\r\n    },\r\n    emits: ['getFiles'],\r\n    setup(props,{emit}) {  \r\n        const upload = ref<any>(null);\r\n        const uploadUrl = ref('');\r\n        const fileDescription = ref('');\r\n        var fd = ref({} as any);\r\n\r\n        const handleExceed = (files) => {\r\n            upload.value.clearFiles();\r\n            upload.value.handleStart(files[0]);\r\n        }\r\n\r\n        const resetForm = () =>{\r\n          fileDescription.value = '';\r\n          upload.value?.clearFiles();\r\n          fd.value = new window.FormData();\r\n        }\r\n\r\n        const submitUpload = () => {\r\n            ApiService.setHeader();\r\n            ApiService.setFormDataHeader();\r\n            ApiService.post(\"file/upload/school-form/\"+ fileDescription.value, fd.value)\r\n                .then(()=>{\r\n                    setTimeout(() =>{\r\n                      let closeBtn = document.getElementById('close_upload_schoolform_button');\r\n                      closeBtn?.click();\r\n                      emit('getFiles');\r\n                    }, 500);\r\n                })\r\n                .catch(({ response }) => {\r\n                    console.log('createInvoice error => '+response.data.errors);\r\n                    Swal.fire({\r\n                    text: \"Failed to create the new invoice\",\r\n                    icon: \"error\",\r\n                    buttonsStyling: false,\r\n                    confirmButtonText: \"Ok, got it!\",\r\n                    customClass: {\r\n                        confirmButton: \"btn btn-primary\",\r\n                    },\r\n                    });\r\n                });\r\n        }\r\n\r\n        const addFileData = (file) => {\r\n            fd.value = new window.FormData();\r\n            fd.value.append('file', file.raw, file.name);\r\n            return false;\r\n        }\r\n\r\n        return {\r\n            uploadUrl,\r\n            handleExceed,\r\n            submitUpload,\r\n            fileDescription,\r\n            upload,\r\n            addFileData,\r\n            resetForm,\r\n        };\r\n    },\r\n});\r\n\r\nfunction useRef<T>() {\r\n  throw new Error(\"Function not implemented.\");\r\n}\r\n","import { render } from \"./UploadSchoolForm.vue?vue&type=template&id=3401b046\"\nimport script from \"./UploadSchoolForm.vue?vue&type=script&lang=ts\"\nexport * from \"./UploadSchoolForm.vue?vue&type=script&lang=ts\"\nscript.render = render\n\nexport default script","\r\nimport { setCurrentPageBreadcrumbs } from \"@/core/helpers/breadcrumb\";\r\nimport { computed, defineComponent, onBeforeMount, onMounted, reactive, ref} from \"vue\";\r\nimport { ElMessageBox } from \"element-plus\";\r\nimport ApiService from \"@/core/services/ApiService\";\r\nimport moment from \"moment\";\r\nimport Swal from \"sweetalert2\";\r\nimport UploadSchoolForm from  \"@/views/management/modals/UploadSchoolForm.vue\"\r\n\r\nexport class Invoice{\r\n    id : number;\r\n    invoice_date : Date;\r\n    student_id : number;\r\n    memo : string;\r\n}\r\n\r\nexport default defineComponent({\r\n    name: \"school-form\",\r\n    components : {\r\n        UploadSchoolForm\r\n    },\r\n    setup() {\r\n        const pageSize = 15;\r\n        const page = reactive({pageValue : 1});\r\n        const files = ref<any>([]);\r\n\r\n        const getFiles = async () => {\r\n            await new Promise((resolve, reject) => {      \r\n                ApiService.setHeader();      \r\n                ApiService.get(\"file/type/school-form\")\r\n                    .then(({ data }) => {\r\n                        files.value = data.data;\r\n                        resolve(data.data);\r\n                    })\r\n                    .catch(({ response }) => {\r\n                        reject(new Error ('getFinanceRecords error => '+response.data.errors));\r\n                    });\r\n            });\r\n        }\r\n\r\n        const downloadFile = (id,name) => {\r\n            ApiService.setHeader();\r\n            ApiService.get(\"file/url/\"+id)\r\n            .then(({ data }) => {\r\n                var a = document.createElement('a');\r\n                var event = new MouseEvent('click');\r\n                a.download = name;\r\n                a.href = data.url;\r\n                a.dispatchEvent(event);\r\n            })\r\n            .catch((error)=>{\r\n                console.log('getStudentFiles error => '+error);\r\n            })\r\n        }\r\n\r\n        const deleteSavedFile = (row) =>{\r\n            ElMessageBox.confirm('Are you sure to delete this record?')\r\n                .then(() => {\r\n                ApiService.setHeader();\r\n                ApiService.delete(\"file/\"+row.id)\r\n                .then(({ data }) => {\r\n                    if(data.statusCode != 200){\r\n                        Swal.fire({\r\n                            text: \"Deleting file error\",\r\n                            icon: \"error\",\r\n                            buttonsStyling: false,\r\n                            confirmButtonText: \"Please try again\",\r\n                            customClass: {\r\n                            confirmButton: \"btn btn-error\",\r\n                            },\r\n                        });\r\n                    }\r\n                    else{\r\n                        Swal.fire({\r\n                            text: \"Deleted successfully\",\r\n                            icon: \"success\",\r\n                            buttonsStyling: false,\r\n                            confirmButtonText: \"Ok, got it!\",\r\n                            customClass: {\r\n                            confirmButton: \"btn btn-primary\",\r\n                            },\r\n                        });\r\n                        files.value = files.value.filter(x=> x.id != row.id);\r\n                    }\r\n                })\r\n                .catch((error)=>{\r\n                    console.log('deleteSavedFile error => '+error);\r\n                });\r\n            });\r\n        }\r\n\r\n        const search = reactive({searchValue : ''});\r\n\r\n        const pagedFiles = computed(()=>{\r\n            return files.value\r\n                .filter(data => (!search \r\n                            || data.student?.first_name.toLowerCase().includes(search.searchValue.toLowerCase())\r\n                            || data.student?.last_name.toLowerCase().includes(search.searchValue.toLowerCase())\r\n                            || data.student?.student_id.toLowerCase().includes(search.searchValue.toLowerCase())\r\n                            || data.memo.toLowerCase().includes(search.searchValue.toLowerCase()))\r\n                )\r\n                .sort(function(a,b) { \r\n                    if(a.id == b.id) return 0;\r\n\r\n                    if (Date.parse(a.create_date!) < Date.parse(b.create_date!))\r\n                        return 1;\r\n                    if (Date.parse(a.create_date!) > Date.parse(b.create_date!))\r\n                        return -1;\r\n                    return 0;\r\n                })\r\n                .slice(pageSize * page.pageValue - pageSize, pageSize * page.pageValue)\r\n        })\r\n\r\n        const setPage = (val) => {\r\n            page.pageValue = val;\r\n        }\r\n\r\n        onBeforeMount(async () => {\r\n            getFiles();\r\n        });\r\n\r\n        onMounted(() => {\r\n            setCurrentPageBreadcrumbs(\"School Forms\", [\"Management\"]);\r\n        });\r\n\r\n        return {\r\n            setPage,\r\n            pageSize,\r\n            page,\r\n            files,\r\n            search,\r\n            moment,\r\n            deleteSavedFile,\r\n            pagedFiles,\r\n            downloadFile,\r\n            getFiles\r\n        };\r\n    },\r\n});\r\n","import { render } from \"./SchoolForms.vue?vue&type=template&id=1bfb91aa&scoped=true\"\nimport script from \"./SchoolForms.vue?vue&type=script&lang=ts\"\nexport * from \"./SchoolForms.vue?vue&type=script&lang=ts\"\n\nimport \"./SchoolForms.vue?vue&type=style&index=0&id=1bfb91aa&scoped=true&lang=css\"\nscript.render = render\nscript.__scopeId = \"data-v-1bfb91aa\"\n\nexport default script","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--0-1!./SchoolForms.vue?vue&type=style&index=0&id=1bfb91aa&scoped=true&lang=css\""],"sourceRoot":""}