{"version":3,"sources":["webpack:///./src/components/user/Detail.vue","webpack:///src/components/user/Detail.vue","webpack:///./src/components/user/Detail.vue?7140","webpack:///./src/components/user/Detail.vue?44b0"],"names":["callback","valid","expression","attrs","_v","_vm","model","value","user","firstname","lastname","phonenumber","$set","password","passwordConfirm","_c","permitted","on","confirmDelete","_s","$t","$event","staticRenderFns","name","data","image","firstName","lastName","phoneNumber","email","stringRules","phoneNumberRules","v","userInput","computed","mapState","currentUser","status","sUser","passwordRules","methods","mapActions","handleSubmit","payload","submitDelete","id","updateUserInformation","mounted","component"],"mappings":"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","file":"js/chunk-2d216988.7226c39a.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('v-form',{ref:\"form\",on:{\"submit\":function($event){$event.preventDefault();return _vm.handleSubmit.apply(null, arguments)}},model:{value:(_vm.valid),callback:function ($$v) {_vm.valid=$$v},expression:\"valid\"}},[_c('v-card',{attrs:{\"loading\":_vm.status.loading}},[_c('v-card-title',[_c('span',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.$t(\"user.userInfo\")))])]),_c('v-divider'),_c('v-card-text',[_c('v-text-field',{attrs:{\"label\":_vm.$t('user.fields.firstName'),\"name\":\"firstname\",\"prepend-icon\":\"mdi-account-box-outline\",\"type\":\"text\",\"rules\":_vm.stringRules},model:{value:(_vm.user.firstname),callback:function ($$v) {_vm.$set(_vm.user, \"firstname\", $$v)},expression:\"user.firstname\"}})],1),_c('v-card-text',[_c('v-text-field',{attrs:{\"label\":_vm.$t('user.fields.lastName'),\"name\":\"lastname\",\"prepend-icon\":\"mdi-account-box-outline\",\"type\":\"text\",\"rules\":_vm.stringRules},model:{value:(_vm.user.lastname),callback:function ($$v) {_vm.$set(_vm.user, \"lastname\", $$v)},expression:\"user.lastname\"}})],1),_c('v-card-text',[_c('v-text-field',{attrs:{\"label\":_vm.$t('user.fields.email'),\"name\":\"email\",\"prepend-icon\":\"mdi-at\",\"type\":\"text\",\"rules\":_vm.stringRules},model:{value:(_vm.user.email),callback:function ($$v) {_vm.$set(_vm.user, \"email\", $$v)},expression:\"user.email\"}})],1),_c('v-card-text',[_c('phone-number-input',{model:{value:(_vm.user.phonenumber),callback:function ($$v) {_vm.$set(_vm.user, \"phonenumber\", $$v)},expression:\"user.phonenumber\"}})],1),_c('v-card-text',[_c('v-text-field',{attrs:{\"label\":_vm.$t('user.fields.newPassword'),\"name\":\"password\",\"prepend-icon\":\"mdi-textbox-password\",\"type\":\"password\",\"autocomplete\":\"new-password\"},model:{value:(_vm.user.password),callback:function ($$v) {_vm.$set(_vm.user, \"password\", $$v)},expression:\"user.password\"}})],1),_c('v-card-text',[_c('v-text-field',{attrs:{\"label\":_vm.$t('user.fields.passwordConfirm'),\"name\":\"passwordConfirm\",\"prepend-icon\":\"mdi-lock-check-outline\",\"type\":\"password\",\"rules\":_vm.passwordRules},model:{value:(_vm.passwordConfirm),callback:function ($$v) {_vm.passwordConfirm=$$v},expression:\"passwordConfirm\"}})],1),_c('v-card-actions',[_c('v-row',[_c('v-col',{attrs:{\"cols\":\"12\",\"sm\":\"8\",\"md\":\"6\",\"align\":\"start\"}},[_c('v-btn',{attrs:{\"color\":\"primary\",\"type\":\"submit\",\"large\":\"\"}},[_vm._v(_vm._s(_vm.$t(\"common.save\")))])],1),_c('v-spacer'),_c('v-col',{attrs:{\"cols\":\"12\",\"sm\":\"8\",\"md\":\"6\",\"align\":\"end\"}},[(_vm.permitted('User.Delete'))?_c('v-btn',{attrs:{\"color\":\"error\",\"disabled\":!_vm.valid || _vm.user.userId === _vm.currentUser.userId,\"text\":\"\"},on:{\"click\":function($event){_vm.confirmDelete = true}}},[_vm._v(_vm._s(_vm.$t(\"common.delete\")))]):_vm._e(),(_vm.permitted('User.Delete'))?_c('v-dialog',{attrs:{\"max-width\":\"90%\"},model:{value:(_vm.confirmDelete),callback:function ($$v) {_vm.confirmDelete=$$v},expression:\"confirmDelete\"}},[_c('v-card',[_c('v-card-title',{staticClass:\"headline\"},[_vm._v(_vm._s(_vm.$t(\"common.verify\")))]),_c('v-card-actions',[_c('v-spacer'),_c('v-btn',{attrs:{\"color\":\"primary lighten-1\",\"text\":\"\"},on:{\"click\":function($event){_vm.confirmDelete = false}}},[_vm._v(\" \"+_vm._s(_vm.$t(\"common.disagree\"))+\" \")]),_c('v-btn',{attrs:{\"color\":\"primary\",\"text\":\"\"},on:{\"click\":_vm.submitDelete}},[_vm._v(\" \"+_vm._s(_vm.$t(\"common.accept\"))+\" \")])],1)],1)],1):_vm._e()],1)],1)],1)],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <v-form @submit.prevent=\"handleSubmit\" v-model=\"valid\" ref=\"form\">\r\n      <v-card :loading=\"status.loading\">\r\n        <v-card-title>\r\n          <span class=\"title\">{{ $t(\"user.userInfo\") }}</span>\r\n        </v-card-title>\r\n        <v-divider></v-divider>\r\n\r\n        <v-card-text>\r\n          <v-text-field\r\n            :label=\"$t('user.fields.firstName')\"\r\n            name=\"firstname\"\r\n            prepend-icon=\"mdi-account-box-outline\"\r\n            type=\"text\"\r\n            v-model=\"user.firstname\"\r\n            :rules=\"stringRules\"\r\n          ></v-text-field>\r\n        </v-card-text>\r\n\r\n        <v-card-text>\r\n          <v-text-field\r\n            :label=\"$t('user.fields.lastName')\"\r\n            name=\"lastname\"\r\n            prepend-icon=\"mdi-account-box-outline\"\r\n            type=\"text\"\r\n            v-model=\"user.lastname\"\r\n            :rules=\"stringRules\"\r\n          ></v-text-field>\r\n        </v-card-text>\r\n\r\n        <v-card-text>\r\n          <v-text-field\r\n            :label=\"$t('user.fields.email')\"\r\n            name=\"email\"\r\n            prepend-icon=\"mdi-at\"\r\n            type=\"text\"\r\n            v-model=\"user.email\"\r\n            :rules=\"stringRules\"\r\n          ></v-text-field>\r\n        </v-card-text>\r\n\r\n        <v-card-text>\r\n          <phone-number-input v-model=\"user.phonenumber\" />\r\n        </v-card-text>\r\n\r\n        <v-card-text>\r\n          <v-text-field\r\n            :label=\"$t('user.fields.newPassword')\"\r\n            name=\"password\"\r\n            prepend-icon=\"mdi-textbox-password\"\r\n            type=\"password\"\r\n            v-model=\"user.password\"\r\n            autocomplete=\"new-password\"\r\n          ></v-text-field>\r\n        </v-card-text>\r\n\r\n        <v-card-text>\r\n          <v-text-field\r\n            :label=\"$t('user.fields.passwordConfirm')\"\r\n            name=\"passwordConfirm\"\r\n            prepend-icon=\"mdi-lock-check-outline\"\r\n            type=\"password\"\r\n            v-model=\"passwordConfirm\"\r\n            :rules=\"passwordRules\"\r\n          ></v-text-field>\r\n        </v-card-text>\r\n\r\n        <v-card-actions>\r\n          <v-row>\r\n            <v-col cols=\"12\" sm=\"8\" md=\"6\" align=\"start\">\r\n              <v-btn color=\"primary\" type=\"submit\" large>{{\r\n                $t(\"common.save\")\r\n              }}</v-btn>\r\n            </v-col>\r\n            <v-spacer> </v-spacer>\r\n\r\n            <v-col cols=\"12\" sm=\"8\" md=\"6\" align=\"end\">\r\n              <v-btn\r\n                color=\"error\"\r\n                :disabled=\"!valid || user.userId === currentUser.userId\"\r\n                text\r\n                @click=\"confirmDelete = true\"\r\n                v-if=\"permitted('User.Delete')\"\r\n                >{{ $t(\"common.delete\") }}</v-btn\r\n              >\r\n\r\n              <v-dialog\r\n                v-model=\"confirmDelete\"\r\n                max-width=\"90%\"\r\n                v-if=\"permitted('User.Delete')\"\r\n              >\r\n                <v-card>\r\n                  <v-card-title class=\"headline\">{{\r\n                    $t(\"common.verify\")\r\n                  }}</v-card-title>\r\n\r\n                  <v-card-actions>\r\n                    <v-spacer></v-spacer>\r\n\r\n                    <v-btn\r\n                      color=\"primary lighten-1\"\r\n                      text\r\n                      @click=\"confirmDelete = false\"\r\n                    >\r\n                      {{ $t(\"common.disagree\") }}\r\n                    </v-btn>\r\n\r\n                    <v-btn color=\"primary\" text @click=\"submitDelete\">\r\n                      {{ $t(\"common.accept\") }}\r\n                    </v-btn>\r\n                  </v-card-actions>\r\n                </v-card>\r\n              </v-dialog>\r\n            </v-col>\r\n          </v-row>\r\n        </v-card-actions>\r\n      </v-card>\r\n    </v-form>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapActions, mapState } from \"vuex\";\r\n\r\nexport default {\r\n  name: \"UserDetail\",\r\n\r\n  data() {\r\n    return {\r\n      valid: false,\r\n      image: null,\r\n      confirmDelete: false,\r\n      passwordConfirm: \"\",\r\n\r\n      user: {\r\n        firstName: \"\",\r\n        lastName: \"\",\r\n        phoneNumber: \"\",\r\n        email: \"\",\r\n        password: \"\",\r\n      },\r\n\r\n      stringRules: [\r\n        (v) => !!v || this.$t(\"validation.requiredSingle\"),\r\n        (v) => (v && v.length <= 255) || this.$t(\"validation.toLong\"),\r\n      ],\r\n\r\n      phoneNumberRules: [\r\n        (v) => !!v || this.$t(\"validation.requiredSingle\"),\r\n        (v) =>\r\n          (v !== undefined && v[0] !== \"0\") ||\r\n          this.$t(\"validation.contryCodeError\"),\r\n      ],\r\n\r\n      userInput: {},\r\n    };\r\n  },\r\n\r\n  computed: {\r\n    ...mapState(\"users\", {\r\n      currentUser: \"currentUser\",\r\n      status: \"status\",\r\n      sUser: \"user\",\r\n    }),\r\n\r\n    passwordRules() {\r\n      return [\r\n        (v) =>\r\n          this.user.password == \"\" ||\r\n          this.user.password == null ||\r\n          v == this.user.password ||\r\n          this.$t(\"validation.passwordMissmatch\"),\r\n      ];\r\n    },\r\n  },\r\n\r\n  methods: {\r\n    ...mapActions(\"users\", [\"editUser\", \"getById\", \"delete\"]),\r\n\r\n    async handleSubmit() {\r\n      if (!this.$refs.form.validate()) {\r\n        this.valid = false;\r\n        return;\r\n      }\r\n\r\n      var payload = this.user;\r\n\r\n      await this.editUser(payload);\r\n      this.$router.push(\"/company\");\r\n    },\r\n\r\n    async submitDelete() {\r\n      let id = this.$route.params.id;\r\n\r\n      if (this.permitted(\"User.Delete\")) {\r\n        await this.delete(id);\r\n        this.$router.push(\"/company\");\r\n      }\r\n    },\r\n\r\n    updateUserInformation(user) {\r\n      this.userInput = user;\r\n    },\r\n  },\r\n\r\n  mounted() {\r\n    if (\r\n      this.currentUser.userId != this.$route.params.id &&\r\n      !this.permitted(\"User.Update\")\r\n    ) {\r\n      this.$router.push(\"/company\");\r\n    }\r\n\r\n    // This user is being fetched in the router\r\n    if (this.sUser) {\r\n      this.user = this.sUser;\r\n    }\r\n  },\r\n};\r\n</script>\r\n<style></style>\r\n","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??ref--13-1!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Detail.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??ref--13-1!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Detail.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Detail.vue?vue&type=template&id=6e3d2a36&\"\nimport script from \"./Detail.vue?vue&type=script&lang=js&\"\nexport * from \"./Detail.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":""}