{"version":3,"sources":["webpack:///./src/views/Profile/ProfileOverview.vue.vue","webpack:///./src/views/Profile/ProfileOverview.vue.vue?45b4"],"names":["class","src","profileObj","UserImgUrl","alt","Name","NickName","FollowersNumber","FollowingNumber","type","userAttendObj","Status","changeFollowStatus","Id","Fallowed","to","Country","City","Area","AboutMe","MySkill","MyInterest","href","FacebookLink","InstagramLink","LineLink","transCreatDate","Views","routeUserId","isPage","changeActive","props","data","putFollowStaus","FollowingUserId","components","componentNavbar","componentFooter","watch","created","this","changeLinkActive","console","log","$route","params","UserId","$apiHelper","get","then","res","oriProfileObj","Data","Image","transDate","getJwtToken","JwtToken","Message","localStorage","setItem","apiMessage","Following","put","methods","changePath","item","creatDate","CreatDate","transCreatDateObj","splitDate","splitFinalDate","transCreatTime","splitFinalTime","date","Time","Date","getFullYear","getMonth","getDate","getHours","getMinutes","followerId","$router","push","pageName","name","category","__exports__","render"],"mappings":"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","file":"js/chunk-2d22c33f.56d52baa.js","sourcesContent":["<template>\n  <!-- <div>個人檔案頁的導覽頁面（全部共用元件處）</div> -->\n  <component-navbar></component-navbar>\n  <div class=\"pt-10\">\n    <div class=\"container\">\n      <div class=\"row py-10\">\n        <div class=\"col-md-3\">\n          <!-- 左邊：個人資料檔案區塊 -->\n          <div class=\"px-40 py-5 border border-dark rounded-6\">\n            <div class=\"text-center\">\n              <img\n                :src=\"profileObj.UserImgUrl\"\n                alt=\"memberPhoto\"\n                class=\"rounded-pill memberPhoto-120 mb-4 text-center\"\n              />\n              <h2 class=\"text-center text-dark mb-1 fw-bold fs-4 lh-36\">\n                {{ profileObj.Name }}\n              </h2>\n              <p class=\"text-center text-dark mb-3 fw-bold fs-4 lh-36\">\n                {{ profileObj.NickName }}\n              </p>\n              <p class=\"text-dark fw-light lh-base mb-3\">\n                {{ profileObj.FollowersNumber }} 追蹤者｜{{\n                  profileObj.FollowingNumber\n                }}\n                關注中\n              </p>\n              <button\n                type=\"button\"\n                class=\"\n                  btn btn-dark\n                  fw-light\n                  rounded-pill\n                  d-flex\n                  align-items-center\n                  text-center\n                  mx-auto\n                  text-white\n                  fs-7\n                  mb-32\n                \"\n                :class=\"{ 'd-none': userAttendObj.Status }\"\n                @click=\"changeFollowStatus(profileObj.Id)\"\n              >\n                <span class=\"material-icons fs-6 me-2\">done_outline</span>\n                {{ userAttendObj.Fallowed }}\n              </button>\n              <router-link :to=\"`/edit-profile/${profileObj.Id}`\">\n                <button\n                  type=\"button\"\n                  class=\"\n                    btn btn-dark\n                    fw-light\n                    rounded-pill\n                    d-flex\n                    align-items-center\n                    text-center\n                    mx-auto\n                    text-white\n                    fs-7\n                    mb-32\n                  \"\n                  :class=\"{ 'd-none': !userAttendObj.Status }\"\n                >\n                  <span class=\"material-icons fs-6 me-2\">edit</span>\n                  編輯個人檔案\n                </button>\n              </router-link>\n            </div>\n            <!-- 地點 -->\n            <div class=\"address py-32 border-dark border-top border-bottom\">\n              <p\n                class=\"\n                  d-flex\n                  justify-content-start\n                  align-items-center\n                  text-dark\n                  m-0\n                \"\n              >\n                <span class=\"material-icons me-2\">place</span>\n                {{ profileObj.Country }}．{{ profileObj.City }}．{{\n                  profileObj.Area\n                }}\n              </p>\n            </div>\n            <!-- 關於我 -->\n            <div class=\"aboutMe py-32\">\n              <h3 class=\"text-dark fs-6 mb-2\">關於我</h3>\n              <p class=\"text-dark mb-32 fw-light\">\n                {{ profileObj.AboutMe }}\n              </p>\n              <h3 class=\"text-dark fs-6 mb-2\">我的專長</h3>\n              <p class=\"text-dark mb-32 fw-light\">\n                {{ profileObj.MySkill }}\n              </p>\n              <h3 class=\"text-dark fs-6 mb-2\">我的興趣</h3>\n              <p class=\"text-dark mb-0 fw-light\">\n                {{ profileObj.MyInterest }}\n              </p>\n            </div>\n            <!-- 社群軟體 -->\n            <div class=\"py-32 border-dark border-top\">\n              <h3 class=\"text-dark fs-6 mb-4\">社群軟體</h3>\n              <ul class=\"list-unstyled d-flex justify-content-between mb-0\">\n                <li class=\"nav-item py-0\">\n                  <a\n                    class=\"nav-link text-dark p-0 fs-3\"\n                    :href=\"profileObj.FacebookLink\"\n                  >\n                    <i class=\"fab fa-facebook-square\"></i>\n                  </a>\n                </li>\n                <li class=\"nav-item py-0\">\n                  <a\n                    class=\"nav-link text-dark p-0 fs-3\"\n                    :href=\"profileObj.InstagramLink\"\n                  >\n                    <i class=\"fab fa-instagram\"></i>\n                  </a>\n                </li>\n                <li class=\"nav-item py-0\">\n                  <a\n                    class=\"nav-link text-dark p-0 fs-3\"\n                    :href=\"profileObj.LineLink\"\n                  >\n                    <i class=\"fab fa-line\"></i>\n                  </a>\n                </li>\n              </ul>\n            </div>\n            <!-- 加入時間、瀏覽次數 -->\n            <p\n              class=\"text-dark fs-7 pt-32 border-top border-dark mb-2 fw-light\"\n            >\n              於 {{ profileObj.transCreatDate }} 加入\n            </p>\n            <p class=\"text-dark fw-light\">瀏覽次數：{{ profileObj.Views }}</p>\n          </div>\n        </div>\n        <div class=\"col-md-9 px-13\">\n          <router-link\n            :to=\"`/profile/my-activity/${this.routeUserId}`\"\n            class=\"mb-32 fw-bold fs-4 text-dark me-4\"\n            @click=\"changeActive('MyActivityOverview')\"\n            :class=\"{ 'text-searchselect': !isPage }\"\n            type=\"button\"\n            >我的活動</router-link\n          >\n          <router-link\n            :to=\"`/profile/study-partner/${this.routeUserId}`\"\n            class=\"mb-32 fw-bold fs-4 text-dark me-4\"\n            @click=\"changeActive('StudyPartnerOverview')\"\n            :class=\"{ 'text-searchselect': isPage }\"\n            type=\"button\"\n            >讀冊夥伴</router-link\n          >\n          <router-view></router-view>\n        </div>\n      </div>\n    </div>\n  </div>\n  <component-footer></component-footer>\n</template>\n\n<script>\nimport componentNavbar from '@/components/Layout/Navbar.vue'\nimport componentFooter from '@/components/Layout/Footer.vue'\n// import { createApp } from '@vue/runtime-dom'\n\nexport default {\n  props: ['UserId'],\n  data () {\n    return {\n      userAttendObj: {},\n      profileObj: {},\n      routeUserId: '',\n      putFollowStaus: {\n        FollowingUserId: ''\n      },\n      isPage: true\n    }\n  },\n  components: {\n    componentNavbar,\n    componentFooter\n  },\n  watch: {\n    '$route.params.UserId': 'changePath'\n  },\n  created () {\n    this.changeLinkActive()\n\n    console.log(this.$route)\n    this.routeUserId = this.$route.params.UserId\n    console.log(this.UserId)\n    // 7-2 取得個人檔案\n    this.$apiHelper.get(`api/users/profile/${this.UserId}`).then((res) => {\n      if (res.data.Status) {\n        console.log(res.data)\n        const oriProfileObj = res.data.Data\n        // 頭貼路徑\n        const UserImgUrl = `${process.env.VUE_APP_USERIMG}/${res.data.Data.Image}?2021`\n        oriProfileObj.UserImgUrl = UserImgUrl\n        // 創建日期\n        this.transDate(oriProfileObj)\n        this.profileObj = oriProfileObj\n        console.log(this.profileObj)\n      }\n    })\n    // 7-1 確認是否為本人瀏覽 (JWT)\n    this.$apiHelper\n      .get(`api/users/activity/attend/profile/status/${this.UserId}`)\n      .then((res) => {\n        const getJwtToken = res.data.JwtToken\n        this.userAttendObj = res.data\n        if (res.data.Status) {\n          console.log(res.data.Message)\n          localStorage.setItem('JwtToken', getJwtToken)\n        } else {\n          console.log(res.data.Message)\n          const apiMessage = res.data.Message\n          // 已登入狀態下判斷有無追蹤\n          if (apiMessage === '非本人資料') {\n            localStorage.setItem('JwtToken', getJwtToken)\n            if (res.data.Following === true) {\n              this.userAttendObj.Fallowed = '已追蹤'\n            } else {\n              this.userAttendObj.Fallowed = '追蹤我'\n            }\n          } else {\n            // 沒有登入狀態下的「追蹤我」\n            this.userAttendObj.Fallowed = '追蹤我'\n          }\n        }\n        console.log(this.userAttendObj)\n      })\n    // 7-3 增加個人頁瀏覽人數\n    // PUT 請求\n    this.$apiHelper\n      .put(`api/users/profile/views/${this.UserId}`)\n      .then((res) => {\n        if (res.data.Status) {\n          console.log(res.data.Message)\n        }\n      })\n  },\n  methods: {\n    // 當路由變化時，更新資料\n    changePath () {\n      // 我的活動、讀冊夥伴樣事業換\n      this.changeLinkActive()\n      console.log(this.$route)\n      this.routeUserId = this.$route.params.UserId\n      // 7-1 確認是否為本人瀏覽 (JWT)\n      this.$apiHelper\n        .get(`api/users/activity/attend/profile/status/${this.routeUserId}`)\n        .then((res) => {\n          const getJwtToken = res.data.JwtToken\n          this.userAttendObj = res.data\n          if (res.data.Status) {\n            console.log(res.data.Message)\n            localStorage.setItem('JwtToken', getJwtToken)\n          } else {\n            console.log(res.data.Message)\n            const apiMessage = res.data.Message\n            // 已登入狀態下判斷有無追蹤\n            if (apiMessage === '非本人資料') {\n              localStorage.setItem('JwtToken', getJwtToken)\n              if (res.data.Following === true) {\n                this.userAttendObj.Fallowed = '已追蹤'\n              } else {\n                this.userAttendObj.Fallowed = '追蹤我'\n              }\n            } else {\n              // 沒有登入狀態下的「追蹤我」\n              this.userAttendObj.Fallowed = '追蹤我'\n            }\n          }\n          console.log(this.userAttendObj)\n        })\n\n      // 7-2 取得個人檔案\n      this.$apiHelper\n        .get(`api/users/profile/${this.routeUserId}`)\n        .then((res) => {\n          if (res.data.Status) {\n            console.log(res.data)\n            const oriProfileObj = res.data.Data\n            // 頭貼路徑\n            const UserImgUrl = `${process.env.VUE_APP_USERIMG}/${res.data.Data.Image}?2021`\n            oriProfileObj.UserImgUrl = UserImgUrl\n            // 創建日期\n            this.transDate(oriProfileObj)\n            this.profileObj = oriProfileObj\n            console.log(this.profileObj)\n          }\n        })\n    },\n    transDate (item) {\n      // 1. 針對日期格式進行轉換\n      // 取得開始、結束日期\n      const creatDate = item.CreatDate\n      // 轉換日期格式,呼叫函式\n      const transCreatDateObj = this.splitDate(creatDate)\n      // transDate:{splitFinalDate: '2021.12.12', splitFinalTime: '16:00'}\n      // 將拆解好的時間加入陣列\n      item.transCreatDate = transCreatDateObj.splitFinalDate\n      item.transCreatTime = transCreatDateObj.splitFinalTime\n      // 回傳每筆資料\n      return item\n    },\n    splitDate (date) {\n      const Time = new Date(date)\n      Time.getFullYear()\n      Time.getMonth()\n      Time.getDate()\n      Time.getHours()\n      Time.getMinutes()\n      const splitFinalDate = `${Time.getFullYear()}.${\n        Time.getMonth() + 1\n      }.${Time.getDate()}`\n      const splitFinalTime = `${Time.getHours()}:${\n        (Time.getMinutes() < 10 ? '0' : '') + Time.getMinutes()\n      }`\n      return { splitFinalDate, splitFinalTime }\n    },\n    // 7-4 追蹤、取消追蹤\n    changeFollowStatus (followerId) {\n      console.log('followerId', followerId)\n      this.putFollowStaus.FollowingUserId = followerId\n      // 7-4 追蹤/取消追蹤功能 (JWT)\n      this.$apiHelper\n        .put('api/users/follow/someone', this.putFollowStaus)\n        .then((res) => {\n          const getJwtToken = res.data.JwtToken\n          if (res.data.Status) {\n            console.log(res.data.Message)\n            // 追蹤、取消追蹤成功的話，就更新得到的 Token\n            localStorage.setItem('JwtToken', getJwtToken)\n            // 按鈕畫面變化\n            if (this.userAttendObj.Fallowed === '已追蹤') {\n              this.userAttendObj.Fallowed = '追蹤我'\n            } else if (this.userAttendObj.Fallowed === '追蹤我') {\n              this.userAttendObj.Fallowed = '已追蹤'\n            }\n          } else {\n            console.log(res.data.Message)\n            // 如果沒有登入的話，就跳轉到登入頁請他登入\n            this.$router.push('login')\n          }\n          console.log(this.userAttendObj)\n        })\n    },\n    // 頁面剛進來時，我的活動、讀冊夥伴 樣式切換\n    changeLinkActive () {\n      const pageName = this.$route.name\n      console.log(pageName)\n      if (pageName === 'MyActivityOverview') {\n        this.isPage = true\n        console.log('是我的活動')\n      } else if (pageName === 'StudyPartnerOverview') {\n        this.isPage = false\n        console.log('是讀冊夥伴')\n      }\n    },\n    changeActive (category) {\n      if (category === 'MyActivityOverview') {\n        this.isPage = true\n        console.log('是我的活動')\n      } else if (category === 'StudyPartnerOverview') {\n        this.isPage = false\n        console.log('是讀冊夥伴')\n      }\n    }\n  }\n}\n</script>\n","import { render } from \"./ProfileOverview.vue.vue?vue&type=template&id=3d774eb4\"\nimport script from \"./ProfileOverview.vue.vue?vue&type=script&lang=js\"\nexport * from \"./ProfileOverview.vue.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/Users/apple/Desktop/studyCircle_VueCLI/studycircle2/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__"],"sourceRoot":""}