{"version":3,"sources":["webpack:///./src/views/profile/ProfileMain.vue?3d1b","webpack:///src/views/profile/ProfileMain.vue","webpack:///./src/views/profile/ProfileMain.vue?b035","webpack:///./src/views/profile/ProfileMain.vue?15ed","webpack:///./src/views/profile/ProfileMain.vue?a082"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","class","user","hasAvatar","attrs","avatar","on","selectFile","_v","_s","$t","ref","staticStyle","updateAvatar","thirdPartyFacebook","_e","directives","name","rawName","value","expression","FBAppId","FBOptions","$i18n","locale","handleSdkInit","model","callback","$$v","FBmodel","boundAlert","fbLogin","thirdPartyGoogle","googleSignInParams","googleSignInSuccess","googleSignInError","account","email","telephone","address","company","taxId","staticRenderFns","components","data","clientId","FB","FBscope","computed","methods","$refs","userAvatar","click","console","log","error","openSnackbar","msg","color","component","VBtn","VIcon"],"mappings":"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","file":"js/chunk-397c366c.99a34f8a.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"d-flex flex-column ai-center flex-1\"},[_c('div',{staticClass:\"d-flex flex-column ai-center\"},[_c('div',{staticClass:\"avatar\",class:{ 'has-avatar': _vm.user.hasAvatar }},[_c('img',{attrs:{\"src\":_vm.user.avatar,\"alt\":\"\"}})]),_c('div',{staticClass:\"mt-4\"},[_c('v-btn',{attrs:{\"color\":\"primary\",\"depressed\":\"\"},on:{\"click\":_vm.selectFile}},[_vm._v(\" \"+_vm._s(_vm.$t(\"profile.updateAvatar\"))+\" \")]),_c('input',{ref:\"userAvatar\",staticStyle:{\"display\":\"none\"},attrs:{\"id\":\"file-input\",\"type\":\"file\"},on:{\"change\":_vm.updateAvatar}})],1)]),_c('div',{staticClass:\"d-flex mt-6\"},[_c('div',{staticClass:\"mr-6 third-party-btn\"},[(!_vm.user.thirdPartyFacebook)?_c('v-facebook-login',{directives:[{name:\"show\",rawName:\"v-show\",value:(false),expression:\"false\"}],attrs:{\"app-id\":_vm.FBAppId,\"options\":_vm.FBOptions,\"sdk-locale\":_vm.$i18n.locale},on:{\"sdk-init\":_vm.handleSdkInit},model:{value:(_vm.FBmodel),callback:function ($$v) {_vm.FBmodel=$$v},expression:\"FBmodel\"}}):_vm._e(),(!_vm.user.thirdPartyFacebook)?_c('v-btn',{attrs:{\"dark\":\"\",\"depressed\":\"\",\"color\":\"#315a9d\",\"height\":\"2.7rem\"},on:{\"click\":_vm.fbLogin}},[_c('v-icon',{attrs:{\"large\":\"\"}},[_vm._v(\"mdi-facebook\")]),_c('span',{staticClass:\"ml-1\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"profile.unbound\"))+\" \")])],1):_c('v-btn',{attrs:{\"dark\":\"\",\"depressed\":\"\",\"color\":\"#315a9d\",\"height\":\"2.7rem\"},on:{\"click\":_vm.boundAlert}},[_c('v-icon',{attrs:{\"large\":\"\"}},[_vm._v(\"mdi-facebook\")]),_c('span',{staticClass:\"ml-1\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"profile.bound\"))+\" \")])],1)],1),_c('div',{staticClass:\"ml-6 third-party-btn\"},[(!_vm.user.thirdPartyGoogle)?_c('g-signin-button',{staticClass:\"d-flex\",attrs:{\"params\":_vm.googleSignInParams},on:{\"success\":_vm.googleSignInSuccess,\"error\":_vm.googleSignInError}},[_c('v-btn',{attrs:{\"height\":\"2.7rem\",\"color\":\"#e83b1d\",\"depressed\":\"\",\"dark\":\"\"}},[_c('v-icon',{attrs:{\"large\":\"\"}},[_vm._v(\"mdi-google-plus\")]),_c('span',{staticClass:\"ml-1\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"profile.unbound\"))+\" \")])],1)],1):_c('v-btn',{attrs:{\"height\":\"2.7rem\",\"color\":\"#e83b1d\",\"depressed\":\"\",\"dark\":\"\"},on:{\"click\":_vm.boundAlert}},[_c('v-icon',{attrs:{\"large\":\"\"}},[_vm._v(\"mdi-google-plus\")]),_c('span',{staticClass:\"ml-1\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"profile.bound\"))+\" \")])],1)],1)]),_c('div',{staticClass:\"d-flex flex-column mt-4 profile-detail\"},[_c('v-btn',{staticClass:\"edit-profile-icon\",attrs:{\"large\":\"\",\"icon\":\"\",\"to\":(\"/\" + (this.$i18n.locale) + \"/profile/edit\")}},[_c('img',{attrs:{\"src\":\"/assets/ic/edit/ic_edit_blue.png\",\"alt\":\"edit\"}})]),_c('div',{staticClass:\"d-flex mb-2\"},[_c('span',{staticClass:\"label\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"profile.account\"))+\" \")]),_c('span',{staticClass:\"flex-1\"},[_vm._v(\" \"+_vm._s(_vm.user.account)+\" \")])]),_c('div',{staticClass:\"d-flex mb-2\"},[_c('span',{staticClass:\"label\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"profile.email\"))+\" \")]),_c('span',{staticClass:\"flex-1\"},[_vm._v(\" \"+_vm._s(_vm.user.email)+\" \")])]),_c('div',{staticClass:\"d-flex mb-2\"},[_c('span',{staticClass:\"label\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"profile.chineseName\"))+\" \")]),_c('span',{staticClass:\"flex-1\"},[_vm._v(\" \"+_vm._s(_vm.user.name)+\" \")])]),_c('div',{staticClass:\"d-flex mb-2\"},[_c('span',{staticClass:\"label\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"profile.telephone\"))+\" \")]),_c('span',{staticClass:\"flex-1\"},[_vm._v(\" \"+_vm._s(_vm.user.telephone)+\" \")])]),_c('div',{staticClass:\"d-flex mb-2\"},[_c('span',{staticClass:\"label\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"profile.address\"))+\" \")]),_c('span',{staticClass:\"flex-1\"},[_vm._v(\" \"+_vm._s(_vm.user.address)+\" \")])]),_c('div',{staticClass:\"d-flex mb-2\"},[_c('span',{staticClass:\"label\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"profile.companyTitle\"))+\" \")]),_c('span',{staticClass:\"flex-1\"},[_vm._v(\" \"+_vm._s(_vm.user.company)+\" \")])]),_c('div',{staticClass:\"d-flex mb-2\"},[_c('span',{staticClass:\"label\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"profile.taxId\"))+\" \")]),_c('span',{staticClass:\"flex-1\"},[_vm._v(\" \"+_vm._s(_vm.user.taxId)+\" \")])])],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"d-flex flex-column ai-center flex-1\">\r\n    <div class=\"d-flex flex-column ai-center\">\r\n      <div class=\"avatar\" :class=\"{ 'has-avatar': user.hasAvatar }\">\r\n        <img :src=\"user.avatar\" alt=\"\" />\r\n      </div>\r\n      <div class=\"mt-4\">\r\n        <v-btn color=\"primary\" @click=\"selectFile\" depressed>\r\n          {{ $t(\"profile.updateAvatar\") }}\r\n        </v-btn>\r\n        <input\r\n          ref=\"userAvatar\"\r\n          id=\"file-input\"\r\n          @change=\"updateAvatar\"\r\n          type=\"file\"\r\n          style=\"display: none;\"\r\n        />\r\n      </div>\r\n    </div>\r\n    <div class=\"d-flex mt-6\">\r\n      <div class=\"mr-6 third-party-btn\">\r\n        <v-facebook-login\r\n          v-if=\"!user.thirdPartyFacebook\"\r\n          v-show=\"false\"\r\n          :app-id=\"FBAppId\"\r\n          :options=\"FBOptions\"\r\n          v-model=\"FBmodel\"\r\n          :sdk-locale=\"$i18n.locale\"\r\n          @sdk-init=\"handleSdkInit\"\r\n        />\r\n        <v-btn\r\n          @click=\"fbLogin\"\r\n          v-if=\"!user.thirdPartyFacebook\"\r\n          dark\r\n          depressed\r\n          color=\"#315a9d\"\r\n          height=\"2.7rem\"\r\n        >\r\n          <v-icon large>mdi-facebook</v-icon>\r\n          <span class=\"ml-1\">\r\n            {{ $t(\"profile.unbound\") }}\r\n          </span>\r\n        </v-btn>\r\n        <v-btn\r\n          v-else\r\n          @click=\"boundAlert\"\r\n          dark\r\n          depressed\r\n          color=\"#315a9d\"\r\n          height=\"2.7rem\"\r\n        >\r\n          <v-icon large>mdi-facebook</v-icon>\r\n          <span class=\"ml-1\">\r\n            {{ $t(\"profile.bound\") }}\r\n          </span>\r\n        </v-btn>\r\n      </div>\r\n      <div class=\"ml-6 third-party-btn\">\r\n        <g-signin-button\r\n          class=\"d-flex\"\r\n          v-if=\"!user.thirdPartyGoogle\"\r\n          :params=\"googleSignInParams\"\r\n          @success=\"googleSignInSuccess\"\r\n          @error=\"googleSignInError\"\r\n        >\r\n          <v-btn height=\"2.7rem\" color=\"#e83b1d\" depressed dark>\r\n            <!--#e83b1d-->\r\n            <v-icon large>mdi-google-plus</v-icon>\r\n            <span class=\"ml-1\">\r\n              {{ $t(\"profile.unbound\") }}\r\n            </span>\r\n          </v-btn>\r\n        </g-signin-button>\r\n        <v-btn\r\n          v-else\r\n          @click=\"boundAlert\"\r\n          height=\"2.7rem\"\r\n          color=\"#e83b1d\"\r\n          depressed\r\n          dark\r\n        >\r\n          <!--#e83b1d-->\r\n          <v-icon large>mdi-google-plus</v-icon>\r\n          <span class=\"ml-1\">\r\n            {{ $t(\"profile.bound\") }}\r\n          </span>\r\n        </v-btn>\r\n      </div>\r\n    </div>\r\n    <div class=\"d-flex flex-column mt-4 profile-detail\">\r\n      <v-btn\r\n        class=\"edit-profile-icon\"\r\n        large\r\n        icon\r\n        :to=\"`/${this.$i18n.locale}/profile/edit`\"\r\n      >\r\n        <img src=\"/assets/ic/edit/ic_edit_blue.png\" alt=\"edit\" />\r\n      </v-btn>\r\n      <div class=\"d-flex mb-2\">\r\n        <span class=\"label\"> {{ $t(\"profile.account\") }} </span>\r\n        <span class=\"flex-1\"> {{ user.account }} </span>\r\n      </div>\r\n      <div class=\"d-flex mb-2\">\r\n        <span class=\"label\"> {{ $t(\"profile.email\") }} </span>\r\n        <span class=\"flex-1\"> {{ user.email }} </span>\r\n      </div>\r\n      <div class=\"d-flex mb-2\">\r\n        <span class=\"label\"> {{ $t(\"profile.chineseName\") }} </span>\r\n        <span class=\"flex-1\"> {{ user.name }} </span>\r\n      </div>\r\n      <div class=\"d-flex mb-2\">\r\n        <span class=\"label\"> {{ $t(\"profile.telephone\") }} </span>\r\n        <span class=\"flex-1\"> {{ user.telephone }} </span>\r\n      </div>\r\n      <div class=\"d-flex mb-2\">\r\n        <span class=\"label\"> {{ $t(\"profile.address\") }} </span>\r\n        <span class=\"flex-1\"> {{ user.address }} </span>\r\n      </div>\r\n      <div class=\"d-flex mb-2\">\r\n        <span class=\"label\"> {{ $t(\"profile.companyTitle\") }} </span>\r\n        <span class=\"flex-1\"> {{ user.company }} </span>\r\n      </div>\r\n      <div class=\"d-flex mb-2\">\r\n        <span class=\"label\"> {{ $t(\"profile.taxId\") }} </span>\r\n        <span class=\"flex-1\"> {{ user.taxId }} </span>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport VFacebookLogin from \"vue-facebook-login-component\";\r\nimport { mapActions, mapState } from \"vuex\";\r\nexport default {\r\n  components: { VFacebookLogin },\r\n  data() {\r\n    return {\r\n      googleSignInParams: {\r\n        clientId: process.env.VUE_APP_GOOGLE_APP_ID\r\n      },\r\n      FBmodel: {},\r\n      FB: {},\r\n      FBAppId: process.env.VUE_APP_FACEBOOK_APP_ID,\r\n      FBOptions: { cookie: true },\r\n      FBscope: {}\r\n    };\r\n  },\r\n  computed: {\r\n    ...mapState([\"user\"])\r\n  },\r\n  methods: {\r\n    ...mapActions(\"user\", [\"getUser\", \"getAvatar\"]),\r\n    ...mapActions(\"snackbar\", [\"openSnackbar\"]),\r\n    selectFile() {\r\n      this.$refs.userAvatar.click();\r\n    },\r\n    async updateAvatar(e) {\r\n      const formData = new FormData();\r\n      formData.append(\"file\", e.target.files[0]);\r\n      await this.$http\r\n        .post(\"members/avatar\", formData, {\r\n          config: {\r\n            headers: {\r\n              \"Content-Type\": \"multipart/form-data\"\r\n            }\r\n          }\r\n        })\r\n        .then(() => {\r\n          this.openSnackbar({\r\n            msg: this.$t(\"profile.avatarUpload\"),\r\n            color: \"success\"\r\n          });\r\n          this.getAvatar(true);\r\n        });\r\n    },\r\n    async handleSdkInit({ FB, scope }) {\r\n      this.FB = FB;\r\n      await scope.logout();\r\n      this.FBscope = scope;\r\n    },\r\n    async fbLogin() {\r\n      if (!this.FBmodel.connected) await this.FBscope.login();\r\n      if (this.FBmodel.connected) {\r\n        const body = {\r\n          accessToken: this.FB.getAccessToken(),\r\n          thirdParty: \"facebook\"\r\n        };\r\n        await this.bindThirdParty(body);\r\n      } else console.log(\"qq\");\r\n    },\r\n    async googleSignInSuccess(googleUser) {\r\n      const body = {\r\n        accessToken: googleUser.getAuthResponse().id_token,\r\n        thirdParty: \"google\"\r\n      };\r\n      await this.bindThirdParty(body);\r\n    },\r\n    async bindThirdParty(body) {\r\n      await this.$http.post(\"bindThirdParty\", body).then(async res => {\r\n        console.log(res.data);\r\n        await this.getUser(true);\r\n        this.$forceUpdate();\r\n      });\r\n    },\r\n    googleSignInError(error) {\r\n      console.log(error);\r\n    },\r\n    boundAlert() {\r\n      this.openSnackbar({\r\n        msg: this.$t(\"profile.alreadyBound\"),\r\n        color: \"warning\"\r\n      });\r\n    }\r\n  },\r\n  async created() {\r\n    await this.getUser();\r\n    await this.getAvatar();\r\n    this.$forceUpdate();\r\n  }\r\n};\r\n</script>\r\n\r\n<style lang=\"sass\" scoped>\r\n.avatar\r\n  width: 7rem\r\n  height: 7rem\r\n  border-radius: 100%\r\n  overflow: hidden\r\n  display: flex\r\n  &.has-avatar\r\n    border: 2px solid white\r\n    box-shadow: 2px 2px 6px #c7c7c7\r\n  > img\r\n    object-fit: contain\r\n    flex: 1\r\n    height: 100%\r\n.profile-detail\r\n  position: relative\r\n  background: #f8f8f8\r\n  border-radius: 0.3rem\r\n  padding-top: 1.8rem\r\n  padding-bottom: 1.2rem\r\n  padding-left: 3rem\r\n  width: 29rem\r\n  .edit-profile-icon\r\n    position: absolute\r\n    right: 0.8rem\r\n    top: 0.4rem\r\n  .label\r\n    font-weight: bold\r\n    width: 8rem\r\n\r\n.third-party-btn\r\n  img\r\n    width: 2rem\r\n    height: 2rem\r\n</style>\r\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!./ProfileMain.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!./ProfileMain.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ProfileMain.vue?vue&type=template&id=58ebbd66&scoped=true&\"\nimport script from \"./ProfileMain.vue?vue&type=script&lang=js&\"\nexport * from \"./ProfileMain.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ProfileMain.vue?vue&type=style&index=0&id=58ebbd66&lang=sass&scoped=true&\"\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  \"58ebbd66\",\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 { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\ninstallComponents(component, {VBtn,VIcon})\n","import mod 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--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ProfileMain.vue?vue&type=style&index=0&id=58ebbd66&lang=sass&scoped=true&\"; export default mod; 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--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ProfileMain.vue?vue&type=style&index=0&id=58ebbd66&lang=sass&scoped=true&\""],"sourceRoot":""}