{"version":3,"sources":["webpack:///./src/views/pages/Profile.vue?2936","webpack:///src/views/pages/Profile.vue","webpack:///./src/views/pages/Profile.vue?3a8a","webpack:///./src/views/pages/Profile.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","slot","_v","on","$event","preventDefault","save","staticStyle","_s","user","username","unitName","fullName","email","phoneNumber","roleNames","join","_e","manageUnits","gridOptions","staticRenderFns","component"],"mappings":"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","file":"js/chunk-2d0c04b1.b82e1185.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"animated fadeIn\"},[_c('b-row',[_c('b-col',{attrs:{\"lg\":\"12\"}},[_c('b-card',[_c('div',{attrs:{\"slot\":\"header\"},slot:\"header\"},[_c('strong',[_vm._v(\"Thông tin tài khoản\")])]),_c('b-form',{attrs:{\"autocomplete\":\"off\"},on:{\"submit\":function($event){$event.preventDefault();return _vm.save($event)}}},[_c('input',{staticStyle:{\"opacity\":\"0\",\"position\":\"absolute\"},attrs:{\"autocomplete\":\"blah blah\"}}),_c('input',{staticStyle:{\"opacity\":\"0\",\"position\":\"absolute\"},attrs:{\"type\":\"text\",\"name\":\"username\",\"autocomplete\":\"blah blah\"}}),_c('input',{staticStyle:{\"opacity\":\"0\",\"position\":\"absolute\"},attrs:{\"type\":\"email\",\"name\":\"email\",\"autocomplete\":\"blah blah\"}}),_c('input',{staticStyle:{\"opacity\":\"0\",\"position\":\"absolute\"},attrs:{\"type\":\"password\",\"name\":\"password\",\"autocomplete\":\"blah blah\"}}),_c('b-row',[_c('b-col',{attrs:{\"md\":\"6\"}},[_c('b-form-group',{attrs:{\"label\":\"Tên tài khoản:\",\"label-cols\":4,\"horizontal\":true,\"label-align\":\"left\",\"label-class\":\"\"}},[_c('label',{staticClass:\"col-form-label\"},[_vm._v(_vm._s(_vm.user.username))])])],1),_c('b-col',{attrs:{\"md\":\"6\"}},[_c('b-form-group',{attrs:{\"label\":\"Đơn vị:\",\"label-for\":\"unit\",\"label-cols\":4,\"horizontal\":true,\"label-align\":\"left\"}},[_c('label',{staticClass:\"col-form-label\"},[_vm._v(_vm._s(_vm.user.unitName))])])],1)],1),_c('b-row',[_c('b-col',{attrs:{\"md\":\"6\"}},[_c('b-form-group',{attrs:{\"label\":\"Họ tên:\",\"label-for\":\"fullName\",\"label-cols\":4,\"horizontal\":true,\"label-align\":\"left\"}},[_c('label',{staticClass:\"col-form-label\"},[_vm._v(_vm._s(_vm.user.fullName))])])],1),_c('b-col',{attrs:{\"md\":\"6\"}},[_c('b-form-group',{attrs:{\"label\":\"Email:\",\"label-for\":\"email\",\"label-cols\":4,\"label-align\":\"left\",\"horizontal\":true}},[_c('label',{staticClass:\"col-form-label\"},[_vm._v(_vm._s(_vm.user.email))])])],1)],1),_c('b-row',[_c('b-col',{attrs:{\"md\":\"6\"}},[_c('b-form-group',{attrs:{\"label\":\"Số điện thoại:\",\"label-for\":\"phoneNumber\",\"label-cols\":4,\"label-align\":\"left\",\"horizontal\":true}},[_c('label',{staticClass:\"col-form-label\"},[_vm._v(_vm._s(_vm.user.phoneNumber))])])],1)],1),_c('b-row',[_c('b-col',{attrs:{\"md\":\"12\"}},[_c('b-form-group',{attrs:{\"label\":\"Nhóm người dùng:\",\"label-for\":\"roles\",\"label-cols\":2,\"label-align\":\"left\",\"horizontal\":true}},[(_vm.user.roleNames)?_c('label',{staticClass:\"col-form-label\"},[_vm._v(_vm._s(_vm.user.roleNames.join(', ')))]):_vm._e()])],1)],1),_c('br'),_c('br'),_c('b-grid',{attrs:{\"items\":_vm.user.manageUnits,\"gridOptions\":_vm.gridOptions,\"showActions\":false,\"gridName\":\"Danh sách đơn vị quản lý\"}})],1)],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"animated fadeIn\">\r\n        <b-row>\r\n            <b-col lg=\"12\">\r\n                <b-card>\r\n                    <div slot=\"header\">\r\n                        <strong>Thông tin tài khoản</strong>\r\n                    </div>\r\n                    <b-form @submit.prevent=\"save\" autocomplete=\"off\">\r\n                        <!-- disable autocomplete -->\r\n                        <input autocomplete=\"blah blah\" style=\"opacity: 0;position: absolute;\">\r\n                        <input type=\"text\" name=\"username\" autocomplete=\"blah blah\" style=\"opacity: 0;position: absolute;\">\r\n                        <input type=\"email\" name=\"email\" autocomplete=\"blah blah\" style=\"opacity: 0;position: absolute;\">\r\n                        <input type=\"password\" name=\"password\" autocomplete=\"blah blah\" style=\"opacity: 0;position: absolute;\">\r\n                        <!-- disable autocomplete -->\r\n                        <b-row>\r\n                            <b-col md=\"6\">\r\n                                <b-form-group label=\"Tên tài khoản:\"\r\n                                              :label-cols=\"4\"\r\n                                              :horizontal=\"true\"\r\n                                              label-align=\"left\"\r\n                                              label-class=\"\">\r\n                                    <label class=\"col-form-label\">{{ user.username }}</label>\r\n                                </b-form-group>\r\n                            </b-col>\r\n                            <b-col md=\"6\">\r\n                                <b-form-group label=\"Đơn vị:\"\r\n                                              label-for=\"unit\"\r\n                                              :label-cols=\"4\"\r\n                                              :horizontal=\"true\"\r\n                                              label-align=\"left\">\r\n                                    <label class=\"col-form-label\">{{ user.unitName }}</label>\r\n                                </b-form-group>\r\n                            </b-col>\r\n                        </b-row>\r\n                        <b-row>\r\n                            <b-col md=\"6\">\r\n                                <b-form-group label=\"Họ tên:\"\r\n                                              label-for=\"fullName\"\r\n                                              :label-cols=\"4\"\r\n                                              :horizontal=\"true\"\r\n                                              label-align=\"left\">\r\n                                    <!--<b-form-input type=\"text\" id=\"fullName\"\r\n                                                  v-model=\"$v.user.fullName.$model\"\r\n                                                  @input=\"$v.user.fullName.$touch\"\r\n                                                  :state=\"$v.user.fullName.$dirty? !$v.user.fullName.$error : null\">\r\n                                    </b-form-input>\r\n                                    <b-form-invalid-feedback>\r\n                                        Vui lòng nhập họ tên\r\n                                    </b-form-invalid-feedback>-->\r\n                                    <label class=\"col-form-label\">{{user.fullName}}</label>\r\n                                </b-form-group>\r\n                            </b-col>\r\n                            <b-col md=\"6\">\r\n                                <b-form-group label=\"Email:\"\r\n                                              label-for=\"email\"\r\n                                              :label-cols=\"4\"\r\n                                              label-align=\"left\"\r\n                                              :horizontal=\"true\">\r\n                                    <!--<b-form-input type=\"email\" id=\"email\"\r\n                                                  v-model=\"user.email\">\r\n                                    </b-form-input>-->\r\n                                    <label class=\"col-form-label\">{{user.email}}</label>\r\n                                </b-form-group>\r\n                            </b-col>\r\n                        </b-row>\r\n                        <!--<b-row>\r\n                            <b-col md=\"6\">\r\n                                <b-form-group label=\"Mật khẩu mới:\"\r\n                                              label-for=\"newPassword\"\r\n                                              :label-cols=\"4\"\r\n                                              label-align=\"left\"\r\n                                              :horizontal=\"true\">\r\n                                    <b-form-input type=\"password\" id=\"newPassword\"\r\n                                                  v-model=\"$v.user.newPassword.$model\"\r\n                                                  @input=\"$v.user.newPassword.$touch\"\r\n                                                  :state=\"$v.user.newPassword.$dirty? !$v.user.newPassword.$error : null\">\r\n                                    </b-form-input>\r\n                                    <b-form-invalid-feedback v-if=\"!$v.user.newPassword.minLength\">\r\n                                        Mật khẩu phải có ít nhất 8 ký tự\r\n                                    </b-form-invalid-feedback>\r\n                                    <b-form-invalid-feedback v-if=\"$v.user.newPassword.minLength && !$v.user.newPassword.passwordPattern\">\r\n                                        Mật khẩu phải chứa chữ hoa, chữ thường, số và ký tự đặc biệt\r\n                                    </b-form-invalid-feedback>\r\n                                </b-form-group>\r\n                            </b-col>\r\n                            <b-col md=\"6\">\r\n                                <b-form-group label=\"Nhập lại mật khẩu mới:\"\r\n                                              label-for=\"newPasswordConfirmation\"\r\n                                              :label-cols=\"4\"\r\n                                              label-align=\"left\"\r\n                                              :horizontal=\"true\">\r\n                                    <b-form-input type=\"password\" id=\"newPasswordConfirmation\"\r\n                                                  v-model=\"$v.user.newPasswordConfirmation.$model\"\r\n                                                  @input=\"$v.user.newPasswordConfirmation.$touch\"\r\n                                                  :state=\"$v.user.newPasswordConfirmation.$dirty? !$v.user.newPasswordConfirmation.$error : null\">\r\n                                    </b-form-input>\r\n                                    <b-form-invalid-feedback v-if=\"!$v.user.newPasswordConfirmation.sameAsPassword\">\r\n                                        Mật khẩu không khớp\r\n                                    </b-form-invalid-feedback>\r\n                                </b-form-group>\r\n                            </b-col>\r\n                        </b-row>-->\r\n                        <b-row>\r\n                            <b-col md=\"6\">\r\n                                <b-form-group label=\"Số điện thoại:\"\r\n                                              label-for=\"phoneNumber\"\r\n                                              :label-cols=\"4\"\r\n                                              label-align=\"left\"\r\n                                              :horizontal=\"true\">\r\n                                    <!--<b-form-input type=\"tel\" id=\"phoneNumber\" maxlength=\"20\"\r\n                                                  v-model=\"user.phoneNumber\">\r\n                                    </b-form-input>-->\r\n                                    <label class=\"col-form-label\">{{user.phoneNumber}}</label>\r\n                                </b-form-group>\r\n                            </b-col>\r\n                        </b-row>\r\n                        <b-row>\r\n                            <b-col md=\"12\">\r\n                                <b-form-group label=\"Nhóm người dùng:\"\r\n                                              label-for=\"roles\"\r\n                                              :label-cols=\"2\"\r\n                                              label-align=\"left\"\r\n                                              :horizontal=\"true\">\r\n                                    <label class=\"col-form-label\" v-if=\"user.roleNames\">{{ user.roleNames.join(', ') }}</label>\r\n                                </b-form-group>\r\n                            </b-col>\r\n                        </b-row>\r\n                        <!--<div class=\"text-center\">\r\n                            <b-button type=\"submit\" variant=\"primary\"> Cập nhật</b-button>\r\n                        </div>-->\r\n                        <br />\r\n                        <br />\r\n                        <b-grid :items=\"user.manageUnits\"\r\n                                :gridOptions=\"gridOptions\"\r\n                                :showActions=\"false\"\r\n                                gridName=\"Danh sách đơn vị quản lý\">\r\n                        </b-grid>\r\n                    </b-form>\r\n                </b-card>\r\n            </b-col>\r\n        </b-row>\r\n    </div>\r\n</template>\r\n<script>\r\n    import { validationMixin } from 'vuelidate'\r\n    import { mixins } from '@/shared/mixins'\r\n    import { required/*, sameAs, minLength, helpers*/ } from 'vuelidate/lib/validators'\r\n    //const passwordPattern = helpers.regex('passwordPattern', /^(?=.*[a-z])(?=.*[A-Z])(?=.*\\d)(?=.*[#$^+=!*()@%&]).{8,}$/)\r\n\r\n    export default {\r\n        name: 'Profile',\r\n        mixins: [validationMixin, mixins],\r\n        data() {\r\n            return {\r\n                user: {\r\n                    id: null,\r\n                    username: null,\r\n                    //newPassword: null,\r\n                    //newPasswordConfirmation: null,\r\n                    unitId: null,\r\n                    fullName: null,\r\n                    email: null,\r\n                    phoneNumber: null,\r\n                    roleNames: []\r\n                },\r\n                gridOptions: {\r\n                    fields: [\r\n                        { key: 'unitCode', label: 'Mã đơn vị', sortable: true, sortDirection: 'asc' },\r\n                        { key: 'unitName', label: 'Tên đơn vị', sortable: true },\r\n                    ]\r\n                }\r\n            }\r\n        },\r\n        validations: {\r\n            user: {\r\n                fullName: { required },\r\n                //newPassword: { minLength: minLength(8), passwordPattern },\r\n                //newPasswordConfirmation: { sameAsPassword: sameAs('newPassword') },\r\n            }\r\n        },\r\n        created() {\r\n            var vm = this;\r\n            this.loadUserDetail();\r\n        },\r\n        methods: {\r\n            loadUserDetail() {\r\n                var vm = this;\r\n                return this.$services.get(`users/profile`).done(user => {\r\n                    //user.newPassword = \"\";\r\n                    //user.newPasswordConfirmation = \"\";\r\n                    vm.user = user;\r\n                });\r\n            },\r\n            save() {\r\n                this.$v.$touch();\r\n                if (!this.$v.$invalid) {\r\n                    var vm = this;\r\n                    this.$services.put(`users/profile`, this.user).done(() => {\r\n                        vm.$toastr.s('Cập nhật tài khoản thành công');\r\n                    });\r\n                }\r\n            }\r\n        }\r\n    }\r\n</script>\r\n<style scoped>\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Profile.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Profile.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Profile.vue?vue&type=template&id=bc80c908&scoped=true&\"\nimport script from \"./Profile.vue?vue&type=script&lang=js&\"\nexport * from \"./Profile.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"bc80c908\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}