{"version":3,"sources":["webpack:///./src/views/Profile.vue?672f","webpack:///./src/views/Profile.vue?d020","webpack:///src/views/Profile.vue","webpack:///./src/views/Profile.vue?f03f","webpack:///./src/views/Profile.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","_v","_s","$t","slot","userProfile","username","setDateFormat","createAt","email","firstName","lastName","on","$event","$router","push","staticRenderFns","name","data","activePassword","valMultipe","currentPassword","newPassword","confirmPassword","computed","watch","mounted","getUserProfile","methods","$store","dispatch","changePassword","acceptAlert","close","component"],"mappings":"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","file":"js/chunk-834d47d0.7f7fd2f4.js","sourcesContent":["import mod from \"-!../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/lib/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Profile.vue?vue&type=style&index=0&lang=css&\"; export default mod; export * from \"-!../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/lib/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Profile.vue?vue&type=style&index=0&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"profile-page\"}},[_c('div',{staticClass:\"vx-row m-2\"},[_c('div',{staticClass:\"router-header flex flex-wrap items-center mb-6 mt-5\"},[_c('div',{staticClass:\"content-area__heading pr-4 border-0 md:border-r border-solid border-grey-light\"},[_c('h2',{staticClass:\"mb-1\"},[_vm._v(_vm._s(_vm.$t(\"profile\")))])])])]),_c('div',{staticClass:\"vx-row m-2\"},[_c('div',{staticClass:\"vx-col w-full lg:w-1/4 mb-base\"},[_c('vx-card',{staticClass:\"mt-base pt-5 pb-5\",attrs:{\"title\":_vm.$t('profile')}},[_c('template',{slot:\"actions\"},[_c('feather-icon',{attrs:{\"icon\":\"MoreHorizontalIcon\"}})],1),_c('div',{staticClass:\"user-bio flex items-center center\"},[_c('vs-avatar',{staticClass:\"profile\",attrs:{\"color\":\"primary\",\"size\":\"150px\",\"text\":_vm.userProfile.username}})],1),_c('div',{staticClass:\"mt-5\"},[_c('h6',[_vm._v(_vm._s(_vm.$t(\"profilePage.joined\"))+\":\")]),_c('p',[_vm._v(_vm._s(_vm.setDateFormat(_vm.userProfile.createAt)))])]),_c('div',{staticClass:\"mt-5\"},[_c('h6',[_vm._v(_vm._s(_vm.$t(\"profilePage.email\"))+\":\")]),_c('p',[_vm._v(_vm._s(_vm.userProfile.email))])])],2)],1),_c('div',{staticClass:\"vx-col w-full lg:w-2/3 mb-base\"},[_c('vx-card',{staticClass:\"mt-base px-10 pt-5 pb-10\",attrs:{\"title\":_vm.$t('information')}},[_c('div',{staticClass:\"mt-5\"},[_c('h6',[_vm._v(_vm._s(_vm.$t(\"profilePage.username\"))+\":\")]),_c('p',[_vm._v(_vm._s(_vm.userProfile.username))])]),_c('div',{staticClass:\"mt-5\"},[_c('h6',[_vm._v(_vm._s(_vm.$t(\"profilePage.firstName\"))+\":\")]),_c('p',[_vm._v(_vm._s(_vm.userProfile.firstName))])]),_c('div',{staticClass:\"mt-5\"},[_c('h6',[_vm._v(_vm._s(_vm.$t(\"profilePage.lastName\"))+\":\")]),_c('p',[_vm._v(_vm._s(_vm.userProfile.lastName))])]),_c('div',{staticClass:\"mt-10\"},[_c('vs-button',{staticClass:\"mr-3 mb-2\",attrs:{\"color\":\"warning\",\"icon-pack\":\"feather\",\"icon\":\"icon-edit\"},on:{\"click\":function($event){return _vm.$router.push('/edit-profile')}}},[_vm._v(\"แก้ไข\")])],1)])],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div id=\"profile-page\">\n    <div class=\"vx-row m-2\">\n      <div class=\"router-header flex flex-wrap items-center mb-6 mt-5\">\n        <div\n          class=\"content-area__heading pr-4 border-0 md:border-r border-solid border-grey-light\"\n        >\n          <h2 class=\"mb-1\">{{ $t(\"profile\") }}</h2>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"vx-row m-2\">\n      <div class=\"vx-col w-full lg:w-1/4 mb-base\">\n        <vx-card :title=\"$t('profile')\" class=\"mt-base pt-5 pb-5\">\n          <!-- ACTION SLOT -->\n          <template slot=\"actions\">\n            <feather-icon icon=\"MoreHorizontalIcon\"></feather-icon>\n          </template>\n\n          <!-- USER BIO -->\n          <div class=\"user-bio flex items-center center\">\n            <vs-avatar\n              color=\"primary\"\n              size=\"150px\"\n              :text=\"userProfile.username\"\n              class=\"profile\"\n            />\n          </div>\n\n          <!-- OTEHR DATA -->\n          <div class=\"mt-5\">\n            <h6>{{ $t(\"profilePage.joined\") }}:</h6>\n            <p>{{ setDateFormat(userProfile.createAt) }}</p>\n          </div>\n\n          <div class=\"mt-5\">\n            <h6>{{ $t(\"profilePage.email\") }}:</h6>\n            <p>{{ userProfile.email }}</p>\n          </div>\n        </vx-card>\n      </div>\n\n      <div class=\"vx-col w-full lg:w-2/3 mb-base\">\n        <vx-card :title=\"$t('information')\" class=\"mt-base px-10 pt-5 pb-10\">\n          <!-- ACTION SLOT -->\n          <!-- <template slot=\"actions\">\n            <feather-icon\n              icon=\"MoreHorizontalIcon\"\n              @click=\"$router.push('/edit-profile')\"\n            ></feather-icon>\n          </template> -->\n\n          <!-- OTEHR DATA -->\n          <div class=\"mt-5\">\n            <h6>{{ $t(\"profilePage.username\") }}:</h6>\n            <p>{{ userProfile.username }}</p>\n          </div>\n\n          <div class=\"mt-5\">\n            <h6>{{ $t(\"profilePage.firstName\") }}:</h6>\n            <p>{{ userProfile.firstName }}</p>\n          </div>\n\n          <div class=\"mt-5\">\n            <h6>{{ $t(\"profilePage.lastName\") }}:</h6>\n            <p>{{ userProfile.lastName }}</p>\n          </div>\n\n          <!-- <div class=\"mt-5\">\n            <h6>{{ $t(\"profilePage.dateOfBirth\") }}:</h6>\n            <p>{{ setDateFormat(userProfile.dayOfBirth) }}</p>\n          </div> -->\n\n          <!-- <div class=\"mt-5\">\n            <h6>{{ $t(\"profilePage.address\") }}:</h6>\n            <p>{{ userProfile.address }}</p>\n          </div> -->\n\n          <!-- <div class=\"mt-5\">\n            <h6>{{ $t(\"profilePage.city\") }}:</h6>\n            <p>{{ userProfile.city }}</p>\n          </div> -->\n\n          <!-- <div class=\"mt-5\">\n            <h6>{{ $t(\"profilePage.country\") }}:</h6>\n            <p>{{ userProfile.country }}</p>\n          </div> -->\n\n          <div class=\"mt-10\">\n            <vs-button class=\"mr-3 mb-2\"  color=\"warning\"  icon-pack=\"feather\" icon=\"icon-edit\"  @click=\"$router.push('/edit-profile')\">แก้ไข</vs-button>\n          </div>\n        </vx-card>\n      </div>\n    </div>\n  </div>\n</template>\n<script>\nimport { mapState } from \"vuex\";\nimport _ from \"lodash\";\nimport moment from \"moment\";\n\nexport default {\n  name: \"profilePage\",\n  data() {\n    return {\n      activePassword: false,\n      valMultipe: {\n        currentPassword: \"\",\n        newPassword: \"\",\n        confirmPassword: \"\",\n      },\n    };\n  },\n  computed: {\n    ...mapState({\n      userProfile: (state) => state.profile.userProfile,\n    }),\n  },\n  watch: {\n    userProfile(newValue, oldValue) {\n      if (!_.isEqual(newValue, oldValue)) {\n      }\n    },\n  },\n  mounted() {\n    this.getUserProfile();\n  },\n  methods: {\n    getUserProfile() {\n      const username = localStorage.getItem(\"accessUsername\");\n      this.$store.dispatch(\"getUserProfile\", username);\n    },\n    setDateFormat(date) {\n      return moment(date).format(\"DD/MM/YYYY\");\n    },\n    changePassword() {\n      this.activePassword = true;\n    },\n    acceptAlert() {},\n    close() {},\n  },\n};\n</script>\n<style>\n.header {\n  font-size: 30px;\n  font-weight: bold;\n}\n.center {\n  justify-content: center;\n}\n.newpass {\n  margin-left: 8px;\n}\n.input {\n  margin: 8px;\n}\n</style>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/@vue/cli-plugin-babel/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!./Profile.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/@vue/cli-plugin-babel/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!./Profile.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Profile.vue?vue&type=template&id=35fd2d39&\"\nimport script from \"./Profile.vue?vue&type=script&lang=js&\"\nexport * from \"./Profile.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Profile.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"],"sourceRoot":""}