{"version":3,"sources":["webpack:///./src/views/Activity/RegisterSuccess.vue","webpack:///./src/views/Activity/RegisterSuccess.vue?9484"],"names":["class","type","activityData","Name","ActivityType","transStartDate","transDay","transStartTime","transEndTime","to","UserId","props","data","created","console","log","this","ActivityId","getActivityData","getUserId","methods","$apiHelper","get","then","res","Status","Data","ActivityData","transDate","localUserId","localStorage","getItem","item","dayList","oriDay","ActivityStartDate","newday","Date","getDay","startDate","endDate","ActivityEndDate","creatDate","CreatDate","transStartDateObj","splitDate","transEndDateObj","transCreatDateObj","splitFinalDate","splitFinalTime","transEndDate","transCreatDate","transCreatTime","date","Time","getFullYear","getMonth","getDate","getHours","getMinutes","__exports__","render"],"mappings":"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","file":"js/chunk-2d22db09.e5d0614f.js","sourcesContent":["<template>\n  <div class=\"pt-10\">\n    <div class=\"bg-secondary\">\n      <!-- 報名成功資訊區塊 -->\n      <div class=\"container py-10\">\n        <div class=\"row justify-content-center py-10\">\n          <div class=\"col-xl-6 col-md-10 px-0\">\n            <h2 class=\"text-center\">\n              <span class=\"material-icons display-2 pb-4\">\n                check_circle_outline\n              </span>\n            </h2>\n            <h2 class=\"text-dark text-center mb-5\">＼報名成功／</h2>\n          </div>\n          <div class=\"row justify-content-center\">\n            <div class=\"col-xl-6 col-md-9 px-0\">\n              <!-- 活動標題 -->\n              <div class=\"d-md-flex justify-content-md-between\">\n                <div\n                  class=\"\n                    d-flex\n                    align-items-center\n                    justify-content-xl-start justify-content-center\n                  \"\n                >\n                  <span class=\"material-icons text-dark me-2 d-none d-md-block\"\n                    >location_on</span\n                  >\n                  <p class=\"fs-4 text-dark m-0 fw-light\">\n                    {{ activityData.Name }}{{ activityData.ActivityType }}\n                  </p>\n                </div>\n                <div class=\"d-flex justify-content-center mt-md-0 mt-3\">\n                  <button\n                    type=\"button\"\n                    class=\"\n                      btn btn-outline-dark\n                      rounded-pill\n                      d-flex\n                      align-items-center\n                      fs-7\n                      px-2\n                      py-1\n                    \"\n                  >\n                    <span class=\"material-icons text-dark me-2 fs-6\"\n                      >print</span\n                    >\n                    列印報名資訊\n                  </button>\n                </div>\n              </div>\n              <!-- 活動日期 -->\n              <div class=\"d-md-flex justify-content-between mt-13\">\n                <div\n                  class=\"\n                    d-flex\n                    align-items-center\n                    justify-content-xl-start justify-content-center\n                    mt-md-0 mt-4\n                  \"\n                >\n                  <span class=\"material-icons text-dark me-2 d-none d-md-block\"\n                    >event_note</span\n                  >\n                  <p class=\"fs-4 text-dark m-0 fw-light\">\n                    {{ activityData.transStartDate }}（{{\n                      activityData.transDay\n                    }}）{{ activityData.transStartTime }} -\n                    {{ activityData.transEndTime }}\n                  </p>\n                </div>\n                <div class=\"d-flex justify-content-center mt-md-0 mt-3\">\n                  <button\n                    type=\"button\"\n                    class=\"\n                      btn btn-outline-dark\n                      rounded-pill\n                      d-flex\n                      align-items-center\n                      fs-7\n                      px-2\n                      py-1\n                    \"\n                  >\n                    <span class=\"material-icons text-dark me-2 fs-6\"\n                      >event_note</span\n                    >\n                    新增至行事曆\n                  </button>\n                </div>\n              </div>\n            </div>\n          </div>\n          <!-- 分隔線 -->\n          <div class=\"row justify-content-center\">\n            <div class=\"col-xl-6 col-md-10 px-0\">\n              <hr class=\"dropdown-divider my-4 text-dark\" />\n            </div>\n          </div>\n          <div class=\"row justify-content-center\">\n            <div class=\"col-xl-6 col-md-10\">\n              <!-- 提醒事項區塊 -->\n              <div class=\"text-dark\">\n                <div class=\"d-flex\">\n                  <span class=\"material-icons me-2\">warning_amber</span>\n                  <p>提醒事項</p>\n                </div>\n                <ul class=\"p-0 fw-light\">\n                  <li class=\"text-dark d-flex\">\n                    <p class=\"me-2\">-</p>\n                    <p>\n                      線上活動之連結將會傳送至您的電子信箱，若在活動開始前一天尚未收到，請聯絡線上客服，或來電聯絡我們。\n                    </p>\n                  </li>\n                  <li class=\"text-dark d-flex\">\n                    <p class=\"me-2\">-</p>\n                    <p>\n                      活動開始的前 10 日如需取消報名，需酌收票價 10%\n                      手續費。若在活動開始的 10\n                      日內取消報名，恕無法退還所有報名費用。煩請各位參加者事先預留活動之時間，希望大家可以好好享受活動的樂趣。\n                    </p>\n                  </li>\n                </ul>\n              </div>\n              <!-- 分享區塊 -->\n              <div class=\"row justify-content-center mb-5\">\n                <div class=\"col-md-9\">\n                  <p class=\"text-center fs-4 text-dark\">\n                    分享參加的活動給朋友吧！\n                  </p>\n                  <div class=\"row justify-content-center\">\n                    <div class=\"col-6\">\n                      <ul\n                        class=\"list-unstyled d-flex justify-content-between m-0\"\n                      >\n                        <li class=\"nav-item\">\n                          <a class=\"nav-link text-dark p-0\" href=\"#\">\n                            <i class=\"bi bi-facebook fs-2\"></i>\n                          </a>\n                        </li>\n                        <li class=\"nav-item\">\n                          <a class=\"nav-link text-dark p-0\" href=\"#\">\n                            <i class=\"bi bi-instagram fs-2\"></i>\n                          </a>\n                        </li>\n                        <li class=\"nav-item\">\n                          <a class=\"nav-link text-dark p-0\" href=\"#\">\n                            <i class=\"bi bi-facebook fs-2\"></i>\n                          </a>\n                        </li>\n                      </ul>\n                    </div>\n                  </div>\n                </div>\n              </div>\n              <!-- 按鈕區塊 -->\n              <div class=\"row justify-content-center\">\n                <div class=\"col-9\">\n                  <div class=\"row\">\n                    <div class=\"col-sm-6\">\n                      <router-link\n                        :to=\"`/profile/my-activity/${this.UserId}`\"\n                        type=\"button\"\n                        class=\"\n                          btn btn-outline-dark\n                          rounded-pill\n                          d-flex\n                          justify-content-center\n                          align-items-center\n                          fs-6\n                          py-2\n                          w-100\n                        \"\n                      >\n                        <span class=\"material-icons text-dark me-2\"\n                          >search</span\n                        >\n                        查看票券\n                      </router-link>\n                    </div>\n                    <div class=\"col-sm-6\">\n                      <router-link\n                        to=\"/study-circle\"\n                        type=\"button\"\n                        class=\"\n                          btn btn-outline-dark\n                          rounded-pill\n                          d-flex\n                          justify-content-center\n                          align-items-center\n                          fs-6\n                          py-2\n                          w-100\n                          mt-sm-0 mt-3\n                        \"\n                      >\n                        <span class=\"material-icons text-dark me-2\">home</span>\n                        回到首頁\n                      </router-link>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  props: ['ActivityId'],\n  data () {\n    return {\n      activityData: {},\n      UserId: ''\n    }\n  },\n  created () {\n    console.log(this.ActivityId)\n    this.getActivityData()\n    this.getUserId()\n  },\n  methods: {\n    // 進來到成功報名頁面後，取得活動資料，渲染在畫面資訊\n    getActivityData () {\n      // 宣告 ActivityId 等於路由上傳進來的 id\n      const ActivityId = this.ActivityId\n      // 取得活動資料\n      // 5-1 活動+舉辦者資料\n      this.$apiHelper.get(`api/activity/id/${ActivityId}`).then((res) => {\n        console.log(res)\n        if (res.data.Status) {\n          // 取得 api 給的活動資料\n          const getActivityData = res.data.Data.ActivityData\n          // 轉換成星期格式\n          this.transDay(getActivityData)\n          // 轉換成日期格式\n          this.transDate(getActivityData)\n          // 將整理好的 getActivityData 傳到本地的 data\n          this.activityData = getActivityData\n\n          console.log('報名成功頁面', this.activityData)\n        }\n      })\n    },\n    // 取得登入者的 ID ，可以連結到個人檔案查看票券\n    getUserId () {\n      const localUserId = localStorage.getItem('UserId')\n      this.UserId = localUserId\n    },\n\n    // 轉換成星期格式\n    transDay (item) {\n      const dayList = ['日', '一', '二', '三', '四', '五', '六']\n      const oriDay = item.ActivityStartDate\n      const newday = new Date(oriDay).getDay() // or \"new Date().getDay()\";\n\n      const transDay = dayList[newday]\n      item.transDay = transDay\n      return item\n    },\n    // 拆分日期\n    transDate (item) {\n      // 1. 針對日期格式進行轉換\n      // 取得開始、結束日期\n      const startDate = item.ActivityStartDate\n      const endDate = item.ActivityEndDate\n      const creatDate = item.CreatDate\n      // 轉換日期格式,呼叫函式\n      const transStartDateObj = this.splitDate(startDate)\n      const transEndDateObj = this.splitDate(endDate)\n      const transCreatDateObj = this.splitDate(creatDate)\n      // transDate:{splitFinalDate: '2021.12.12', splitFinalTime: '16:00'}\n      // 將拆解好的時間加入陣列\n      item.transStartDate = transStartDateObj.splitFinalDate\n      item.transStartTime = transStartDateObj.splitFinalTime\n      item.transEndDate = transEndDateObj.splitFinalDate\n      item.transEndTime = transEndDateObj.splitFinalTime\n      item.transCreatDate = transCreatDateObj.splitFinalDate\n      item.transCreatTime = transCreatDateObj.splitFinalTime\n      // 回傳每筆資料\n      return item\n    },\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  }\n}\n</script>\n","import { render } from \"./RegisterSuccess.vue?vue&type=template&id=eb4327fa\"\nimport script from \"./RegisterSuccess.vue?vue&type=script&lang=js\"\nexport * from \"./RegisterSuccess.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":""}