{"version":3,"sources":["webpack:///./src/views/account/Account.vue","webpack:///./src/views/account/Account.vue?2b84","webpack:///./src/views/account/Account.vue?43b5","webpack:///./src/core/helpers/breadcrumb.ts"],"names":["class","id","model","currentUser","ref","prop","type","name","placeholder","email","disabled","role","style","password","confirmPassword","submit","formRef","loading","store","getters","errorMessage","value","fire","text","icon","buttonsStyling","confirmButtonText","customClass","confirmButton","userForm","dispatch","UPDATE_USER","then","router","push","catch","render","setCurrentPageBreadcrumbs","pageTitle","breadcrumbs","SET_BREADCRUMB_ACTION","title","pageBreadcrumbPath","setCurrentPageTitle"],"mappings":"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","file":"js/chunk-cbba9bbc.eb15e8ac.js","sourcesContent":["<template>\r\n  <div class=\"card mb-5 mb-xl-10\" v-if=\"currentUser\">\r\n    <div class=\"card-header border-0 cursor-pointer\">\r\n      <div class=\"card-title m-0\">\r\n        <h3 class=\"fw-bolder m-0\">My account</h3>\r\n      </div>\r\n    </div>\r\n\r\n    <div id=\"my_account\" class=\"collapse show\">\r\n      <el-form\r\n        id=\"my_account_form\"\r\n        class=\"form\"\r\n        :model=\"currentUser\"\r\n        ref=\"formRef\"\r\n      >\r\n        <div class=\"card-body border-top p-9\">\r\n          <div class=\"row mb-6\">\r\n            <label class=\"col-lg-4 col-form-label required fw-bold fs-6\">\r\n              Name\r\n            </label>\r\n\r\n            <div class=\"col-lg-8\">\r\n              <div class=\"row\">\r\n                <div class=\"col-lg-6 fv-row\">\r\n                  <el-form-item prop=\"name\">\r\n                  <input\r\n                    type=\"text\"\r\n                    name=\"name\"\r\n                    class=\"form-control form-control-lg form-control-solid mb-3 mb-lg-0\"\r\n                    placeholder=\"Name\"\r\n                    v-model=\"currentUser.name\"\r\n                  />\r\n                  </el-form-item>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"row mb-6\">\r\n            <label class=\"col-lg-4 col-form-label fw-bold fs-6\">\r\n              Email\r\n            </label>\r\n\r\n            <div class=\"col-lg-8 fv-row\">\r\n              <el-form-item prop=\"student_id\">\r\n              <input\r\n                type=\"email\"\r\n                name=\"email\"\r\n                class=\"form-control form-control-lg form-control-solid\"\r\n                placeholder=\"Email\"\r\n                v-model=\"currentUser.email\"\r\n              />\r\n              </el-form-item>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"row mb-6\">\r\n            <label class=\"col-lg-4 col-form-label fw-bold fs-6\">\r\n              Role\r\n            </label>\r\n\r\n            <div class=\"col-lg-8 fv-row\">\r\n              <el-form-item prop=\"role\">\r\n                <input\r\n                    type=\"text\"\r\n                    name=\"name\"\r\n                    class=\"form-control form-control-lg form-control-solid mb-3 mb-lg-0\"\r\n                    placeholder=\"Role\"\r\n                    v-model=\"currentUser.role\"\r\n                    disabled\r\n                  />\r\n                </el-form-item>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"row mb-6\">\r\n              <label class=\"col-lg-4 col-form-label fw-bold fs-6\">\r\n                Password\r\n              </label>\r\n              <div class=\"col-lg-8 fv-row\">\r\n                <el-form-item prop=\"password\">\r\n                    <input\r\n                        type=\"password\"\r\n                        style=\"width:100%;\"\r\n                        class=\"form-control form-control-lg form-control-solid\"\r\n                        placeholder=\"Password\"\r\n                        v-model=\"password\"\r\n                    />\r\n                </el-form-item>\r\n              </div>\r\n          </div>\r\n\r\n          <div class=\"row mb-6\">\r\n              <label class=\"col-lg-4 col-form-label fw-bold fs-6\">\r\n                Confirm Password\r\n              </label>\r\n              <div class=\"col-lg-8 fv-row\">\r\n                <el-form-item prop=\"password\">\r\n                    <input\r\n                        type=\"password\"\r\n                        style=\"width:100%;\"\r\n                        class=\"form-control form-control-lg form-control-solid\"\r\n                        placeholder=\"Password\"\r\n                        v-model=\"confirmPassword\"\r\n                    />\r\n                </el-form-item>\r\n              </div>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"card-footer d-flex justify-content-end py-6 px-9\">\r\n          <button\r\n            type=\"button\"\r\n            id=\"kt_account_profile_details_submit\"\r\n            @click=\"submit()\"\r\n            class=\"btn btn-primary\"\r\n          >\r\n            <span class=\"indicator-label\"> Save Changes </span>\r\n            <span class=\"indicator-progress\">\r\n              Please wait...\r\n              <span\r\n                class=\"spinner-border spinner-border-sm align-middle ms-2\"\r\n              ></span>\r\n            </span>\r\n          </button>\r\n        </div>\r\n      </el-form>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script lang=\"ts\">\r\nimport { defineComponent, onMounted, ref, } from \"vue\";\r\nimport Swal from \"sweetalert2/dist/sweetalert2.js\";\r\nimport { Actions } from \"@/store/enums/SmsStoreEnums\";\r\nimport { setCurrentPageBreadcrumbs } from \"@/core/helpers/breadcrumb\";\r\nimport { useStore } from \"vuex\";\r\nimport router from \"@/router\";\r\n\r\nexport default defineComponent({\r\n  name: \"my-account\",\r\n  setup() {\r\n    const formRef = ref<null | HTMLFormElement>(null);\r\n    const loading = ref<boolean>(false);\r\n    const confirmPassword = ref('');\r\n    const password= ref('');\r\n    const store = useStore();\r\n    const currentUser = store.getters.currentUser;    \r\n\r\n    const submit = () => {\r\n        let errorMessage = '';\r\n\r\n        if(!currentUser.name || !currentUser.email ){\r\n            errorMessage = \"Please fill out all required fields\";\r\n        }\r\n        else if((password.value !== '' || confirmPassword.value !== '') && password.value != confirmPassword.value){\r\n            errorMessage = 'password and confirmed password are not matched';\r\n        }\r\n\r\n        if(errorMessage !== ''){\r\n            Swal.fire({\r\n                text: errorMessage,\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            return false;\r\n        }\r\n        else{\r\n            loading.value = true;\r\n            let userForm : any = { id: currentUser.id, name: currentUser.name, email : currentUser.email, password : password.value };\r\n            store\r\n            .dispatch(Actions.UPDATE_USER, userForm)\r\n            .then(() => {\r\n                Swal.fire({\r\n                        text: \"Account change successfully submitted!\",\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                    }).then(() => {\r\n                        router.push({ name: \"dashboard\" });\r\n                    });\r\n                \r\n            })\r\n            .catch(() => {\r\n                    Swal.fire({\r\n                    text: \"Update Failed.\",\r\n                    icon: \"error\",\r\n                    buttonsStyling: false,\r\n                    confirmButtonText: \"Try again!\",\r\n                    customClass: {\r\n                        confirmButton: \"btn fw-bold btn-light-danger\",\r\n                    },\r\n                });\r\n            });\r\n\r\n            /*\r\n            ApiService.setHeader();  \r\n            ApiService.put(\"user/\"+currentUser.id, userForm)\r\n                .then(()=>{\r\n                        Swal.fire({\r\n                        text: \"Account change successfully submitted!\",\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                    }).then(() => {\r\n                        password.value= '';\r\n                        confirmPassword.value = '';\r\n                        store.dispatch(Actions.UPDATE_USER, currentUser);\r\n                    });\r\n                })\r\n                .catch(({ response }) => {\r\n                    loading.value = false;\r\n                    console.log('edit account error => '+response.data.errors);\r\n                    Swal.fire({\r\n                        text: \"Failed to edit account\",\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    };\r\n    \r\n    onMounted(() => {\r\n      setCurrentPageBreadcrumbs(\"My Account\",[]);\r\n    });\r\n\r\n    return {\r\n      submit,\r\n      formRef,\r\n      currentUser,\r\n      password,\r\n      confirmPassword\r\n    };\r\n  },\r\n});\r\n</script>\r\n","\r\nimport { defineComponent, onMounted, ref, } from \"vue\";\r\nimport Swal from \"sweetalert2/dist/sweetalert2.js\";\r\nimport { Actions } from \"@/store/enums/SmsStoreEnums\";\r\nimport { setCurrentPageBreadcrumbs } from \"@/core/helpers/breadcrumb\";\r\nimport { useStore } from \"vuex\";\r\nimport router from \"@/router\";\r\n\r\nexport default defineComponent({\r\n  name: \"my-account\",\r\n  setup() {\r\n    const formRef = ref<null | HTMLFormElement>(null);\r\n    const loading = ref<boolean>(false);\r\n    const confirmPassword = ref('');\r\n    const password= ref('');\r\n    const store = useStore();\r\n    const currentUser = store.getters.currentUser;    \r\n\r\n    const submit = () => {\r\n        let errorMessage = '';\r\n\r\n        if(!currentUser.name || !currentUser.email ){\r\n            errorMessage = \"Please fill out all required fields\";\r\n        }\r\n        else if((password.value !== '' || confirmPassword.value !== '') && password.value != confirmPassword.value){\r\n            errorMessage = 'password and confirmed password are not matched';\r\n        }\r\n\r\n        if(errorMessage !== ''){\r\n            Swal.fire({\r\n                text: errorMessage,\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            return false;\r\n        }\r\n        else{\r\n            loading.value = true;\r\n            let userForm : any = { id: currentUser.id, name: currentUser.name, email : currentUser.email, password : password.value };\r\n            store\r\n            .dispatch(Actions.UPDATE_USER, userForm)\r\n            .then(() => {\r\n                Swal.fire({\r\n                        text: \"Account change successfully submitted!\",\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                    }).then(() => {\r\n                        router.push({ name: \"dashboard\" });\r\n                    });\r\n                \r\n            })\r\n            .catch(() => {\r\n                    Swal.fire({\r\n                    text: \"Update Failed.\",\r\n                    icon: \"error\",\r\n                    buttonsStyling: false,\r\n                    confirmButtonText: \"Try again!\",\r\n                    customClass: {\r\n                        confirmButton: \"btn fw-bold btn-light-danger\",\r\n                    },\r\n                });\r\n            });\r\n\r\n            /*\r\n            ApiService.setHeader();  \r\n            ApiService.put(\"user/\"+currentUser.id, userForm)\r\n                .then(()=>{\r\n                        Swal.fire({\r\n                        text: \"Account change successfully submitted!\",\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                    }).then(() => {\r\n                        password.value= '';\r\n                        confirmPassword.value = '';\r\n                        store.dispatch(Actions.UPDATE_USER, currentUser);\r\n                    });\r\n                })\r\n                .catch(({ response }) => {\r\n                    loading.value = false;\r\n                    console.log('edit account error => '+response.data.errors);\r\n                    Swal.fire({\r\n                        text: \"Failed to edit account\",\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    };\r\n    \r\n    onMounted(() => {\r\n      setCurrentPageBreadcrumbs(\"My Account\",[]);\r\n    });\r\n\r\n    return {\r\n      submit,\r\n      formRef,\r\n      currentUser,\r\n      password,\r\n      confirmPassword\r\n    };\r\n  },\r\n});\r\n","import { render } from \"./Account.vue?vue&type=template&id=419445f2\"\nimport script from \"./Account.vue?vue&type=script&lang=ts\"\nexport * from \"./Account.vue?vue&type=script&lang=ts\"\nscript.render = render\n\nexport default script","import store from \"@/store\";\r\nimport { Actions } from \"@/store/enums/StoreEnums\";\r\n\r\n/**\r\n * Sets current page breadcrumbs\r\n * @param {string} pageTitle Current page title\r\n * @param {Array<string>} breadcrumbs Current page breadcrumbs\r\n */\r\nexport const setCurrentPageBreadcrumbs = (\r\n  pageTitle: string,\r\n  breadcrumbs: Array<string>\r\n): void => {\r\n  store.dispatch(Actions.SET_BREADCRUMB_ACTION, {\r\n    title: pageTitle,\r\n    pageBreadcrumbPath: breadcrumbs,\r\n  });\r\n};\r\n\r\n/**\r\n * Sets current page breadcrumbs\r\n * @param {string} title Current page title name\r\n */\r\nexport const setCurrentPageTitle = (title: string): void => {\r\n  store.dispatch(Actions.SET_BREADCRUMB_ACTION, {\r\n    title: title,\r\n  });\r\n};\r\n"],"sourceRoot":""}