{"version":3,"sources":["webpack:///./src/views/admin/user/NewUser.vue?e865","webpack:///./src/views/admin/user/NewUser.vue?58a9","webpack:///src/views/admin/user/NewUser.vue","webpack:///./src/views/admin/user/NewUser.vue?bc0c","webpack:///./src/views/admin/user/NewUser.vue"],"names":["components","Loading","BRow","BCol","BCard","BButton","BAvatar","BFormInput","BForm","BFormGroup","Cleave","UserPermissions","vSelect","directives","VBTooltip","VBModal","Ripple","data","cleaveOptions","phone","countryCodes","getCountryCodes","selectedCountryCode","title","value","userData","email","phoneNumber","allowedBrands","allowedPages","familyName","name","status","statusOptions","isLoaded","brandsOptions","selectedBrands","created","$http","get","then","brandList","Object","keys","map","key","concat","changeDisplayOfPhoneSelect","findIndex","item","catch","$toast","component","ToastificationContent","props","text","icon","variant","methods","$store","getters","code","titleWithCode","selected","temp","createUser","totalPhoneNumber","join","post","$router","push","err","response","message","computed","_vm","this","_h","$createElement","_c","_self","_e","staticClass","attrs","on","$event","_v","_s","model","callback","$$v","$set","expression","staticRenderFns"],"mappings":"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","file":"js/chunk-dc11d152.d2d70001.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./NewUser.vue?vue&type=style&index=0&id=5f85d9a0&prod&lang=scss\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',[(!_vm.isLoaded)?_c('loading'):_vm._e(),(_vm.isLoaded)?[_c('b-row',[_c('b-col',{staticClass:\"mb-2\"},[_c('b-button',{staticClass:\"mr-1\",attrs:{\"variant\":\"outline-secondary\",\"size\":\"sm\"},on:{\"click\":function($event){return _vm.$router.push({ name: 'users' })}}},[_c('feather-icon',{staticClass:\"mr-50\",attrs:{\"icon\":\"ArrowLeftIcon\"}}),_c('span',{staticClass:\"align-middle\"},[_vm._v(\"Users\")])],1)],1)],1),_c('b-row',[_c('b-col',{attrs:{\"lg\":\"2\"}},[_c('b-avatar',{attrs:{\"size\":\"120px\",\"src\":require('@/assets/images/avatars/user-avatar.png')}}),_c('div',{staticClass:\"d-inline-block ml-1\"},[_c('h1',[_vm._v(_vm._s(_vm.userData.name)+\" \"+_vm._s(_vm.userData.familyName))])])],1),_c('b-col',{attrs:{\"lg\":\"6\"}},[_c('h4',{staticClass:\"mb-1 text-center\"},[_vm._v(\" User Informations \")]),_c('b-card',[_c('div',{staticClass:\"d-block\"},[_c('b-form',[_c('b-row',[_c('b-col',{attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_c('b-form-group',{attrs:{\"label\":\"Name\",\"label-for\":\"name\"}},[_c('b-form-input',{attrs:{\"id\":\"name\"},model:{value:(_vm.userData.name),callback:function ($$v) {_vm.$set(_vm.userData, \"name\", $$v)},expression:\"userData.name\"}})],1)],1),_c('b-col',{attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_c('b-form-group',{attrs:{\"label\":\"Surname\",\"label-for\":\"surname\"}},[_c('b-form-input',{attrs:{\"id\":\"surname\"},model:{value:(_vm.userData.familyName),callback:function ($$v) {_vm.$set(_vm.userData, \"familyName\", $$v)},expression:\"userData.familyName\"}})],1)],1),_c('b-col',{attrs:{\"cols\":\"12\",\"md\":\"12\"}},[_c('b-form-group',{attrs:{\"label\":\"Email\",\"label-for\":\"email\"}},[_c('b-form-input',{attrs:{\"id\":\"email\",\"type\":\"email\"},model:{value:(_vm.userData.email),callback:function ($$v) {_vm.$set(_vm.userData, \"email\", $$v)},expression:\"userData.email\"}})],1)],1),_c('b-col',{attrs:{\"cols\":\"12\",\"md\":\"6\",\"lg\":\"6 \"}},[_c('b-form-group',{attrs:{\"label\":\"Mobile\",\"label-for\":\"phone\"}},[_c('b-row',[_c('b-col',{staticClass:\"pr-0\",attrs:{\"cols\":\"5\"}},[_c('v-select',{staticClass:\"adin-phone-input\",attrs:{\"options\":_vm.countryCodes,\"label\":\"titleWithCode\",\"clearable\":false},on:{\"input\":_vm.changeDisplayOfPhoneSelect},model:{value:(_vm.selectedCountryCode),callback:function ($$v) {_vm.selectedCountryCode=$$v},expression:\"selectedCountryCode\"}})],1),_c('b-col',{attrs:{\"cols\":\"7\"}},[_c('cleave',{staticClass:\"form-control\",attrs:{\"id\":\"phone\",\"options\":_vm.cleaveOptions,\"raw\":false,\"placeholder\":\"5XX XXX XX XX\"},model:{value:(_vm.phoneNumber),callback:function ($$v) {_vm.phoneNumber=$$v},expression:\"phoneNumber\"}})],1)],1)],1)],1),_c('b-col',{attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_c('b-form-group',{attrs:{\"label\":\"Status\",\"label-for\":\"user-status\"}},[_c('v-select',{attrs:{\"options\":_vm.statusOptions,\"clearable\":false,\"input-id\":\"user-status\",\"label\":\"title\",\"disabled\":\"\"},model:{value:(_vm.userData.status),callback:function ($$v) {_vm.$set(_vm.userData, \"status\", $$v)},expression:\"userData.status\"}})],1)],1),_c('b-col',{attrs:{\"cols\":\"12\",\"md\":\"12\"}},[_c('b-form-group',{attrs:{\"label\":\"Brands\",\"label-for\":\"user-brands\"}},[_c('v-select',{attrs:{\"options\":_vm.brandsOptions,\"clearable\":false,\"label\":\"title\",\"input-id\":\"user-brands\",\"multiple\":true},model:{value:(_vm.selectedBrands),callback:function ($$v) {_vm.selectedBrands=$$v},expression:\"selectedBrands\"}})],1)],1)],1)],1)],1)])],1),_c('b-col',{attrs:{\"lg\":\"4\"}},[_c('h4',{staticClass:\"mb-1 text-center\"},[_vm._v(\" User Permissions \")]),_c('user-permissions',{on:{\"checkedPages\":function($event){_vm.userData.allowedPages=$event}}})],1)],1),_c('b-row',[_c('b-col',{staticClass:\"text-right\"},[_c('b-button',{staticClass:\"btn-link\",attrs:{\"variant\":\"primary\"},on:{\"click\":_vm.createUser}},[_vm._v(\"Save Changes \")])],1)],1)]:_vm._e()],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <section>\n    <loading v-if=\"!isLoaded\"/>\n    <template v-if=\"isLoaded\">\n      <b-row>\n        <b-col class=\"mb-2\">\n          <b-button\n              variant=\"outline-secondary\"\n              size=\"sm\"\n              class=\"mr-1\"\n              @click=\"$router.push({ name: 'users' })\"\n          >\n            <feather-icon\n                icon=\"ArrowLeftIcon\"\n                class=\"mr-50\"\n            />\n            <span class=\"align-middle\">Users</span>\n          </b-button>\n        </b-col>\n      </b-row>\n      <b-row>\n        <b-col lg=\"2\">\n          <b-avatar\n              size=\"120px\"\n              :src=\"require('@/assets/images/avatars/user-avatar.png')\"\n          />\n\n          <div class=\"d-inline-block ml-1\">\n            <h1>{{ userData.name }} {{ userData.familyName }}</h1>\n            <!--\n            <b-button\n                variant=\"outline-secondary\"\n                size=\"sm\"\n                class=\"mr-1\"\n            >\n              Change Photo\n            </b-button>\n            -->\n          </div>\n        </b-col>\n        <b-col\n            lg=\"6\"\n        >\n          <h4 class=\"mb-1 text-center\">\n            User Informations\n          </h4>\n          <b-card>\n            <div class=\"d-block\">\n              <b-form>\n                <b-row>\n\n                  <!-- Field: Name -->\n                  <b-col\n                      cols=\"12\"\n                      md=\"6\"\n                  >\n                    <b-form-group\n                        label=\"Name\"\n                        label-for=\"name\"\n                    >\n                      <b-form-input\n                          id=\"name\"\n                          v-model=\"userData.name\"\n                      />\n                    </b-form-group>\n                  </b-col>\n\n                  <!-- Field: Username -->\n                  <b-col\n                      cols=\"12\"\n                      md=\"6\"\n                  >\n                    <b-form-group\n                        label=\"Surname\"\n                        label-for=\"surname\"\n                    >\n                      <b-form-input\n                          id=\"surname\"\n                          v-model=\"userData.familyName\"\n                      />\n                    </b-form-group>\n                  </b-col>\n\n                  <!-- Field: Email -->\n                  <b-col\n                      cols=\"12\"\n                      md=\"12\"\n                  >\n                    <b-form-group\n                        label=\"Email\"\n                        label-for=\"email\"\n                    >\n                      <b-form-input\n                          id=\"email\"\n                          v-model=\"userData.email\"\n                          type=\"email\"\n                      />\n                    </b-form-group>\n                  </b-col>\n                  <!-- Field: Phone -->\n                  <b-col\n                      cols=\"12\"\n                      md=\"6\"\n                      lg=\"6 \"\n                  >\n                    <b-form-group\n                        label=\"Mobile\"\n                        label-for=\"phone\"\n                    >\n                      <b-row>\n                        <b-col cols=\"5\" class=\"pr-0\">\n                          <v-select\n                              v-model=\"selectedCountryCode\"\n                              :options=\"countryCodes\"\n                              label=\"titleWithCode\"\n                              class=\"adin-phone-input\"\n                              :clearable= \"false\"\n                              @input=\"changeDisplayOfPhoneSelect\"\n                          />\n                        </b-col>\n                        <b-col cols=\"7\" class=\"\">\n                          <cleave\n                              id=\"phone\"\n                              v-model=\"phoneNumber\"\n                              :options=\"cleaveOptions\"\n                              class=\"form-control\"\n                              :raw=\"false\"\n                              placeholder=\"5XX XXX XX XX\"\n                          />\n                        </b-col>\n                      </b-row>\n                    </b-form-group>\n                  </b-col>\n\n                  <!-- Field: Status -->\n                  <b-col\n                      cols=\"12\"\n                      md=\"6\"\n                  >\n                    <b-form-group\n                        label=\"Status\"\n                        label-for=\"user-status\"\n                    >\n                      <v-select\n                          v-model=\"userData.status\"\n                          :options=\"statusOptions\"\n                          :clearable=\"false\"\n                          input-id=\"user-status\"\n                          label=\"title\"\n                          disabled=\"\"\n                      />\n                    </b-form-group>\n                  </b-col>\n\n                  <!-- Field: Brands -->\n                  <b-col\n                      cols=\"12\"\n                      md=\"12\"\n                  >\n                    <b-form-group\n                        label=\"Brands\"\n                        label-for=\"user-brands\"\n                    >\n                      <v-select\n                          :options=\"brandsOptions\"\n                          v-model=\"selectedBrands\"\n                          :clearable=\"false\"\n                          label=\"title\"\n                          input-id=\"user-brands\"\n                          :multiple=\"true\"\n                      />\n                    </b-form-group>\n                  </b-col>\n                </b-row>\n              </b-form>\n            </div>\n          </b-card>\n        </b-col>\n\n        <b-col lg=\"4\">\n          <h4 class=\"mb-1 text-center\">\n            User Permissions\n          </h4>\n          <user-permissions @checkedPages=\"userData.allowedPages=$event\"/>\n        </b-col>\n      </b-row>\n      <b-row>\n        <b-col class=\"text-right\">\n          <b-button\n              variant=\"primary\"\n              class=\"btn-link\"\n              @click=\"createUser\"\n          >Save Changes\n          </b-button>\n        </b-col>\n      </b-row>\n    </template>\n  </section>\n</template>\n\n<script>\nimport {\n  BRow,\n  BCol,\n  BCard,\n  BButton,\n  BAvatar,\n  BFormGroup,\n  BFormInput,\n  BForm,\n  VBTooltip,\n  VBModal\n} from 'bootstrap-vue'\nimport Ripple from 'vue-ripple-directive'\nimport vSelect from 'vue-select'\nimport Cleave from 'vue-cleave-component'\n// eslint-disable-next-line import/no-extraneous-dependencies\nimport 'cleave.js/dist/addons/cleave-phone.us'\nimport UserPermissions from './UserPermissions.vue'\nimport ToastificationContent from '@core/components/toastification/ToastificationContent.vue'\nimport Loading from '@/views/Loading.vue'\n\nexport default {\n  components: {\n    Loading,\n    BRow,\n    BCol,\n    BCard,\n    BButton,\n    BAvatar,\n    BFormInput,\n    BForm,\n    BFormGroup,\n    Cleave,\n    UserPermissions,\n    vSelect\n  },\n  directives: {\n    'b-tooltip': VBTooltip,\n    'b-modal': VBModal,\n    Ripple\n  },\n  data () {\n    return {\n      cleaveOptions: {\n        phone: true\n      },\n      countryCodes: this.getCountryCodes(),\n      selectedCountryCode: { title: 'TR', value: '+90' },\n      userData: {\n        email: '',\n        phoneNumber: '',\n        allowedBrands: '',\n        allowedPages: '',\n        familyName: '',\n        name: '',\n        status: { title: 'Active', value: 'active' }\n      },\n      statusOptions: [\n        { title: 'Active', value: 1 },\n        { title: 'Inactive', value: 0 }\n      ],\n      phoneNumber: '',\n      isLoaded: false,\n      brandsOptions: [],\n      selectedBrands: []\n    }\n  },\n  created () {\n    // form Initialize\n    this.$http.get('settings/access/admin/initializeform').then(({ data }) => {\n      const brandList = Object.keys(data.allowedBrands).map(function (key) {\n        return { title: key, value: data.allowedBrands[key] }\n      })\n      this.brandsOptions = this.brandsOptions.concat(brandList)\n      this.changeDisplayOfPhoneSelect(this.countryCodes[this.countryCodes.findIndex(item => item.title === 'TR')])\n      this.isLoaded = true\n    }).catch(() => {\n      this.isLoaded = false\n      this.$toast({\n        component: ToastificationContent,\n        props: {\n          text: 'Something went wrong. Please try again later.',\n          title: 'Error',\n          icon: 'CheckIcon',\n          variant: 'danger'\n        }\n      })\n    })\n  },\n  methods: {\n    getCountryCodes () {\n      return this.$store.getters['countryCodes/getCountryCodes'].map(code => ({ ...code, titleWithCode: `${code.title} (${code.value})` }))\n    },\n    changeDisplayOfPhoneSelect (selected) {\n      const temp = { ...selected }\n      temp.titleWithCode = temp.value\n      this.selectedCountryCode = temp\n    },\n    createUser () {\n      this.userData.phoneNumber = this.totalPhoneNumber\n      this.userData.allowedBrands = this.selectedBrands.map(item => item.value).join(',')\n\n      this.$http.post('settings/access/admin/createuser', this.userData).then(() => {\n        this.$toast({\n          component: ToastificationContent,\n          props: {\n            text: 'User created successfully.',\n            title: 'Success',\n            icon: 'CheckIcon',\n            variant: 'success'\n          }\n        })\n        this.$router.push({ name: 'users' })\n      }).catch((err) => {\n        this.$toast({\n          component: ToastificationContent,\n          props: {\n            text: err.response.data.message,\n            title: 'Error',\n            icon: 'CheckIcon',\n            variant: 'danger'\n          }\n        })\n      })\n    },\n  },\n  computed: {\n    totalPhoneNumber () {\n      return this.selectedCountryCode.value + this.phoneNumber\n    }\n  }\n}\n</script>\n<style lang=\"scss\">\n.adin-phone-input {\n}\n</style>\n","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!./NewUser.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!./NewUser.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./NewUser.vue?vue&type=template&id=5f85d9a0\"\nimport script from \"./NewUser.vue?vue&type=script&lang=js\"\nexport * from \"./NewUser.vue?vue&type=script&lang=js\"\nimport style0 from \"./NewUser.vue?vue&type=style&index=0&id=5f85d9a0&prod&lang=scss\"\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":""}