{"version":3,"sources":["webpack:///./src/components/poptip-profile-v3/index.vue?d370","webpack:///./src/assets/avatar.png","webpack:///./src/components/poptip-profile-v3/index.vue?985c","webpack:///src/components/poptip-profile-v3/index.vue","webpack:///./src/components/poptip-profile-v3/index.vue?bc3a","webpack:///./src/components/poptip-profile-v3/index.vue"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","key","my","gid","email","attrs","staticClass","_v","_s","prefix","_e","ref","style","avatarsize","avatar","on","$event","stopPropagation","clickAvatar","textsize","name","ending","staticRenderFns","component"],"mappings":"kHAAA,W,mBCAAA,EAAOC,QAAU,s6F,2CCAjB,IAAIC,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,IAAIN,EAAIO,GAAGC,IAAI,IAAIR,EAAIO,GAAGE,MAAMC,MAAM,CAAC,GAAKV,EAAIO,GAAGC,IAAI,IAAIR,EAAIO,GAAGE,QAAQ,CAACL,EAAG,MAAM,CAACO,YAAY,mBAAmB,CAAEX,EAAU,OAAEI,EAAG,MAAM,CAACO,YAAY,QAAQ,CAACX,EAAIY,GAAG,WAAWZ,EAAIa,GAAGb,EAAIc,QAAQ,YAAYd,EAAIe,KAAMf,EAAIO,GAAQ,MAAEH,EAAG,MAAM,CAACY,IAAI,gBAAgBL,YAAY,UAAUM,MAAM,CACtY,OAAUjB,EAAIkB,WAAa,KAC3B,MAASlB,EAAIkB,WAAa,KAC1B,OAAU,aACTR,MAAM,CAAC,IAAMV,EAAIO,GAAGY,QAAQC,GAAG,CAAC,MAAQ,SAASC,GAAiC,OAAzBA,EAAOC,kBAAyBtB,EAAIuB,kBAAkBvB,EAAIe,KAAKX,EAAG,MAAM,CAACa,MAAM,CACzI,YAAajB,EAAIwB,SAAW,OAC1B,CAACxB,EAAIY,GAAG,WAAWZ,EAAIa,GAAGb,EAAIO,GAAGkB,MAAM,YAAazB,EAAU,OAAEI,EAAG,MAAM,CAACO,YAAY,QAAQ,CAACX,EAAIY,GAAG,WAAWZ,EAAIa,GAAGb,EAAI0B,QAAQ,YAAY1B,EAAIe,UAC1JY,EAAkB,G,8CC2CtB,GACE,KAAF,gBACE,MAAF,CACI,UAAJ,CACM,KAAN,OACM,QAFN,WAGQ,MAAR,KAGI,SAAJ,CACM,KAAN,OACM,QAFN,WAGQ,MAAR,KAGI,IAAJ,CACM,KAAN,OACM,QAFN,WAGQ,MAAR,KAGI,WAAJ,CACM,KAAN,OACM,QAFN,WAGQ,OAAR,KAGI,SAAJ,CACM,KAAN,OACM,QAFN,WAGQ,OAAR,KAGI,IAAJ,CACM,KAAN,OACM,QAFN,WAGQ,OAAR,YAGI,OAAJ,CACM,KAAN,OACM,QAFN,WAGQ,MAAR,KAGI,OAAJ,CACM,KAAN,OACM,QAFN,WAGQ,MAAR,MAIE,KApDF,WAqDI,MAAJ,CACM,MAAN,EACM,SAAN,EACM,WAAN,UAGM,GAAN,CACQ,IAAR,KACQ,MAAR,KACQ,KAAR,KACQ,OAAR,QAKE,SAAF,kBACA,gBACA,WACA,UAGE,MAAF,CACI,IADJ,SACA,KACA,OACQ,KAAR,QAGI,UANJ,SAMA,KACA,OACQ,KAAR,QAGI,SAXJ,SAWA,KACA,OACQ,KAAR,QAGI,IAhBJ,SAgBA,KACA,OACQ,KAAR,SAIE,YAhGF,WAiGI,KAAJ,QAGE,QAAF,CAII,YAJJ,WAKA,WACQ,QAAR,+BACQ,KAAR,cAAU,KAAV,sBAGI,KAVJ,WAWM,KAAN,gBACM,KAAN,wBACM,KAAN,sBACM,KAAN,qCA6CI,QA3DJ,SA2DA,SACM,IAAN,8BACM,OACN,cACA,oBACA,mBACA,SCvN8V,I,wBCQ1VC,EAAY,eACd,EACA7B,EACA4B,GACA,EACA,KACA,KACA,MAIa,aAAAC,E","file":"js/chunk-fc301fd0.9e16364f.js","sourcesContent":["export * from \"-!../../../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/src/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!./index.vue?vue&type=style&index=0&lang=css&\"","module.exports = \"data:image/png;base64,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\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{key:_vm.my.gid+'_'+_vm.my.email,attrs:{\"id\":_vm.my.gid+'_'+_vm.my.email}},[_c('div',{staticClass:\"flex-row-center\"},[(_vm.prefix)?_c('div',{staticClass:\"mr-1\"},[_vm._v(\"\\n      \"+_vm._s(_vm.prefix)+\"\\n    \")]):_vm._e(),(_vm.my.email)?_c('img',{ref:\"showActivator\",staticClass:\"pointer\",style:({\n        'height': _vm.avatarsize + 'px',\n        'width': _vm.avatarsize + 'px',\n        'margin': '0 4px 0 0',\n      }),attrs:{\"src\":_vm.my.avatar},on:{\"click\":function($event){$event.stopPropagation();return _vm.clickAvatar()}}}):_vm._e(),_c('div',{style:({\n        'font-size': _vm.textsize + 'px',\n      })},[_vm._v(\"\\n      \"+_vm._s(_vm.my.name)+\"\\n    \")]),(_vm.ending)?_c('div',{staticClass:\"ml-1\"},[_vm._v(\"\\n      \"+_vm._s(_vm.ending)+\"\\n    \")]):_vm._e()])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div\r\n    :id=\"my.gid+'_'+my.email\"\r\n    :key=\"my.gid+'_'+my.email\"\r\n  >\r\n    <div\r\n      class=\"flex-row-center\"\r\n    >\r\n      <div\r\n        v-if=\"prefix\"\r\n        class=\"mr-1\"\r\n      >\r\n        {{ prefix }}\r\n      </div>\r\n      <img\r\n        v-if=\"my.email\"\r\n        ref=\"showActivator\"\r\n        :src=\"my.avatar\"\r\n        class=\"pointer\"\r\n        :style=\"{\r\n          'height': avatarsize + 'px',\r\n          'width': avatarsize + 'px',\r\n          'margin': '0 4px 0 0',\r\n        }\"\r\n        @click.stop=\"clickAvatar()\"\r\n      >\r\n      <div\r\n        :style=\"{\r\n          'font-size': textsize + 'px',\r\n        }\"\r\n      >\r\n        {{ my.name }}\r\n      </div>\r\n      <div\r\n        v-if=\"ending\"\r\n        class=\"ml-1\"\r\n      >\r\n        {{ ending }}\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  // # ms - new file\r\n  // clean version - do nothing sync google or microsoft\r\n  import { mapState } from 'vuex'\r\n  // import { xPost } from '@/http/axios'\r\n  // import md5 from '@/functions/md5'\r\n\r\n  export default {\r\n    name: 'PoptipProfile',\r\n    props: {\r\n      useremail: {\r\n        type: String,\r\n        default () {\r\n          return ''\r\n        }\r\n      },\r\n      username: {\r\n        type: String,\r\n        default () {\r\n          return ''\r\n        }\r\n      },\r\n      gid: {\r\n        type: String,\r\n        default () {\r\n          return ''\r\n        }\r\n      },\r\n      avatarsize: {\r\n        type: Number,\r\n        default () {\r\n          return 16\r\n        }\r\n      },\r\n      textsize: {\r\n        type: Number,\r\n        default () {\r\n          return 14\r\n        }\r\n      },\r\n      url: {\r\n        type: String,\r\n        default () {\r\n          return require('@/assets/avatar.png')\r\n        }\r\n      },\r\n      prefix: {\r\n        type: String,\r\n        default () {\r\n          return ''\r\n        }\r\n      },\r\n      ending: {\r\n        type: String,\r\n        default () {\r\n          return ''\r\n        }\r\n      }\r\n    },\r\n    data () {\r\n      return {\r\n        show: false,\r\n        loading: true,\r\n        defaultURL: require('@/assets/avatar.png'),\r\n\r\n        // actually displayed\r\n        my: {\r\n          gid: null,\r\n          email: null,\r\n          name: null,\r\n          avatar: null\r\n        }\r\n      }\r\n    },\r\n\r\n    computed: {\r\n      ...mapState([\r\n        'userInfo',\r\n        'msal'\r\n      ])\r\n    },\r\n    watch: {\r\n      gid (nv, ov) {\r\n        if (nv !== ov) {\r\n          this.init()\r\n        }\r\n      },\r\n      useremail (nv, ov) {\r\n        if (nv !== ov) {\r\n          this.init()\r\n        }\r\n      },\r\n      username (nv, ov) {\r\n        if (nv !== ov) {\r\n          this.init()\r\n        }\r\n      },\r\n      url (nv, ov) {\r\n        if (nv !== ov) {\r\n          this.init()\r\n        }\r\n      }\r\n    },\r\n    beforeMount () {\r\n      this.init()\r\n    },\r\n\r\n    methods: {\r\n      // mouseleaveTag () {\r\n      //   this.show = false\r\n      // },\r\n      clickAvatar () {\r\n        if (this.gid) {\r\n          console.info('clickAvatar: ' + this.gid)\r\n          this.$router.push({ path: '/user/' + this.gid })\r\n        }\r\n      },\r\n      init () {\r\n        this.my.gid = this.gid\r\n        this.my.email = this.useremail\r\n        this.my.name = this.username\r\n        this.my.avatar = this.url || this.defaultURL\r\n        // this.syncGoogle()\r\n      },\r\n\r\n      // async syncGoogle (timeoftry) {\r\n      //   try {\r\n      //     const gapi = await this.$gapi.getGapiClient()\r\n      //     const res = await gapi.client.directory.users.get({\r\n      //       userKey: (this.gid || this.useremail || '').toString().trim(),\r\n      //       viewType: 'domain_public',\r\n      //       projection: 'full'\r\n      //     })\r\n      //     if (res.result && res.status === 200) {\r\n      //       const gid = res.result.id || null\r\n      //       const email = res.result.primaryEmail || null\r\n      //       const name = res.result.name.fullName || null\r\n      //       const avatar = res.result.thumbnailPhotoUrl || null\r\n      //       if (!this.cmpInfo(gid, email, name, avatar)) {\r\n      //         // update display\r\n      //         this.my.gid = gid\r\n      //         console(this.my.gid)\r\n      //         this.my.email = email\r\n      //         this.my.name = name\r\n      //         this.my.avatar = avatar || this.defaultURL\r\n      //         // sync database\r\n      //         // this.postSyncUser()\r\n      //       }\r\n      //     }\r\n      //     // else {\r\n      //     //   throw new DOMError({\r\n      //     //     detail: 'response error',\r\n      //     //     status: res.status,\r\n      //     //   })\r\n      //     // }\r\n      //   } catch (error) {\r\n      //     // console.log(error)\r\n      //     if (timeoftry < this.maxLoadingTime) {\r\n      //       setTimeout(() => {\r\n      //         this.syncGoogle(timeoftry + 1)\r\n      //       }, 1000)\r\n      //     }\r\n      //   }\r\n      // },\r\n\r\n      // function\r\n      cmpInfo (gid, email, name, avatar) {\r\n        const url = this.url === '' ? null : this.url\r\n        return (\r\n          this.gid === gid &&\r\n          this.useremail === email &&\r\n          this.username === name &&\r\n          url === avatar\r\n        )\r\n      }\r\n\r\n      // post server request\r\n      // async postSyncUser () {\r\n      //   try {\r\n      //     const token = Number(new Date())\r\n      //     const passcode = md5(['syncuser', token])\r\n\r\n      //     const req = xPost(\r\n      //       'users',\r\n      //       'sync',\r\n      //       {\r\n      //         u: this.userInfo,\r\n      //         t: token,\r\n      //         p: passcode,\r\n      //         x: this.my,\r\n      //       })\r\n      //     const res = await req\r\n      //   } catch (err) {\r\n      //     console.log('[Error - Sync User]')\r\n      //   // debug\r\n      //   // console.log(err)\r\n      //   }\r\n      // },\r\n    }\r\n  }\r\n</script>\r\n\r\n<style>\r\n  .pointer {\r\n    cursor: pointer;\r\n    border-radius: 50%;\r\n  }\r\n  .xs-avatar {\r\n    height: 20px;\r\n    width: 20px;\r\n    border-radius: 50%;\r\n  }\r\n  .sm-avatar {\r\n    height: 24px;\r\n    width: 24px;\r\n    border-radius: 50%;\r\n  }\r\n  .md-avatar {\r\n    height: 40px;\r\n    width: 40px;\r\n    border-radius: 50%;\r\n  }\r\n  .flex-row-center {\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: center;\r\n  }\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!./index.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!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=f7b622b2&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.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":""}