{"version":3,"sources":["webpack:///./src/components/views/Profile/UsernameChange.vue?0a31","webpack:///src/components/views/Profile/UsernameChange.vue","webpack:///./src/components/views/Profile/UsernameChange.vue?c9df","webpack:///./src/components/views/Profile/UsernameChange.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","scopedSlots","_u","key","fn","staticClass","attrs","bcItems","staticStyle","model","value","callback","$$v","newFirstname","expression","newLastname","validName","updating","on","updateUserName","_v","cancelButtonOnClick","proxy","staticRenderFns","data","computed","methods","$api","$router","push","component","VBreadcrumbs","VBtn","VCol","VRow","VTextField"],"mappings":"uHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,OAAO,CAACE,YAAYN,EAAIO,GAAG,CAAC,CAACC,IAAI,UAAUC,GAAG,WAAW,MAAO,CAACL,EAAG,gBAAgB,CAACM,YAAY,OAAOC,MAAM,CAAC,MAAQX,EAAIY,QAAQ,QAAU,IAAI,MAAQ,MAAMR,EAAG,QAAQ,CAACS,YAAY,CAAC,cAAc,OAAO,YAAY,UAAU,CAACT,EAAG,QAAQ,CAACM,YAAY,QAAQC,MAAM,CAAC,KAAO,OAAO,CAACP,EAAG,eAAe,CAACO,MAAM,CAAC,SAAW,GAAG,MAAQ,GAAG,MAAQ,aAAa,YAAc,KAAKG,MAAM,CAACC,MAAOf,EAAgB,aAAEgB,SAAS,SAAUC,GAAMjB,EAAIkB,aAAaD,GAAKE,WAAW,mBAAmB,GAAGf,EAAG,QAAQ,CAACM,YAAY,QAAQC,MAAM,CAAC,KAAO,OAAO,CAACP,EAAG,eAAe,CAACO,MAAM,CAAC,SAAW,GAAG,MAAQ,GAAG,MAAQ,YAAY,YAAc,KAAKG,MAAM,CAACC,MAAOf,EAAe,YAAEgB,SAAS,SAAUC,GAAMjB,EAAIoB,YAAYH,GAAKE,WAAW,kBAAkB,GAAGf,EAAG,QAAQ,CAACM,YAAY,QAAQC,MAAM,CAAC,KAAO,OAAO,CAACP,EAAG,QAAQ,CAACO,MAAM,CAAC,UAAYX,EAAIqB,UAAU,QAAUrB,EAAIsB,SAAS,MAAQ,WAAWC,GAAG,CAAC,MAAQvB,EAAIwB,iBAAiB,CAACxB,EAAIyB,GAAG,aAAarB,EAAG,QAAQ,CAACO,MAAM,CAAC,KAAO,IAAIY,GAAG,CAAC,MAAQvB,EAAI0B,sBAAsB,CAAC1B,EAAIyB,GAAG,aAAa,IAAI,KAAKE,OAAM,QAC5mCC,EAAkB,GC2CtB,GACEC,KADF,WAEI,MAAO,CACLX,aAAc,GACdE,YAAa,GACbE,UAAU,IAGdQ,SAAU,CACRT,UADJ,WAEM,SAAIpB,KAAKiB,eAAgBjB,KAAKmB,cAKhCR,QAAS,WACP,MAAO,CACb,GACA,CACQ,KAAR,UACQ,UAAR,EACQ,OAAR,EACQ,GAAR,CAAU,KAAV,YAEA,CACQ,KAAR,mCACQ,UAAR,EACQ,OAAR,EACQ,KAAR,gCAIEmB,QAAS,CACPP,eADJ,WACA,WACMvB,KAAKqB,UAAW,EAChBrB,KAAK+B,KAAKR,eAChB,CAAQ,UAAR,kBAAQ,SAAR,kBACA,cACA,eACA,WACQ,EAAR,8CACQ,EAAR,2CACQ,EAAR,yCACQ,EAAR,cAAU,KAAV,YAEA,YACQ,EAAR,4BAEA,WACQ,EAAR,iBAKIE,oBAtBJ,WAuBMzB,KAAKgC,QAAQC,KAAK,CAAxB,iBCnGsX,I,6FCOlXC,EAAY,eACd,EACApC,EACA6B,GACA,EACA,KACA,KACA,MAIa,aAAAO,EAAiB,QAShC,IAAkBA,EAAW,CAACC,eAAA,KAAaC,OAAA,KAAKC,OAAA,KAAKC,OAAA,KAAKC,aAAA","file":"js/chunk-2d221e51.671e8f98.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('page',{scopedSlots:_vm._u([{key:\"content\",fn:function(){return [_c('v-breadcrumbs',{staticClass:\"mt-1\",attrs:{\"items\":_vm.bcItems,\"divider\":\">\",\"large\":\"\"}}),_c('v-row',{staticStyle:{\"margin-left\":\"15px\",\"max-width\":\"450px\"}},[_c('v-col',{staticClass:\"mb-n5\",attrs:{\"cols\":\"12\"}},[_c('v-text-field',{attrs:{\"outlined\":\"\",\"dense\":\"\",\"label\":\"first name\",\"placeholder\":\" \"},model:{value:(_vm.newFirstname),callback:function ($$v) {_vm.newFirstname=$$v},expression:\"newFirstname\"}})],1),_c('v-col',{staticClass:\"mb-n5\",attrs:{\"cols\":\"12\"}},[_c('v-text-field',{attrs:{\"outlined\":\"\",\"dense\":\"\",\"label\":\"last name\",\"placeholder\":\" \"},model:{value:(_vm.newLastname),callback:function ($$v) {_vm.newLastname=$$v},expression:\"newLastname\"}})],1),_c('v-col',{staticClass:\"mb-n5\",attrs:{\"cols\":\"12\"}},[_c('v-btn',{attrs:{\"disabled\":!_vm.validName,\"loading\":_vm.updating,\"color\":\"primary\"},on:{\"click\":_vm.updateUserName}},[_vm._v(\"Confirm\")]),_c('v-btn',{attrs:{\"text\":\"\"},on:{\"click\":_vm.cancelButtonOnClick}},[_vm._v(\"Cancel\")])],1)],1)]},proxy:true}])})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <page>\n    <template #content>\n      <v-breadcrumbs\n        :items=\"bcItems\"\n        divider=\">\"\n        class=\"mt-1\"\n        large\n        />\n      <v-row style=\"margin-left:15px; max-width:450px\">\n        <v-col cols=\"12\" class=\"mb-n5\">\n          <v-text-field\n            outlined\n            dense\n            v-model=\"newFirstname\"\n            label=\"first name\"\n            placeholder=\" \"\n          />\n        </v-col>\n        <v-col cols=\"12\" class=\"mb-n5\">\n          <v-text-field\n            outlined\n            dense\n            v-model=\"newLastname\"\n            label=\"last name\"\n            placeholder=\" \"\n          />\n        </v-col>\n        <v-col cols=\"12\" class=\"mb-n5\">\n          <v-btn \n          :disabled=\"!validName\" \n          :loading=\"updating\" \n          color=\"primary\" \n          @click=\"updateUserName\"\n            >Confirm</v-btn\n          >\n          <v-btn text @click=\"cancelButtonOnClick\">Cancel</v-btn>\n        </v-col>\n      </v-row>\n    </template>\n  </page>\n</template>\n\n<script>\nexport default {\n  data() {\n    return {\n      newFirstname: \"\",\n      newLastname: \"\",\n      updating: false\n    }\n  },\n  computed: {\n    validName() {\n      if (this.newFirstname && this.newLastname) {\n        return true\n      }\n      return false\n    },\n    bcItems: function (){\n      return [\n        {},\n        {\n          text: \"Profile\",\n          disabled: false,\n          exact: true,\n          to: {name: 'Profile'},\n        },\n        {\n          text: `${this.$route.meta.bcText}`,\n          disabled: false,\n          exact: true,\n          href: `${this.$route.path}`\n        },\n      ]},\n  },\n  methods: {\n    updateUserName() {\n      this.updating = true\n      this.$api.updateUserName(\n        { firstname: this.newFirstname, lastname: this.newLastname },\n        this.username,\n        this.callBack(\n          () => {\n            this.alert(\"info\", \"Username updated successfully\")\n            this.$store.state.user.firstname = this.newFirstname\n            this.$store.state.user.lastname = this.newLastname \n            this.$router.push({ name: \"Home\" })\n          },\n          (error) => {\n            this.alert(\"error\", error.message)\n          },\n          () => {\n            this.updating = false\n          }\n        )\n      )\n    },\n    cancelButtonOnClick() {\n      this.$router.push({ name: \"Home\" })\n    },\n  },\n}\n</script>\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!./UsernameChange.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!./UsernameChange.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./UsernameChange.vue?vue&type=template&id=ca0547aa&\"\nimport script from \"./UsernameChange.vue?vue&type=script&lang=js&\"\nexport * from \"./UsernameChange.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\n\n/* vuetify-loader */\nimport installComponents from \"!../../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBreadcrumbs } from 'vuetify/lib/components/VBreadcrumbs';\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VTextField } from 'vuetify/lib/components/VTextField';\ninstallComponents(component, {VBreadcrumbs,VBtn,VCol,VRow,VTextField})\n"],"sourceRoot":""}