{"version":3,"sources":["webpack:///./src/views/UserProfile/UserProfile.vue?3e4b","webpack:///./node_modules/vuetify/lib/components/VWindow/VWindowItem.js","webpack:///./node_modules/vuetify/lib/components/VForm/VForm.js","webpack:///./node_modules/vuetify/lib/components/VGrid/VLayout.js","webpack:///./node_modules/vuetify/lib/components/VBtn/index.js","webpack:///./node_modules/vuetify/lib/components/VTabs/VTabItem.js","webpack:///./src/views/UserProfile/UserProfile.vue?6013","webpack:///src/views/UserProfile/UserProfile.vue","webpack:///./src/views/UserProfile/UserProfile.vue?a42b","webpack:///./node_modules/vuetify/lib/components/VGrid/VFlex.js","webpack:///./src/views/UserProfile/UserProfile.vue?7d33"],"names":["baseMixins","name","directives","Touch","props","disabled","Boolean","reverseTransition","type","String","default","undefined","transition","value","required","isActive","inTransition","computed","this","groupClasses","windowGroup","internalReverse","computedTransition","methods","$slots","$createElement","staticClass","class","classes","on","$listeners","genDefaultSlot","transitionCount","transitionHeight","$el","clientHeight","onAfterTransition","el","$nextTick","h","beforeEnter","onBeforeTransition","afterEnter","enterCancelled","onTransitionCancelled","beforeLeave","afterLeave","leaveCancelled","enter","onEnter","showLazyContent","genWindowItem","extend","form","inheritAttrs","lazyValidation","readonly","data","inputs","watchers","errorBag","watch","val","errors","Object","values","includes","$emit","deep","immediate","input","watcher","$watch","$set","_uid","valid","shouldValidate","hasOwnProperty","filter","validate","length","forEach","reset","resetErrorBag","setTimeout","resetValidation","push","watchInput","found","find","i","unwatch","$delete","attrs","novalidate","attrs$","submit","e","id","item","options","call","domProps","render","_vm","_h","_c","_self","_v","model","callback","$$v","tabs","expression","_l","key","tab","_s","icon","tabName","objDataPost","$event","isNumber","updateProfile","valueCurP","objDataPwdPost","valueNewP","newPassword","errorNotSame","errorHint","valueReNewP","checkReenterPassword","currentPassword","samaKeTak","udpatePassword","dialogSuccessUpdateProfile","staticStyle","whatToUpdate","addTextUpdatePwd","loadDataUsers","_e","goToPage","dialogErrorUpdateProfile","errorCurrentPwd","staticRenderFns","tabsMinMax","itemsDesignation","allDataUsers","myProfileData","IdUser","idUserAccess","dataValidationStatus","phoneNo","firstname","lastname","role","designation","alert1","email","newPwdStr","idUser","password","axios","headers","then","catch","console","text","mounted","component","VBtn","VCard","VCardActions","VCardText","VCardTitle","VCol","VContainer","VDialog","VDivider","VFlex","VForm","VIcon","VLayout","VRow","VSpacer","VTab","VTabItem","VTabs","VTabsItems","VTextField"],"mappings":"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","file":"js/chunk-3a8e0dda.2b0e513e.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UserProfile.vue?vue&type=style&index=0&lang=css&\"","// Mixins\nimport Bootable from '../../mixins/bootable';\nimport { factory as GroupableFactory } from '../../mixins/groupable'; // Directives\n\nimport Touch from '../../directives/touch'; // Utilities\n\nimport { convertToUnit } from '../../util/helpers';\nimport mixins from '../../util/mixins';\nconst baseMixins = mixins(Bootable, GroupableFactory('windowGroup', 'v-window-item', 'v-window'));\nexport default baseMixins.extend().extend().extend({\n  name: 'v-window-item',\n  directives: {\n    Touch\n  },\n  props: {\n    disabled: Boolean,\n    reverseTransition: {\n      type: [Boolean, String],\n      default: undefined\n    },\n    transition: {\n      type: [Boolean, String],\n      default: undefined\n    },\n    value: {\n      required: false\n    }\n  },\n\n  data() {\n    return {\n      isActive: false,\n      inTransition: false\n    };\n  },\n\n  computed: {\n    classes() {\n      return this.groupClasses;\n    },\n\n    computedTransition() {\n      if (!this.windowGroup.internalReverse) {\n        return typeof this.transition !== 'undefined' ? this.transition || '' : this.windowGroup.computedTransition;\n      }\n\n      return typeof this.reverseTransition !== 'undefined' ? this.reverseTransition || '' : this.windowGroup.computedTransition;\n    }\n\n  },\n  methods: {\n    genDefaultSlot() {\n      return this.$slots.default;\n    },\n\n    genWindowItem() {\n      return this.$createElement('div', {\n        staticClass: 'v-window-item',\n        class: this.classes,\n        directives: [{\n          name: 'show',\n          value: this.isActive\n        }],\n        on: this.$listeners\n      }, this.genDefaultSlot());\n    },\n\n    onAfterTransition() {\n      if (!this.inTransition) {\n        return;\n      } // Finalize transition state.\n\n\n      this.inTransition = false;\n\n      if (this.windowGroup.transitionCount > 0) {\n        this.windowGroup.transitionCount--; // Remove container height if we are out of transition.\n\n        if (this.windowGroup.transitionCount === 0) {\n          this.windowGroup.transitionHeight = undefined;\n        }\n      }\n    },\n\n    onBeforeTransition() {\n      if (this.inTransition) {\n        return;\n      } // Initialize transition state here.\n\n\n      this.inTransition = true;\n\n      if (this.windowGroup.transitionCount === 0) {\n        // Set initial height for height transition.\n        this.windowGroup.transitionHeight = convertToUnit(this.windowGroup.$el.clientHeight);\n      }\n\n      this.windowGroup.transitionCount++;\n    },\n\n    onTransitionCancelled() {\n      this.onAfterTransition(); // This should have the same path as normal transition end.\n    },\n\n    onEnter(el) {\n      if (!this.inTransition) {\n        return;\n      }\n\n      this.$nextTick(() => {\n        // Do not set height if no transition or cancelled.\n        if (!this.computedTransition || !this.inTransition) {\n          return;\n        } // Set transition target height.\n\n\n        this.windowGroup.transitionHeight = convertToUnit(el.clientHeight);\n      });\n    }\n\n  },\n\n  render(h) {\n    return h('transition', {\n      props: {\n        name: this.computedTransition\n      },\n      on: {\n        // Handlers for enter windows.\n        beforeEnter: this.onBeforeTransition,\n        afterEnter: this.onAfterTransition,\n        enterCancelled: this.onTransitionCancelled,\n        // Handlers for leave windows.\n        beforeLeave: this.onBeforeTransition,\n        afterLeave: this.onAfterTransition,\n        leaveCancelled: this.onTransitionCancelled,\n        // Enter handler for height transition.\n        enter: this.onEnter\n      }\n    }, this.showLazyContent(() => [this.genWindowItem()]));\n  }\n\n});\n//# sourceMappingURL=VWindowItem.js.map","// Mixins\nimport mixins from '../../util/mixins';\nimport BindsAttrs from '../../mixins/binds-attrs';\nimport { provide as RegistrableProvide } from '../../mixins/registrable';\n/* @vue/component */\n\nexport default mixins(BindsAttrs, RegistrableProvide('form')\n/* @vue/component */\n).extend({\n  name: 'v-form',\n\n  provide() {\n    return {\n      form: this\n    };\n  },\n\n  inheritAttrs: false,\n  props: {\n    disabled: Boolean,\n    lazyValidation: Boolean,\n    readonly: Boolean,\n    value: Boolean\n  },\n  data: () => ({\n    inputs: [],\n    watchers: [],\n    errorBag: {}\n  }),\n  watch: {\n    errorBag: {\n      handler(val) {\n        const errors = Object.values(val).includes(true);\n        this.$emit('input', !errors);\n      },\n\n      deep: true,\n      immediate: true\n    }\n  },\n  methods: {\n    watchInput(input) {\n      const watcher = input => {\n        return input.$watch('hasError', val => {\n          this.$set(this.errorBag, input._uid, val);\n        }, {\n          immediate: true\n        });\n      };\n\n      const watchers = {\n        _uid: input._uid,\n        valid: () => {},\n        shouldValidate: () => {}\n      };\n\n      if (this.lazyValidation) {\n        // Only start watching inputs if we need to\n        watchers.shouldValidate = input.$watch('shouldValidate', val => {\n          if (!val) return; // Only watch if we're not already doing it\n\n          if (this.errorBag.hasOwnProperty(input._uid)) return;\n          watchers.valid = watcher(input);\n        });\n      } else {\n        watchers.valid = watcher(input);\n      }\n\n      return watchers;\n    },\n\n    /** @public */\n    validate() {\n      return this.inputs.filter(input => !input.validate(true)).length === 0;\n    },\n\n    /** @public */\n    reset() {\n      this.inputs.forEach(input => input.reset());\n      this.resetErrorBag();\n    },\n\n    resetErrorBag() {\n      if (this.lazyValidation) {\n        // Account for timeout in validatable\n        setTimeout(() => {\n          this.errorBag = {};\n        }, 0);\n      }\n    },\n\n    /** @public */\n    resetValidation() {\n      this.inputs.forEach(input => input.resetValidation());\n      this.resetErrorBag();\n    },\n\n    register(input) {\n      this.inputs.push(input);\n      this.watchers.push(this.watchInput(input));\n    },\n\n    unregister(input) {\n      const found = this.inputs.find(i => i._uid === input._uid);\n      if (!found) return;\n      const unwatch = this.watchers.find(i => i._uid === found._uid);\n\n      if (unwatch) {\n        unwatch.valid();\n        unwatch.shouldValidate();\n      }\n\n      this.watchers = this.watchers.filter(i => i._uid !== found._uid);\n      this.inputs = this.inputs.filter(i => i._uid !== found._uid);\n      this.$delete(this.errorBag, found._uid);\n    }\n\n  },\n\n  render(h) {\n    return h('form', {\n      staticClass: 'v-form',\n      attrs: {\n        novalidate: true,\n        ...this.attrs$\n      },\n      on: {\n        submit: e => this.$emit('submit', e)\n      }\n    }, this.$slots.default);\n  }\n\n});\n//# sourceMappingURL=VForm.js.map","import \"../../../src/components/VGrid/_grid.sass\";\nimport Grid from './grid';\nexport default Grid('layout');\n//# sourceMappingURL=VLayout.js.map","import VBtn from './VBtn';\nexport { VBtn };\nexport default VBtn;\n//# sourceMappingURL=index.js.map","// Extensions\nimport VWindowItem from '../VWindow/VWindowItem';\n/* @vue/component */\n\nexport default VWindowItem.extend({\n  name: 'v-tab-item',\n  props: {\n    id: String\n  },\n  methods: {\n    genWindowItem() {\n      const item = VWindowItem.options.methods.genWindowItem.call(this);\n      item.data.domProps = item.data.domProps || {};\n      item.data.domProps.id = this.id || this.value;\n      return item;\n    }\n\n  }\n});\n//# sourceMappingURL=VTabItem.js.map","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-container',{attrs:{\"fluid\":\"\"}},[_c('v-layout',{attrs:{\"justify-center\":\"\",\"align-center\":\"\"}},[_c('v-flex',{attrs:{\"xs12\":\"\",\"sm8\":\"\"}},[_c('v-card',{staticClass:\"mt-10\",attrs:{\"elevation\":\"2\"}},[_c('v-card-title',{staticClass:\"px-6 card-header white--text\"},[_c('v-icon',{staticClass:\"mr-3 white--text\"},[_vm._v(\"mdi-account-circle\")]),_vm._v(\" \"),_c('h3',[_vm._v(\"User Profile\")])],1),_c('v-tabs',{model:{value:(_vm.tabs),callback:function ($$v) {_vm.tabs=$$v},expression:\"tabs\"}},_vm._l((_vm.tabsMinMax),function(item){return _c('v-tab',{key:item.tab,staticClass:\"text--text\"},[_c('v-icon',{staticClass:\"mr-2 text--text\"},[_vm._v(_vm._s(item.icon))]),_vm._v(\" \"+_vm._s(item.tabName)+\" \")],1)}),1),_c('v-divider',{staticClass:\"pb-4\"}),_c('v-tabs-items',{model:{value:(_vm.tabs),callback:function ($$v) {_vm.tabs=$$v},expression:\"tabs\"}},[_c('v-tab-item',{staticClass:\"container-tab-modul\"},[_c('v-form',[_c('v-container',[_c('v-row',[_c('v-col',{attrs:{\"cols\":\"12\",\"sm\":\"6\"}},[_c('v-text-field',{attrs:{\"label\":\"First Name\",\"outlined\":\"\",\"dense\":\"\"},model:{value:(_vm.objDataPost.firstname),callback:function ($$v) {_vm.$set(_vm.objDataPost, \"firstname\", $$v)},expression:\"objDataPost.firstname\"}})],1),_c('v-col',{attrs:{\"cols\":\"12\",\"sm\":\"6\"}},[_c('v-text-field',{attrs:{\"label\":\"Last Name\",\"outlined\":\"\",\"dense\":\"\"},model:{value:(_vm.objDataPost.lastname),callback:function ($$v) {_vm.$set(_vm.objDataPost, \"lastname\", $$v)},expression:\"objDataPost.lastname\"}})],1),_c('v-col',{attrs:{\"cols\":\"12\",\"sm\":\"3\"}},[_c('v-text-field',{attrs:{\"label\":\"User Name\",\"outlined\":\"\",\"prepend-inner-icon\":\"mdi-account\",\"dense\":\"\"},model:{value:(_vm.objDataPost.name),callback:function ($$v) {_vm.$set(_vm.objDataPost, \"name\", $$v)},expression:\"objDataPost.name\"}})],1),_c('v-col',{attrs:{\"cols\":\"12\",\"sm\":\"3\"}},[_c('v-text-field',{attrs:{\"label\":\"Email\",\"outlined\":\"\",\"prepend-inner-icon\":\"mdi-email\",\"type\":\"email\",\"readonly\":\"\",\"hint\":\"Email cannot be edited. Please inform to system admin to create new account.\",\"dense\":\"\"},model:{value:(_vm.objDataPost.email),callback:function ($$v) {_vm.$set(_vm.objDataPost, \"email\", $$v)},expression:\"objDataPost.email\"}})],1),_c('v-col',{attrs:{\"cols\":\"12\",\"sm\":\"3\"}},[_c('v-text-field',{attrs:{\"label\":\"Mobile Phone\",\"outlined\":\"\",\"prepend-inner-icon\":\"mdi-cellphone-sound\",\"dense\":\"\"},on:{\"keypress\":function($event){return _vm.isNumber($event)}},model:{value:(_vm.objDataPost.phoneNo),callback:function ($$v) {_vm.$set(_vm.objDataPost, \"phoneNo\", $$v)},expression:\"objDataPost.phoneNo\"}})],1),_c('v-col',{attrs:{\"cols\":\"12\",\"sm\":\"3\"}},[_c('v-text-field',{attrs:{\"label\":\"Designation\",\"outlined\":\"\",\"prepend-inner-icon\":\"mdi-tie\",\"dense\":\"\"},model:{value:(_vm.objDataPost.designation),callback:function ($$v) {_vm.$set(_vm.objDataPost, \"designation\", $$v)},expression:\"objDataPost.designation\"}})],1)],1),_c('v-divider',{staticClass:\"pb-2\"}),_c('v-row',{staticClass:\"justify-center align-center\"},[_c('v-card-actions',[_c('v-btn',{staticClass:\"white--text primary\",on:{\"click\":function($event){return _vm.updateProfile()}}},[_vm._v(\" UPDATE \")])],1)],1)],1)],1)],1),_c('v-tab-item',{staticClass:\"container-tab-modul\"},[_c('v-container',[_c('v-form',[_c('v-row',{staticClass:\"justify-center align center\"},[_c('v-col',{attrs:{\"cols\":\"12\",\"sm\":\"12\"}},[_c('v-text-field',{attrs:{\"label\":\"Current Password\",\"outlined\":\"\",\"append-icon\":_vm.valueCurP ? 'mdi-eye' : 'mdi-eye-off',\"type\":_vm.valueCurP ? 'password' : 'text',\"dense\":\"\"},on:{\"click:append\":function () { return (_vm.valueCurP = !_vm.valueCurP); }},model:{value:(_vm.objDataPwdPost.currentPassword),callback:function ($$v) {_vm.$set(_vm.objDataPwdPost, \"currentPassword\", $$v)},expression:\"objDataPwdPost.currentPassword\"}})],1)],1),_c('v-row',[_c('v-col',{attrs:{\"cols\":\"12\",\"sm\":\"6\"}},[_c('v-text-field',{attrs:{\"label\":\"New Password\",\"outlined\":\"\",\"append-icon\":_vm.valueNewP ? 'mdi-eye' : 'mdi-eye-off',\"type\":_vm.valueNewP ? 'password' : 'text',\"dense\":\"\"},on:{\"input\":_vm.newPassword,\"click:append\":function () { return (_vm.valueNewP = !_vm.valueNewP); }}})],1),_c('v-col',{attrs:{\"cols\":\"12\",\"sm\":\"6\"}},[_c('v-text-field',{staticClass:\"error-pwd\",attrs:{\"error\":_vm.errorNotSame,\"hint\":_vm.errorHint,\"label\":\"Re-enter New Password\",\"outlined\":\"\",\"append-icon\":_vm.valueReNewP ? 'mdi-eye' : 'mdi-eye-off',\"type\":_vm.valueReNewP ? 'password' : 'text',\"dense\":\"\"},on:{\"input\":_vm.checkReenterPassword,\"click:append\":function () { return (_vm.valueReNewP = !_vm.valueReNewP); }},model:{value:(_vm.objDataPwdPost.password),callback:function ($$v) {_vm.$set(_vm.objDataPwdPost, \"password\", $$v)},expression:\"objDataPwdPost.password\"}})],1)],1),_c('v-divider',{staticClass:\"pb-4\"}),_c('v-row',{staticClass:\"justify-center align\"},[_c('v-btn',{staticClass:\"white--text button mr-3\",attrs:{\"disabled\":_vm.objDataPwdPost.currentPassword == '' || _vm.samaKeTak == false},on:{\"click\":_vm.udpatePassword}},[_vm._v(\" SAVE \")])],1)],1)],1)],1)],1)],1)],1)],1),_c('div',{staticClass:\"text-center\"},[_c('v-dialog',{attrs:{\"width\":\"500\"},model:{value:(_vm.dialogSuccessUpdateProfile),callback:function ($$v) {_vm.dialogSuccessUpdateProfile=$$v},expression:\"dialogSuccessUpdateProfile\"}},[_c('v-card',[_c('v-card-title',{staticClass:\"text-h5 white--text button\"},[_c('v-icon',{staticClass:\"white--text mr-2\"},[_vm._v(\"mdi-text-box-check\")]),_vm._v(\"Form has been submitted \")],1),_c('v-card-text',{staticStyle:{\"padding\":\"20px 24px\",\"font-weight\":\"bold\"}},[_vm._v(\" Your \"+_vm._s(_vm.whatToUpdate)+\" has successfully updated. \"+_vm._s(_vm.addTextUpdatePwd)+\" \")]),_c('v-divider'),_c('v-card-actions',[_c('v-spacer'),(_vm.whatToUpdate != 'password')?_c('v-btn',{attrs:{\"text\":\"\"},on:{\"click\":function($event){_vm.dialogSuccessUpdateProfile = false;_vm.loadDataUsers()}}},[_vm._v(\" Close \")]):_vm._e(),(_vm.whatToUpdate == 'password')?_c('v-btn',{attrs:{\"text\":\"\"},on:{\"click\":function($event){return _vm.goToPage('/')}}},[_vm._v(\" OK \")]):_vm._e()],1)],1)],1)],1),_c('div',{staticClass:\"text-center\"},[_c('v-dialog',{attrs:{\"width\":\"500\"},model:{value:(_vm.dialogErrorUpdateProfile),callback:function ($$v) {_vm.dialogErrorUpdateProfile=$$v},expression:\"dialogErrorUpdateProfile\"}},[_c('v-card',[_c('v-card-title',{staticClass:\"text-h5 white--text error\"},[_c('v-icon',{staticClass:\"white--text mr-2\"},[_vm._v(\"mdi-text-box-remove\")]),_vm._v(\" Form failed to submit \")],1),_c('v-card-text',{staticStyle:{\"padding\":\"20px 24px\",\"font-weight\":\"bold\"}},[_vm._v(\" \"+_vm._s(_vm.errorCurrentPwd)+\" \")]),_c('v-divider'),_c('v-card-actions',[_c('v-spacer'),_c('v-btn',{attrs:{\"text\":\"\"},on:{\"click\":function($event){_vm.dialogErrorUpdateProfile = false}}},[_vm._v(\" Close \")])],1)],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <v-container fluid >\r\n        <v-layout  justify-center align-center>\r\n            <v-flex xs12 sm8 >\r\n                <v-card\r\n                elevation=\"2\"\r\n                class=\"mt-10\"\r\n                >\r\n                    <v-card-title class=\"px-6 card-header white--text\">\r\n                        <v-icon class=\"mr-3 white--text\">mdi-account-circle</v-icon> <h3>User Profile</h3>\r\n                    </v-card-title>\r\n\r\n                    <v-tabs\r\n                    v-model=\"tabs\"\r\n                    >\r\n                        <v-tab v-for=\"item in tabsMinMax\" :key=\"item.tab\" class=\"text--text\">\r\n                            <v-icon class=\"mr-2 text--text\">{{ item.icon }}</v-icon>\r\n                            {{ item.tabName }}\r\n                        </v-tab>\r\n                    </v-tabs>\r\n\r\n                    <v-divider class=\"pb-4\"></v-divider>\r\n\r\n                    <!-- Container Tabs -->\r\n                    <v-tabs-items v-model=\"tabs\">\r\n\r\n                        <!-- Tab Edit Profile-->\r\n                        <v-tab-item class=\"container-tab-modul\">\r\n\r\n                            <v-form>\r\n\r\n                                <v-container>\r\n\r\n                                    <v-row>\r\n\r\n                                        <v-col\r\n                                        cols=\"12\"\r\n                                        sm=\"6\"\r\n                                        >\r\n                                        <v-text-field\r\n                                            label=\"First Name\"\r\n                                            outlined\r\n                                            v-model=\"objDataPost.firstname\"\r\n                                            dense\r\n                                        ></v-text-field>\r\n                                        </v-col>\r\n\r\n                                        <v-col\r\n                                        cols=\"12\"\r\n                                        sm=\"6\"\r\n                                        >\r\n                                        <v-text-field\r\n                                            label=\"Last Name\"\r\n                                            outlined\r\n                                            v-model=\"objDataPost.lastname\"\r\n                                            dense\r\n                                        ></v-text-field>\r\n                                        <!-- prepend-inner-icon=\"mdi-account\" -->\r\n                                        </v-col>\r\n\r\n                                        <v-col\r\n                                        cols=\"12\"\r\n                                        sm=\"3\"\r\n                                        >\r\n                                        <v-text-field\r\n                                            label=\"User Name\"\r\n                                            outlined\r\n                                            prepend-inner-icon=\"mdi-account\"\r\n                                            v-model=\"objDataPost.name\"\r\n                                            dense\r\n                                        ></v-text-field>\r\n                                        </v-col>\r\n\r\n                                        <v-col\r\n                                        cols=\"12\"\r\n                                        sm=\"3\"\r\n                                        >\r\n                                        <v-text-field\r\n                                            label=\"Email\"\r\n                                            outlined\r\n                                            prepend-inner-icon=\"mdi-email\"\r\n                                            type=\"email\"\r\n                                            v-model=\"objDataPost.email\"\r\n                                            readonly\r\n                                            hint=\"Email cannot be edited. Please inform to system admin to create new account.\"\r\n                                            dense\r\n                                        ></v-text-field>\r\n                                        </v-col>\r\n\r\n                                        <v-col\r\n                                        cols=\"12\"\r\n                                        sm=\"3\"\r\n                                        >\r\n                                        <v-text-field\r\n                                            label=\"Mobile Phone\"\r\n                                            outlined\r\n                                            prepend-inner-icon=\"mdi-cellphone-sound\"\r\n                                            @keypress=\"isNumber($event)\"\r\n                                            v-model=\"objDataPost.phoneNo\"\r\n                                            dense\r\n                                        ></v-text-field>\r\n                                        </v-col>\r\n\r\n                                        <v-col\r\n                                        cols=\"12\"\r\n                                        sm=\"3\"\r\n                                        >\r\n                                        <v-text-field\r\n                                            label=\"Designation\"\r\n                                            outlined\r\n                                            prepend-inner-icon=\"mdi-tie\"\r\n                                            v-model=\"objDataPost.designation\"\r\n                                            dense\r\n                                        ></v-text-field>\r\n                                        </v-col>\r\n                                        \r\n                                    </v-row>\r\n\r\n                                    <v-divider class=\"pb-2\"></v-divider>\r\n\r\n                                    <v-row class=\"justify-center align-center\">\r\n                                        <v-card-actions>\r\n                                            <v-btn class=\"white--text primary\"  @click=\"updateProfile()\">\r\n                                                UPDATE\r\n                                            </v-btn>\r\n                                        </v-card-actions>\r\n                                    </v-row>\r\n\r\n                                </v-container>\r\n\r\n                            </v-form>\r\n\r\n                        </v-tab-item>\r\n\r\n                        <!-- Tab Change Password-->\r\n                        <v-tab-item class=\"container-tab-modul\">\r\n\r\n                            <v-container>\r\n                                <v-form>\r\n                                      <v-row class=\"justify-center align center\">\r\n                                        <v-col cols=\"12\" sm=\"12\">\r\n                                            <v-text-field\r\n                                                label=\"Current Password\"\r\n                                                outlined\r\n                                                v-model=\"objDataPwdPost.currentPassword\"\r\n                                                :append-icon=\"valueCurP ? 'mdi-eye' : 'mdi-eye-off'\"\r\n                                                @click:append=\"() => (valueCurP = !valueCurP)\"\r\n                                                :type=\"valueCurP ? 'password' : 'text'\"\r\n                                                dense\r\n                                            ></v-text-field>\r\n                                        </v-col>\r\n\r\n                                    </v-row>\r\n                                    <v-row>\r\n                                        <v-col cols=\"12\" sm=\"6\">\r\n                                            <v-text-field\r\n                                                label=\"New Password\"\r\n                                                outlined\r\n                                                @input=\"newPassword\"\r\n                                                :append-icon=\"valueNewP ? 'mdi-eye' : 'mdi-eye-off'\"\r\n                                                @click:append=\"() => (valueNewP = !valueNewP)\"\r\n                                                :type=\"valueNewP ? 'password' : 'text'\"\r\n                                                dense\r\n                                            ></v-text-field>\r\n                                        </v-col>\r\n\r\n                                        <v-col cols=\"12\" sm=\"6\">\r\n                                            <v-text-field\r\n                                                class=\"error-pwd\"\r\n                                                :error=\"errorNotSame\"\r\n                                                :hint=\"errorHint\"\r\n                                                label=\"Re-enter New Password\"\r\n                                                outlined\r\n                                                @input=\"checkReenterPassword\"\r\n                                                :append-icon=\"valueReNewP ? 'mdi-eye' : 'mdi-eye-off'\"\r\n                                                @click:append=\"() => (valueReNewP = !valueReNewP)\"\r\n                                                :type=\"valueReNewP ? 'password' : 'text'\"\r\n                                                v-model=\"objDataPwdPost.password\"\r\n                                                dense\r\n                                            ></v-text-field>\r\n                                        </v-col>\r\n\r\n                                    </v-row>\r\n\r\n                                    <v-divider class=\"pb-4\"></v-divider>\r\n\r\n                                    <v-row class=\"justify-center align\">\r\n                                        <v-btn class=\"white--text button mr-3\" :disabled=\"objDataPwdPost.currentPassword == '' || samaKeTak == false\" @click=\"udpatePassword\">\r\n                                            SAVE\r\n                                        </v-btn>\r\n                                    </v-row>\r\n                                </v-form>\r\n                            </v-container>\r\n\r\n                        </v-tab-item>\r\n\r\n                    </v-tabs-items>\r\n                \r\n                </v-card>\r\n            </v-flex>\r\n        </v-layout>\r\n\r\n        <!-- Popups/Dialogs Success -->\r\n        <div class=\"text-center\">\r\n            <v-dialog\r\n            v-model=\"dialogSuccessUpdateProfile\"\r\n            width=\"500\"\r\n            >\r\n            <v-card>\r\n                <!--<v-card-title class=\"text-h5 success white--text\">\r\n                    Success!\r\n                <v-icon v-if=\"whatToUpdate != 'password'\" style=\"color:white;margin-left:15px;\">mdi-account-check</v-icon>\r\n                <v-icon v-if=\"whatToUpdate == 'password'\" style=\"color:white;margin-left:15px;\">mdi-lock-check-outline</v-icon>\r\n                </v-card-title>-->\r\n\r\n                <v-card-title class=\"text-h5 white--text button\">\r\n                    <v-icon class=\"white--text mr-2\">mdi-text-box-check</v-icon>Form has been submitted\r\n                </v-card-title>\r\n\r\n                <v-card-text style=\"padding:20px 24px;font-weight:bold;\">\r\n                Your {{whatToUpdate}} has successfully updated. {{addTextUpdatePwd}}\r\n                </v-card-text>\r\n\r\n                <v-divider></v-divider>\r\n\r\n                <v-card-actions>\r\n                <v-spacer></v-spacer>\r\n                <v-btn\r\n                    v-if=\"whatToUpdate != 'password'\"\r\n                    text\r\n                    @click=\"dialogSuccessUpdateProfile = false;loadDataUsers()\"\r\n                >\r\n                    Close\r\n                </v-btn>\r\n                <v-btn\r\n                    v-if=\"whatToUpdate == 'password'\"\r\n                    text\r\n                    @click=\"goToPage('/')\"\r\n                >\r\n                    OK\r\n                </v-btn>\r\n                </v-card-actions>\r\n            </v-card>\r\n            </v-dialog>\r\n        </div>\r\n\r\n        <!-- Popups/Dialogs Error -->\r\n        <div class=\"text-center\">\r\n            <v-dialog\r\n            v-model=\"dialogErrorUpdateProfile\"\r\n            width=\"500\"\r\n            >\r\n            <v-card>\r\n                <!--<v-card-title class=\"text-h5 error white--text\">\r\n                Error! <v-icon style=\"color:white;margin-left:15px;\">mdi-alert-circle</v-icon>\r\n                </v-card-title>-->\r\n\r\n                <v-card-title class=\"text-h5 white--text error\">\r\n                    <v-icon class=\"white--text mr-2\">mdi-text-box-remove</v-icon>\r\n                    Form failed to submit\r\n                </v-card-title>\r\n\r\n                <v-card-text style=\"padding:20px 24px;font-weight:bold;\">\r\n                    {{errorCurrentPwd}}\r\n                </v-card-text>\r\n\r\n                <v-divider></v-divider>\r\n\r\n                <v-card-actions>\r\n                <v-spacer></v-spacer>\r\n                <v-btn\r\n                    text\r\n                    @click=\"dialogErrorUpdateProfile = false\"\r\n                >\r\n                    Close\r\n                </v-btn>\r\n                </v-card-actions>\r\n            </v-card>\r\n            </v-dialog>\r\n        </div>\r\n\r\n\r\n\r\n    </v-container>\r\n</template>\r\n\r\n<script>\r\nimport axios from \"axios\";\r\n\r\nexport default {\r\n\r\n    data: () => ({\r\n\r\n        whatToUpdate: \"\",\r\n\r\n        dialogSuccessUpdateProfile: false,\r\n        dialogErrorUpdateProfile: false,\r\n\r\n        tabs: null,\r\n        tabsMinMax: [\r\n            {tabName: \"Edit Profile\", icon: \"mdi-account-edit\"},\r\n            {tabName: \"Change Password\", icon: \"mdi-form-textbox-password\"},\r\n        ],\r\n\r\n        itemsDesignation: [\"Administration\",\"Operational\",\"General\"],\r\n\r\n        valueNewP: String,\r\n        valueReNewP: String,\r\n        valueCurP: String,\r\n        \r\n\r\n        allDataUsers: [],\r\n        myProfileData: [],\r\n\r\n        objDataPost: {\r\n            IdUser: \"\",\r\n            idUserAccess: \"\",\r\n            dataValidationStatus: \"\",\r\n            name: \"\",\r\n            phoneNo: \"\",\r\n            firstname: \"\",\r\n            lastname: \"\",\r\n            role: \"\",\r\n            designation: \"\",\r\n            alert1: \"\",\r\n            email: \"\",\r\n        },\r\n\r\n        newPwdStr: '',\r\n        samaKeTak: false,\r\n\r\n        objDataPwdPost: {\r\n            // firstname: \"\",\r\n            // lastname: \"\",\r\n            // name: \"\",\r\n            // email: \"\",\r\n            // phoneNo: \"\",\r\n            // designation: \"\",\r\n            idUser: \"\",\r\n            // dataValidationStatus: \"\",\r\n            // role: \"\",\r\n            // alert1: \"\",\r\n            currentPassword: \"\",\r\n            password: \"\"\r\n        },\r\n\r\n        errorNotSame: false,\r\n        errorHint: '',\r\n\r\n        addTextUpdatePwd: \"\",\r\n        errorCurrentPwd: \"\",\r\n\r\n    }),\r\n    methods: {\r\n\r\n        // SECTION EDIT PROFILE\r\n        loadDataUsers(){\r\n\r\n            this.myProfileData = [];\r\n\r\n            axios.get( this.globalUrl + 'mqm2/users/all', {\r\n                headers: {\r\n                    'Authorization': 'Bearer ' + this.$store.getters.user.token,\r\n                }\r\n            })\r\n            .then((response) => {\r\n\r\n                let data = response.data;\r\n                this.allDataUsers = response.data;\r\n\r\n                // console.log(\"data\", data)\r\n                for(let i in data){\r\n                    if (data[i].iduser == this.$store.getters.user.idUser) {\r\n                        this.myProfileData.push(data[i]);\r\n\r\n                        // My Profile\r\n                        this.objDataPost.IdUser = data[i].iduser\r\n                        this.objDataPost.idUserAccess = data[i].idUserAccess\r\n                        this.objDataPost.dataValidationStatus = data[i].dataValidationStatus\r\n                        this.objDataPost.name = data[i].name\r\n                        this.objDataPost.phoneNo = data[i].phoneNo\r\n                        this.objDataPost.firstname = data[i].firstname\r\n                        this.objDataPost.lastname = data[i].lastname\r\n                        this.objDataPost.role = data[i].role\r\n                        this.objDataPost.designation = data[i].designation\r\n                        this.objDataPost.alert1 = data[i].alert1\r\n                        this.objDataPost.email = data[i].email\r\n\r\n                        // Change Password\r\n                        // this.objDataPwdPost.firstname = data[i].firstname\r\n                        // this.objDataPwdPost.lastname = data[i].lastname\r\n                        // this.objDataPwdPost.name = data[i].name\r\n                        // this.objDataPwdPost.email = data[i].email\r\n                        // this.objDataPwdPost.phoneNo = data[i].phoneNo\r\n                        // this.objDataPwdPost.designation = data[i].designation\r\n                        this.objDataPwdPost.idUser = data[i].iduser\r\n                        // this.objDataPwdPost.role = data[i].role\r\n                        // this.objDataPwdPost.alert1 = data[i].alert1\r\n                        // this.objDataPwdPost.password = data[i].alert1\r\n\r\n                    }\r\n                }\r\n\r\n                \r\n            })\r\n            .catch(error => {\r\n                console.log(error);\r\n            })\r\n        },\r\n\r\n        updateProfile(){\r\n            console.log(this.objDataPost);\r\n\r\n            let jsonDataProfile = JSON.stringify(this.objDataPost);\r\n            console.log(this.objDataPost);\r\n            console.log(jsonDataProfile);\r\n\r\n            delete this.objDataPost[\"email\"]\r\n\r\n            axios.post(this.globalUrl + 'mqm2/users/edit', this.objDataPost, {\r\n                headers: {\r\n                    'Authorization': 'Bearer ' + this.$store.getters.user.token,\r\n                    'Accept': 'application/json',\r\n                    'Content-Type': 'application/json',\r\n                }\r\n            })\r\n            .then((response) => {\r\n                console.log(response);\r\n                this.dialogSuccessUpdateProfile = true;\r\n                this.whatToUpdate = \"data profile\"\r\n\r\n                this.loadDataUsers()\r\n            })\r\n            .catch(error => {\r\n                console.log(error);\r\n                this.dialogSuccessUpdateProfile = false;\r\n                this.dialogErrorUpdateProfile = true;\r\n                this.errorCurrentPwd = \"Please try again.\"\r\n            })\r\n\r\n        },\r\n\r\n\r\n        // SECTION CHANGE PASSWORD\r\n        newPassword(text){\r\n            this.newPwdStr = text;\r\n\r\n            if (text != this.objDataPwdPost.password) {\r\n                this.errorNotSame = true;\r\n                this.errorHint = \"The password is not matching with current password\"\r\n                this.samaKeTak = false;\r\n            }\r\n            else{\r\n                this.errorNotSame = false;\r\n                this.errorHint = \"\";\r\n                this.samaKeTak = true;\r\n            }\r\n        },\r\n\r\n        checkReenterPassword(text){\r\n            // console.log(text);\r\n\r\n            if (text != this.newPwdStr) {\r\n                this.errorNotSame = true;\r\n                this.errorHint = \"The password is not matching with current password\"\r\n                this.samaKeTak = false;\r\n            }\r\n            else{\r\n                this.errorNotSame = false;\r\n                this.errorHint = \"\";\r\n                this.samaKeTak = true;\r\n            }\r\n        },\r\n\r\n        udpatePassword(){\r\n\r\n            if (this.samaKeTak == true) {\r\n                console.log(this.objDataPwdPost);\r\n\r\n                let jsonDataPassword = JSON.stringify(this.objDataPwdPost);\r\n                console.log(jsonDataPassword);\r\n\r\n                axios.post(this.globalUrl +'mqm2/users/edit', jsonDataPassword, {\r\n                    headers: {\r\n                        'Authorization': 'Bearer ' + this.$store.getters.user.token,\r\n                        'Accept': 'application/json',\r\n                        'Content-Type': 'application/json',\r\n                    }\r\n                })\r\n                .then((response) => {\r\n                    console.log(response);\r\n                    this.dialogSuccessUpdateProfile = true;\r\n                    this.whatToUpdate = \"password\"\r\n                    this.addTextUpdatePwd = \"The system will be auto logout after this, and please login back to enter the system.\"\r\n                })\r\n                .catch(error => {\r\n                    console.log(error.response);\r\n                    this.dialogSuccessUpdateProfile = false;\r\n                    this.dialogErrorUpdateProfile = true;\r\n                    \r\n                    // this.errorCurrentPwd = \"Please make sure current password is matching with your login password.\"\r\n\r\n                    if(error.response.status == 500){\r\n                        this.errorCurrentPwd = \"Internal Server Error\"\r\n                    }\r\n                    else{\r\n                        if(error.response.data.message != undefined){\r\n                            if(error.response.data.message == ''){\r\n                                this.errorCurrentPwd = \"Error. Something went wrong. Please try again later.\"\r\n                            }\r\n                            else{\r\n                                this.errorCurrentPwd = error.response.data.message\r\n                            }\r\n                        }\r\n                        else{\r\n                            this.errorCurrentPwd = \"Error. Something went wrong. Please try again later.\"\r\n                        }\r\n                    }\r\n                    \r\n                })\r\n            }\r\n            \r\n\r\n        },\r\n\r\n    },\r\n    mounted(){\r\n        this.loadDataUsers();\r\n        // console.log(this.myProfileData);\r\n        // console.log(this.$store.getters.user);\r\n    },\r\n}\r\n</script>\r\n\r\n<style>\r\n\r\n.error-pwd > div > div:nth-child(2) > .v-messages__message,\r\n.error-pwd > div > div:nth-child(2) > .v-messages{\r\n    color: red !important;\r\n}\r\n\r\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UserProfile.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UserProfile.vue?vue&type=script&lang=js&\"","import \"../../../src/components/VGrid/_grid.sass\";\nimport Grid from './grid';\nexport default Grid('flex');\n//# sourceMappingURL=VFlex.js.map","import { render, staticRenderFns } from \"./UserProfile.vue?vue&type=template&id=9218d508&\"\nimport script from \"./UserProfile.vue?vue&type=script&lang=js&\"\nexport * from \"./UserProfile.vue?vue&type=script&lang=js&\"\nimport style0 from \"./UserProfile.vue?vue&type=style&index=0&lang=css&\"\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  null,\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VCardActions } from 'vuetify/lib/components/VCard';\nimport { VCardText } from 'vuetify/lib/components/VCard';\nimport { VCardTitle } from 'vuetify/lib/components/VCard';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VDialog } from 'vuetify/lib/components/VDialog';\nimport { VDivider } from 'vuetify/lib/components/VDivider';\nimport { VFlex } from 'vuetify/lib/components/VGrid';\nimport { VForm } from 'vuetify/lib/components/VForm';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VLayout } from 'vuetify/lib/components/VGrid';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\nimport { VTab } from 'vuetify/lib/components/VTabs';\nimport { VTabItem } from 'vuetify/lib/components/VTabs';\nimport { VTabs } from 'vuetify/lib/components/VTabs';\nimport { VTabsItems } from 'vuetify/lib/components/VTabs';\nimport { VTextField } from 'vuetify/lib/components/VTextField';\ninstallComponents(component, {VBtn,VCard,VCardActions,VCardText,VCardTitle,VCol,VContainer,VDialog,VDivider,VFlex,VForm,VIcon,VLayout,VRow,VSpacer,VTab,VTabItem,VTabs,VTabsItems,VTextField})\n"],"sourceRoot":""}