{"version":3,"sources":["webpack:///./src/views/User/Index.vue","webpack:///./src/views/User/Index.vue?726b"],"names":["class","id","style","uib-modal-transclude","type","$router","push","checkAcl","users","user","key","Id","Fname","Lname","UserName","Department","Position","Phone","Email","Status","changeStatus","title","remove","close","aria-label","ok","cancel","showForm","name","data","LayoutModel","computed","isCheckedLogin","state","view","methods","action","this","$store","session","acl","includes","$options","checkFullAcl","router","start","getAllUser","getAllGroup","loading","call","Action","rs","error","Error","showModal","isShow","content","setGroups","Data","window","history","back","username","Object","i","length","showToast","created","mounted","watch","newVal","console","log","__exports__","render"],"mappings":"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","file":"js/chunk-2d0cba87.04cd9c58.js","sourcesContent":["<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        <div>\r\n            <div class=\"button-wrapper\" v-show=\"checkAcl('Add')\">\r\n                <button type=\"button\" class=\"btn btn-default float-left mb-3\" @click=\"$router.push('useradd')\"><i class=\"ion-plus\"></i> Add</button>\r\n            </div>\r\n            <table class=\"table table-hover table-bordered\" id=\"datatable\">\r\n                <thead>\r\n                    <tr>\r\n                        <th>ID</th>\r\n                        <th>Name</th>\r\n                        <th>UserName</th>\r\n                        <th>Department</th>\r\n                        <th>Position</th>\r\n                        <th>Phone</th>\r\n                        <th>Email</th>\r\n                        <th style=\"width:50px\" v-show=\"checkAcl('Edit')\">Status</th>\r\n                        <th style=\"width:120px\" v-show=\"checkAcl('Edit')||checkAcl('Delete')\"></th>\r\n                    </tr>\r\n                </thead>\r\n                <tbody>\r\n                    <tr v-for=\"user in users\" :key=\"user.id\">\r\n                        <td>{{user.Id}}</td>\r\n                        <td>{{user.Fname+\" \"+user.Lname}}</td>\r\n                        <td>{{user.UserName}}</td>\r\n                        <td>{{user.Department}}</td>\r\n                        <td>{{user.Position}}</td>\r\n                        <td>{{user.Phone}}</td>\r\n                        <td>{{user.Email}}</td>\r\n                        <td v-show=\"checkAcl('Edit')\">\r\n                            <button type=\"button\" class=\"btn btn-icon px-0\"\r\n                                    @click=\"changeStatus(user.Id,user.UserName)\"\r\n                                    :class=\"{'btn-success':user.Status,'btn-danger':!user.Status}\">\r\n                                <i :class=\"{'ion-android-checkmark-circle':user.Status,'ion-android-cancel':!user.Status}\"></i>\r\n                            </button>\r\n                        </td>\r\n                        <td v-show=\"checkAcl('Edit')||checkAcl('Delete')\">\r\n                            <span class=\"editable-buttons\">\r\n                                <button  type=\"button\" class=\"btn btn-default btn-with-icon btn-sm\" @click=\"$router.push('/user/edit/'+user.Id)\" title=\"Edit\" v-show=\"checkAcl('Edit')\">\r\n                                    <i class=\"ion-edit p-1\"></i>\r\n                                </button>\r\n                                <button type=\"button\" class=\"btn btn-danger btn-with-icon btn-sm ml-3\" @click=\"remove(user.Id,user.UserName)\" title=\"Remove\" v-show=\"checkAcl('Delete')\">\r\n                                    <i class=\"ion-trash-b p-1\"></i>\r\n                                </button>\r\n                            </span>\r\n                        </td>\r\n                    </tr>\r\n                </tbody>\r\n            </table>\r\n\r\n        </div>\r\n\r\n        <div class=\"modal-mask\" v-show=\"showForm\">\r\n            <div class=\"modal-wrapper\">\r\n\r\n                <div class=\"modal-dialog\" >\r\n                    <div class=\"modal-content\" uib-modal-transclude=\"\">\r\n                        <div class=\"modal-content \">\r\n                            <div class=\"modal-header\">\r\n                                <button type=\"button\" class=\"close\" @click=\"close\" aria-label=\"Close\">\r\n                                    <em class=\"ion-ios-close-empty sn-link-close\"></em>\r\n                                </button>\r\n                                <h4 class=\"modal-title\">test</h4>\r\n                            </div>\r\n                            <div class=\"modal-body\">stest</div>\r\n                            <div class=\"modal-footer\">\r\n                                <button type=\"button\" class=\"btn btn-primary\" @click=\"ok\">ok</button>\r\n                                <button type=\"button\" class=\"btn btn-danger\" @click=\"cancel\">Cancel</button>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n    //https://therichpost.com/vue-3-datatable-with-export-buttons-print-csv-copy-with-dynamic-data/\r\n    //Datatable Modules\r\n    //import \"datatables.net-dt/js/dataTables.dataTables\"\r\n    //import \"datatables.net-dt/css/jquery.dataTables.min.css\"\r\n    //import \"datatables.net-buttons/js/dataTables.buttons.js\"\r\n    //import \"datatables.net-buttons/js/buttons.colVis.js\"\r\n    //import \"datatables.net-buttons/js/buttons.flash.js\"\r\n    //import \"datatables.net-buttons/js/buttons.html5.js\"\r\n    //import \"datatables.net-buttons/js/buttons.print.js\"\r\n    //import $ from 'jquery';\r\n    \r\n\r\n    import { mapState,mapActions } from 'vuex'\r\n    export default {\r\n        name: `User`,\r\n        data: function () {\r\n            return {\r\n                LayoutModel: {},\r\n                users: [],\r\n                showForm: false,\r\n            }\r\n        },\r\n        computed: mapState({\r\n            isCheckedLogin: state => state.view.isCheckedLogin,\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                'setGroups': 'user/setGroups',\r\n                \r\n                'call': 'api/call'\r\n            }),\r\n            checkAcl(action) {\r\n                return this.$store.state.session.acl.includes(this.$options.name + \"/\" + action);\r\n            },\r\n            checkFullAcl(router) {\r\n                return this.$store.state.session.acl.includes(router);\r\n            },\r\n            start() {\r\n                this.getAllUser();\r\n                this.getAllGroup();\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                    if (rs.Error.includes(\"Permission Denied\")) {\r\n                        this.showModal({ isShow: true, title: 'Error', content: \"Get usergroups permission denied.\", type: 'error' });\r\n                    } else {\r\n                        this.showModal({ isShow: true, title: 'Error', content: rs.Error, type: 'error' });\r\n                    }\r\n                } else {\r\n                    this.setGroups(rs.Data);\r\n                }\r\n            },\r\n            async getAllUser() {\r\n                this.loading(true);\r\n                const rs = await this.call({ Action: 'User/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.users = rs.Data;\r\n                }\r\n            },\r\n            async changeStatus(id,username) {\r\n                this.loading(true);\r\n                const rs = await this.call({ Action: 'User/ChangeStatus', Object: { Id: id, UserName: username }  })\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                } else {\r\n                    \r\n                    for (let i = 0; i < this.users.length; i++) {\r\n                        if (this.users[i].Id == id) {\r\n                            this.users[i].Status = rs.Data.Status;\r\n                            this.showToast({\r\n                                isShow: true, title: '', content: `User \"${this.users[i].UserName}\" is <span style=\"font-weight: bold;` + (this.users[i].Status ? 'color: blue;\">Enabled' : 'color: red;\">Disabled') + \"</span>\", type: 'success'\r\n                            });\r\n                            break;\r\n                        }\r\n                    }\r\n                }\r\n            },\r\n        },\r\n\r\n        created() {\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        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                console.log(\"user index newVal\", 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 \"./Index.vue?vue&type=template&id=2f3b1251\"\nimport script from \"./Index.vue?vue&type=script&lang=js\"\nexport * from \"./Index.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"D:\\\\a\\\\1\\\\s\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__"],"sourceRoot":""}