{"version":3,"sources":["webpack:///./src/views/user/EditUser.vue?6045","webpack:///src/views/user/EditUser.vue","webpack:///./src/views/user/EditUser.vue?c5f0","webpack:///./src/views/user/EditUser.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","_v","model","value","callback","$$v","name","expression","countryIso","on","countryChanged","phone","_e","country","email","status","editUser","$router","push","catch","staticRenderFns","component"],"mappings":"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","file":"js/chunk-2d208e45.3c0d8896.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vx-card',{attrs:{\"title\":\"Edit User\"}},[_c('div',{staticClass:\"vx-row mb-6\"},[_c('div',{staticClass:\"vx-col sm:w-1/3 w-full\"},[_c('span',[_vm._v(\" Name\")])]),_c('div',{staticClass:\"vx-col sm:w-2/3 w-full\"},[_c('vs-input',{staticClass:\"w-full\",model:{value:(_vm.name),callback:function ($$v) {_vm.name=$$v},expression:\"name\"}})],1)]),_c('div',{staticClass:\"vx-row mb-6\"},[_c('div',{staticClass:\"vx-col sm:w-1/3 w-full\"},[_c('span',[_vm._v(\"Country & Phone Number\")])]),(_vm.country)?_c('div',{staticClass:\"vx-col sm:w-2/3 w-full\"},[_c('vue-tel-input',{staticClass:\"vx-col w-full\",attrs:{\"mode\":\"national\",\"valid-characters-only\":true,\"defaultCountry\":_vm.countryIso,\"dynamicPlaceholder\":false,\"name\":\"country\",\"type\":\"number\",\"disabledFetchingCountry\":true,\"enabledCountryCode\":false},on:{\"country-changed\":_vm.countryChanged},model:{value:(_vm.phone),callback:function ($$v) {_vm.phone=$$v},expression:\"phone\"}})],1):_vm._e()]),_c('div',{staticClass:\"vx-row mb-6\"},[_c('div',{staticClass:\"vx-col sm:w-1/3 w-full\"},[_c('span',[_vm._v(\"Country\")])]),_c('div',{staticClass:\"vx-col sm:w-2/3 w-full\"},[_c('vs-input',{staticClass:\"w-full\",attrs:{\"disabled\":\"\",\"min\":\"0\",\"type\":\"text\"},model:{value:(_vm.country),callback:function ($$v) {_vm.country=$$v},expression:\"country\"}})],1)]),_c('div',{staticClass:\"vx-row mb-6\"},[_c('div',{staticClass:\"vx-col sm:w-1/3 w-full\"},[_c('span',[_vm._v(\"Email\")])]),_c('div',{staticClass:\"vx-col sm:w-2/3 w-full\"},[_c('vs-input',{staticClass:\"w-full\",attrs:{\"min\":\"0\",\"type\":\"email\"},model:{value:(_vm.email),callback:function ($$v) {_vm.email=$$v},expression:\"email\"}})],1)]),_c('div',{staticClass:\"vx-row mb-6\"},[_c('div',{staticClass:\"vx-col sm:w-1/3 w-full\"},[_c('span',[_vm._v(\"Status\")])]),_c('div',{staticClass:\"vx-col sm:w-2/3 w-full\"},[_c('vs-switch',{model:{value:(_vm.status),callback:function ($$v) {_vm.status=$$v},expression:\"status\"}})],1)]),_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col sm:w-2/3 w-full ml-auto\"},[_c('vs-button',{staticClass:\"mr-3 mb-2\",on:{\"click\":_vm.editUser}},[_vm._v(\"Save\")]),_c('vs-button',{staticClass:\"mb-2\",attrs:{\"color\":\"warning\",\"type\":\"border\"},on:{\"click\":function () { return _vm.$router.push(\"/users-list\").catch(function () {}); }}},[_vm._v(\"Cancel\")])],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <vx-card title=\"Edit User\">\r\n        <div class=\"vx-row mb-6\">\r\n            <div class=\"vx-col sm:w-1/3 w-full\">\r\n                <span> Name</span>\r\n            </div>\r\n            <div class=\"vx-col sm:w-2/3 w-full\">\r\n                <vs-input class=\"w-full\" v-model=\"name\" />\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"vx-row mb-6\">\r\n            <div class=\"vx-col sm:w-1/3 w-full\">\r\n                <span>Country & Phone Number</span>\r\n            </div>\r\n            <div v-if=\"country\" class=\"vx-col sm:w-2/3 w-full\">\r\n                <vue-tel-input mode='national' :valid-characters-only=\"true\" :defaultCountry=\"countryIso\" v-model=\"phone\" :dynamicPlaceholder=\"false\" name=\"country\" type=\"number\" v-on:country-changed=\"countryChanged\" :disabledFetchingCountry=\"true\" :enabledCountryCode=\"false\"   class=\"vx-col w-full\"\t ></vue-tel-input>\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"vx-row mb-6\">\r\n            <div class=\"vx-col sm:w-1/3 w-full\">\r\n                <span>Country</span>\r\n            </div>\r\n            <div class=\"vx-col sm:w-2/3 w-full\">\r\n                 <vs-input disabled min=\"0\" class=\"w-full\" type=\"text\" v-model=\"country\" />\r\n            </div>\r\n        </div>\r\n\r\n        \r\n        \r\n\r\n\r\n\r\n\r\n\r\n\r\n        <div class=\"vx-row mb-6\">\r\n            <div class=\"vx-col sm:w-1/3 w-full\">\r\n                <span>Email</span>\r\n            </div>\r\n            <div class=\"vx-col sm:w-2/3 w-full\">\r\n                 <vs-input min=\"0\" class=\"w-full\" type=\"email\" v-model=\"email\" />\r\n            </div>\r\n        </div>\r\n        \r\n\r\n\r\n\r\n\r\n        \r\n\r\n        <div class=\"vx-row mb-6\">\r\n            <div class=\"vx-col sm:w-1/3 w-full\">\r\n                <span>Status</span>\r\n            </div>\r\n            <div class=\"vx-col sm:w-2/3 w-full\">\r\n                <vs-switch v-model=\"status\" />   \r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"vx-row\">\r\n            <div class=\"vx-col sm:w-2/3 w-full ml-auto\">\r\n                <vs-button @click=\"editUser\" class=\"mr-3 mb-2\">Save</vs-button>\r\n                <vs-button color=\"warning\" type=\"border\" class=\"mb-2\"\r\n                    @click=\"() => $router.push(`/users-list`).catch(() => {})\">Cancel</vs-button>\r\n            </div>\r\n        </div>\r\n    </vx-card>\r\n</template>\r\n\r\n<script>\r\n    import vSelect from 'vue-select'\r\n\r\n    export default {\r\n        components: {\r\n            'v-select': vSelect\r\n        },\r\n        created() {\r\n            \r\n            this.getUserById()\r\n           \r\n        },\r\n        data() {\r\n            return {\r\n                name: '',\r\n                phone: '',\r\n                email: 'qwe',\r\n                status: '',\r\n                country: '',\r\n                countryCode: '',\r\n                countryIso: '',\r\n            }\r\n        },\r\n        methods: {\r\n            countryChanged(country) {\r\n        this.countryCode = country.dialCode\r\n        this.country = country.name\r\n        this.countryIso = country.iso2\r\n      },\r\n            getUserById() {\r\n                this.$store.dispatch('user/getUserById', this.$route.params.userId)\r\n                    .then((response) => {\r\n                        console.log('RES:', response.data.data.country)\r\n                        this.name = response.data.data.name\r\n                        this.email = response.data.data.email\r\n                        this.phone = response.data.data.phone\r\n                        this.country = response.data.data.country\r\n                        this.countryCode = response.data.data.countryCode\r\n                        this.countryIso = response.data.data.countryIso\r\n                        this.status = response.data.data.isActive\r\n                    })\r\n                    .catch(error => {\r\n                        this.$vs.loading.close()\r\n                        this.$vs.notify({\r\n                            title: 'Error',\r\n                            text: error.message,\r\n                            iconPack: 'feather',\r\n                            icon: 'icon-alert-circle',\r\n                            color: 'danger'\r\n                        })\r\n                    })\r\n            },\r\n            editUser(){\r\n                this.$vs.loading()\r\n                const payload = {}\r\n                \r\n                payload[\"Id\"] = this.$route.params.userId\r\n                payload[\"Name\"] = this.name\r\n                payload[\"Email\"] = this.email\r\n                payload[\"Country\"] = this.country\r\n                payload[\"CountryCode\"] = this.countryCode\r\n                payload[\"CountryIso\"] = this.countryIso\r\n                payload[\"Phone\"] = this.phone\r\n                payload[\"IsActive\"] = this.status\r\n                this.$store.dispatch('user/updateUserById',payload)\r\n                .then(response => {\r\n                     this.$vs.loading.close()\r\n                        this.$vs.notify({\r\n                            title: 'Successfull',\r\n                            text: response.data.message,\r\n                            iconPack: 'feather',\r\n                            icon: 'icon-check-circle',\r\n                            color: 'success'\r\n                        })\r\n                        setTimeout(()=> this.$router.push('/users-list'), 500)\r\n                })\r\n                .catch(error =>{\r\n                    this.$vs.loading.close()\r\n                        this.$vs.notify({\r\n                            title: 'Error',\r\n                            text: error.message,\r\n                            iconPack: 'feather',\r\n                            icon: 'icon-alert-circle',\r\n                            color: 'danger'\r\n                        })\r\n                })\r\n            },\r\n\r\n          \r\n        }\r\n    }\r\n</script>\r\n\r\n<style>\r\n\r\n</style>","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!./EditUser.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!./EditUser.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./EditUser.vue?vue&type=template&id=1323e067&\"\nimport script from \"./EditUser.vue?vue&type=script&lang=js&\"\nexport * from \"./EditUser.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  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}