{"version":3,"sources":["webpack:///./src/views/User/Edit.vue?f5d4","webpack:///./src/views/User/Edit.vue","webpack:///./src/views/User/Edit.vue?98f3"],"names":["class","style","for","id","formTitle","groups","item","key","Id","value","selected","editItem","GroupId","Name","type","nameKeyup","UserName","passwordCheck","Fname","Lname","emailCheck","Email","Phone","Address","Dob","Department","Position","save","btnSaveText","$router","push","name","props","data","Password","LayoutModel","idEdit","validateName","debounce","nameEl","document","getElementById","call","Action","Object","then","rs","parentElement","classList","add","err","Error","inputMark","computed","isCheckedLogin","state","view","user","index","methods","checkAcl","action","this","$store","session","acl","includes","checkFullAcl","router","start","parseInt","$route","params","isNaN","getDetail","length","getAllGroup","loading","error","showModal","isShow","title","content","window","history","back","setGroups","Data","console","log","trim","nextElementSibling","innerHTML","cancel","focus","each","i","getAttribute","val","showToast","elId","msg","remove","mounted","watch","newVal","__exports__","render"],"mappings":"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","file":"js/chunk-5d0420a7.b2d2c1a2.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../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!./Edit.vue?vue&type=style&index=0&id=0f8c413a&scoped=true&lang=css\"","<template>\r\n    <div class=\"al-content\">\r\n        <div class=\"content-top\">\r\n            <div class=\"content-top clearfix\">\r\n                <h1 class=\"al-title \">User</h1>\r\n            </div>\r\n        </div>\r\n\r\n        \r\n        <div>\r\n            <div class=\"panel panel-blur with-scroll animated zoomIn\" style=\"max-width:800px\">\r\n                <div class=\"panel-heading clearfix\">\r\n                    <h3 class=\"panel-title\">{{formTitle}}</h3>\r\n                </div>\r\n                <div class=\"panel-body\">\r\n\r\n                    <div>\r\n                        <form class=\"form-horizontal\">\r\n                            <div class=\"form-group row\">\r\n                                <label for=\"Name\" class=\"col-sm-2 control-label\">Group</label>\r\n                                <div class=\"col-sm-10\">\r\n\r\n                                    <select class=\"form-control mb-1\" id=\"GroupId\">\r\n                                        <option v-for=\"item in groups\" :key=\"item.Id\" :value=\"item.Id\" :selected=\"editItem.GroupId==item.Id?'true':null\">{{item.Name}}</option>\r\n                                        \r\n                                    </select>\r\n                                    <i class=\"ion-alert-circled form-control-feedback\"></i>\r\n                                    <span class=\"help-block red-text basic-block\"></span>\r\n                                </div>\r\n                            </div>\r\n                            <div class=\"form-group row\">\r\n                                <label for=\"Name\" class=\"col-sm-2 control-label\">UserName</label>\r\n                                <div class=\"col-sm-10\">\r\n                                    <input type=\"text\" class=\"form-control mb-1\" id=\"username\" @keyup=\"nameKeyup\" :value=\"editItem.UserName\" />\r\n                                    <i class=\"ion-alert-circled form-control-feedback\"></i>\r\n                                    <span class=\"help-block red-text basic-block\"></span>\r\n                                </div>\r\n                            </div>\r\n                            <div class=\"form-group row\">\r\n                                <label for=\"Name\" class=\"col-sm-2 control-label\">Password</label>\r\n                                <div class=\"col-sm-10\">\r\n                                    <input type=\"password\" class=\"form-control mb-1\" id=\"password\" @keyup=\"passwordCheck\" />\r\n                                    <i class=\"ion-alert-circled form-control-feedback\"></i>\r\n                                    <span class=\"help-block red-text basic-block\"></span>\r\n                                </div>\r\n                            </div>\r\n                        </form>\r\n                    </div>\r\n                </div>\r\n                <div class=\"panel-heading clearfix\">\r\n                    <h3 class=\"panel-title\">User Information</h3>\r\n                </div>\r\n                <div class=\"panel-body\">\r\n\r\n                    <div>\r\n                        <form class=\"form-horizontal\">\r\n                            <div class=\"form-group row\">\r\n                                <label for=\"Name\" class=\"col-sm-2 control-label\">First Name</label>\r\n                                <div class=\"col-sm-10\">\r\n                                    <input type=\"text\" class=\"form-control mb-1\" id=\"Fname\" :value=\"editItem.Fname\" />\r\n                                    <i class=\"ion-alert-circled form-control-feedback\"></i>\r\n                                    <span class=\"help-block red-text basic-block\"></span>\r\n                                </div>\r\n                            </div>\r\n                            <div class=\"form-group row\">\r\n                                <label for=\"Name\" class=\"col-sm-2 control-label\">Last Name</label>\r\n                                <div class=\"col-sm-10\">\r\n                                    <input type=\"text\" class=\"form-control mb-1\" id=\"Lname\" :value=\"editItem.Lname\"/>\r\n                                    <i class=\"ion-alert-circled form-control-feedback\"></i>\r\n                                    <span class=\"help-block red-text basic-block\"></span>\r\n                                </div>\r\n                            </div>\r\n                            <div class=\"form-group row\">\r\n                                <label for=\"Name\" class=\"col-sm-2 control-label\">Email</label>\r\n                                <div class=\"col-sm-10\">\r\n                                    <input type=\"text\" class=\"form-control mb-1\" id=\"Email\" @keyup=\"emailCheck\" :value=\"editItem.Email\" />\r\n                                    <i class=\"ion-alert-circled form-control-feedback\"></i>\r\n                                    <span class=\"help-block red-text basic-block\"></span>\r\n                                </div>\r\n                            </div>\r\n                            <div class=\"form-group row\">\r\n                                <label for=\"Name\" class=\"col-sm-2 control-label\">Phone</label>\r\n                                <div class=\"col-sm-10\">\r\n                                    <input type=\"text\" class=\"form-control mb-1\" id=\"Phone\" :value=\"editItem.Phone\" />\r\n                                    <i class=\"ion-alert-circled form-control-feedback\"></i>\r\n                                    <span class=\"help-block red-text basic-block\"></span>\r\n                                </div>\r\n                            </div>\r\n                            <div class=\"form-group row\">\r\n                                <label for=\"Name\" class=\"col-sm-2 control-label\">Address</label>\r\n                                <div class=\"col-sm-10\">\r\n                                    <input type=\"text\" class=\"form-control mb-1\" id=\"Address\" :value=\"editItem.Address\" />\r\n                                    <i class=\"ion-alert-circled form-control-feedback\"></i>\r\n                                    <span class=\"help-block red-text basic-block\"></span>\r\n                                </div>\r\n                            </div>\r\n                            <div class=\"form-group row\">\r\n                                <label for=\"Name\" class=\"col-sm-2 control-label\">Date of Birth</label>\r\n                                <div class=\"col-sm-10\">\r\n                                    <input type=\"text\" class=\"form-control mb-1\" id=\"Dob\" :value=\"editItem.Dob\" />\r\n                                    <i class=\"ion-alert-circled form-control-feedback\"></i>\r\n                                    <span class=\"help-block red-text basic-block\"></span>\r\n                                </div>\r\n                            </div>\r\n                            \r\n                        </form>\r\n                    </div>\r\n                </div>\r\n\r\n                <div class=\"panel-heading clearfix\">\r\n                    <h3 class=\"panel-title\">Employee Information</h3>\r\n                </div>\r\n                <div class=\"panel-body\">\r\n\r\n                    <div>\r\n                        <form class=\"form-horizontal\">\r\n                            <div class=\"form-group row\">\r\n                                <label for=\"Name\" class=\"col-sm-2 control-label\">Department</label>\r\n                                <div class=\"col-sm-10\">\r\n                                    <input type=\"text\" class=\"form-control mb-1\" id=\"Department\" :value=\"editItem.Department\" />\r\n                                    <i class=\"ion-alert-circled form-control-feedback\"></i>\r\n                                    <span class=\"help-block red-text basic-block\"></span>\r\n                                </div>\r\n                            </div>\r\n                            <div class=\"form-group row\">\r\n                                <label for=\"Name\" class=\"col-sm-2 control-label\">Position</label>\r\n                                <div class=\"col-sm-10\">\r\n                                    <input type=\"text\" class=\"form-control mb-1\" id=\"Position\" :value=\"editItem.Position\" />\r\n                                    <i class=\"ion-alert-circled form-control-feedback\"></i>\r\n                                    <span class=\"help-block red-text basic-block\"></span>\r\n                                </div>\r\n                            </div>\r\n                            <div class=\"form-group row\">\r\n                                <label class=\"col-sm-2 control-label\"></label>\r\n                                <div class=\"col-sm-10\">\r\n                                    <button class=\"btn btn-primary\" @click.prevent=\"save\">{{btnSaveText}}</button>\r\n                                    <button class=\"btn btn-danger ml-3\" @click.prevent=\"$router.push('/user')\">Cancel</button>\r\n                                </div>\r\n                            </div>\r\n                        </form>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n<style scoped>\r\n    select option {\r\n\r\n        background: rgba(0, 0, 0, 0.3);\r\n        color: #fff;\r\n        text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);\r\n    }\r\n\r\n</style>\r\n<script>\r\n    import $ from 'jquery'\r\n    import _ from 'lodash'\r\n    import { mapState, mapActions } from 'vuex'\r\n    export default {\r\n        name: `UserEdit`,\r\n        props: {\r\n\r\n        },\r\n        data: function () {\r\n            return {\r\n                editItem: {\r\n                    Id: 0,\r\n                    UserName: '',\r\n                    Password: '',\r\n                    Fname: '',\r\n                    Lname: '',\r\n                    Department: '',\r\n                    Position: '',\r\n                    Phone: '',\r\n                    Address: '',\r\n                    Email: '',\r\n                    Dob: '',\r\n                    GroupId: 0\r\n                },\r\n                LayoutModel: {},                                \r\n                btnSaveText: 'Add',\r\n                formTitle: 'New User',\r\n                idEdit: 0,\r\n                validateName: _.debounce(() => {\r\n                    var nameEl = document.getElementById('username');\r\n                    \r\n                    this.call({ Action: 'User/CheckName', Object: { Name: nameEl.value, Id: this.idEdit } }).then((rs) => {\r\n                        nameEl.parentElement.classList.add('has-feedback');\r\n                        nameEl.parentElement.classList.add('has-error');\r\n                        var err = rs.Error;                        \r\n                        if (err != \"\") {\r\n                            err= 'Duplicate! Please choose another name.';\r\n                        }\r\n                        this.inputMark('username',err);\r\n                        \r\n\r\n                    });\r\n\r\n                }, 1000),\r\n            }\r\n        },\r\n        computed: mapState({\r\n            isCheckedLogin: state => state.view.isCheckedLogin,\r\n            groups: state => state.user.groups,\r\n            \r\n            index: state => state.user.index,\r\n        }),\r\n        methods: {\r\n            ...mapActions({\r\n                'loading': 'view/setLoading',                \r\n                'showModal': 'view/showModal',\r\n                'showToast': 'view/showToast',\r\n                'call': 'api/call',\r\n                'setGroups': 'user/setGroups',\r\n            }),\r\n            checkAcl(action) {\r\n                return this.$store.state.session.acl.includes(\"User/\" + action);\r\n            },\r\n            checkFullAcl(router) {\r\n                return this.$store.state.session.acl.includes(router);\r\n            },\r\n            start() {\r\n                \r\n                this.idEdit = parseInt(this.$route.params.id);\r\n                \r\n                if (isNaN(this.idEdit)) this.idEdit = 0;\r\n                if (this.idEdit) {\r\n                    this.getDetail();\r\n                    this.formTitle = `User edit`;\r\n                    this.btnSaveText = 'Save';                    \r\n                }\r\n                if (this.groups.length == 0) {\r\n                    this.getAllGroup();\r\n                }\r\n\r\n            },\r\n            async getAllGroup() {\r\n                this.loading(true);\r\n                const rs = await this.call({ Action: 'UserGroup/GetAll' })\r\n                this.loading(false);\r\n                this.error = rs.Error;\r\n                if (rs.Error != \"\") {\r\n                    //show modal with callback name = loginView to check it whenever modal confirm triggerConfirm\r\n                    this.showModal({ isShow: true, title: 'Error', content: rs.Error, type: 'error' });\r\n                    //no permission                    \r\n                    if (rs.Error.includes(\"Permission Denied\")) {\r\n                        window.history.back();\r\n                    }\r\n                } else {\r\n                    this.setGroups(rs.Data);\r\n                }\r\n            },\r\n            async getDetail() {\r\n                if (this.idEdit == 0) return;\r\n                this.loading(true);\r\n                const rs = await this.call({ Action: 'User/Detail', Object: { Id: this.idEdit } });\r\n                this.loading(false);\r\n                this.error = rs.Error;\r\n                if (rs.Error != \"\") {\r\n                    //show modal with callback name = loginView to check it whenever modal confirm triggerConfirm\r\n                    this.showModal({ isShow: true, title: 'Error', content: rs.Error, type: 'error' });\r\n                    //no permission                    \r\n                    if (rs.Error.includes(\"Permission Denied\")) {\r\n                        window.history.back();\r\n                    }\r\n                } else {\r\n                    this.editItem = rs.Data;\r\n                    console.log(this.editItem);\r\n                }\r\n            },\r\n            nameKeyup() {\r\n                var nameEl = document.getElementById('username');\r\n                if (!nameEl.value || nameEl.value.trim() == \"\") {\r\n                    this.inputMark('username', 'Please input Group name.');\r\n                    this.validateName.cancel();\r\n                } else {\r\n                    nameEl.nextElementSibling.nextElementSibling.innerHTML = 'Checking...';\r\n                    this.validateName();\r\n                }\r\n            },\r\n           \r\n            async save() {\r\n                //validate\r\n                var nameEl = document.getElementById('username');\r\n                if (!nameEl.value || nameEl.value.trim() == \"\") {\r\n\r\n                    nameEl.focus();\r\n                    nameEl.parentElement.classList.add('has-error');\r\n                    nameEl.parentElement.classList.add('has-feedback');\r\n                    nameEl.nextElementSibling.nextElementSibling.innerHTML = 'Please input Group name.';\r\n                    return;\r\n                }\r\n                //get selected acl\r\n                const acl = [];\r\n                $('.jstree-clicked:not(.jstree-parent)').each((i, item) => {\r\n                    acl.push(item.getAttribute(\"data\"));\r\n                });\r\n\r\n                let Action = \"User/Add\";\r\n                //let data = {UserName:}\r\n                if (this.idEdit) Action = \"User/Edit\";\r\n\r\n                this.loading(true);\r\n                const rs = await this.call({\r\n                    Action: Action, Object: {\r\n                        Id: this.idEdit,\r\n                        UserName: nameEl.value,\r\n                        Password: $(\"#password\").val(),\r\n                        Fname: $(\"#Fname\").val(),\r\n                        Lname: $(\"#Lname\").val(),\r\n                        Department: $(\"#Department\").val(),\r\n                        Position: $(\"#Position\").val(),\r\n                        Phone: $(\"#Phone\").val(),\r\n                        Address: $(\"#Address\").val(),\r\n                        Email: $(\"#Email\").val(),\r\n                        Dob: $(\"#Dob\").val(),\r\n                        GroupId: $(\"#GroupId\").val()                        \r\n                    }\r\n                })\r\n                this.loading(false);\r\n\r\n                if (rs.Error != \"\") {                    \r\n                    //show modal with callback name = loginView to check it whenever modal confirm triggerConfirm\r\n                    this.showModal({ isShow: true, title: 'Error', content: rs.Error, type: 'error' });\r\n\r\n                } else {\r\n                    this.showToast({ isShow: true, title: '', content: (this.idEdit != 0?'Save':'Create')+` user \"${nameEl.value}\" successfull`, type: 'success' });\r\n                    this.$router.push(\"/user\");\r\n                }\r\n            },\r\n           \r\n            inputMark(elId, msg) {\r\n                var nameEl = document.getElementById(elId);\r\n                msg = msg || '';//default value\r\n                //if success\r\n                if (msg == '') {\r\n                    nameEl.parentElement.classList.remove('has-error');\r\n                    nameEl.parentElement.classList.add('has-success');\r\n                    nameEl.nextElementSibling.classList.remove('ion-alert-circled');\r\n                    nameEl.nextElementSibling.classList.add('ion-checkmark-circled');\r\n                    nameEl.nextElementSibling.nextElementSibling.innerHTML = \"&nbsp\";                    \r\n                }\r\n                //if error\r\n                else {\r\n                    nameEl.parentElement.classList.add('has-error');\r\n                    nameEl.parentElement.classList.remove('has-success');\r\n                    nameEl.nextElementSibling.classList.add('ion-alert-circled');\r\n                    nameEl.nextElementSibling.classList.remove('ion-checkmark-circled');\r\n                    nameEl.nextElementSibling.nextElementSibling.innerHTML = msg;\r\n                    nameEl.focus();\r\n                }\r\n            }\r\n        },\r\n        mounted() {\r\n            //if already login then start,\r\n            //else will watch isCheckedLogin to catch its change\r\n            //to call start function\r\n            if (this.isCheckedLogin) this.start();\r\n\r\n            \r\n        },\r\n        watch: {\r\n            //catch status from not login to logged in\r\n            //to call start function.\r\n            //Apply for reload page issue\r\n            isCheckedLogin(newVal) {\r\n                if (newVal) {\r\n                    this.start();\r\n                }\r\n            }\r\n        }\r\n    };\r\n</script>\r\n","import { render } from \"./Edit.vue?vue&type=template&id=0f8c413a&scoped=true\"\nimport script from \"./Edit.vue?vue&type=script&lang=js\"\nexport * from \"./Edit.vue?vue&type=script&lang=js\"\n\nimport \"./Edit.vue?vue&type=style&index=0&id=0f8c413a&scoped=true&lang=css\"\n\nimport exportComponent from \"D:\\\\a\\\\1\\\\s\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-0f8c413a\"]])\n\nexport default __exports__"],"sourceRoot":""}