{"version":3,"sources":["webpack:///./src/views/users/Login.vue","webpack:///./src/views/users/Login.vue?dda6"],"names":["class","for","data-bs-container","data-bs-toggle","data-bs-placement","data-bs-content","type","id","logIn","placeholder","required","autofocus","user","Account","Password","to","isError","ErrorText","data","userTokenData","Status","JwtToken","methods","this","$apiHelper","post","then","res","getJwtToken","localStorage","setItem","location","href","Message","__exports__","render"],"mappings":"4IACOA,MAAM,S,GAEJA,MAAM,sB,GACJA,MAAM,a,EACT,eAAoE,MAAhEA,MAAM,gDAA+C,UAAM,G,GAE1DA,MAAM,8B,GAEPA,MAAM,iH,GAQDA,MAAM,kD,GAEJA,MAAM,Y,GACJA,MAAM,2C,GAEFA,MAAM,Q,EAET,eAIC,SAHCC,IAAI,gBACJD,MAAM,6BACL,QAAI,G,GAmBJA,MAAM,Q,EACT,eAIC,SAHCC,IAAI,gBACJD,MAAM,6BACL,MAAE,G,GAEAA,MAAM,e,EAgBT,eAeC,QAdCA,MAAM,kFASNE,oBAAkB,OAClBC,iBAAe,UACfC,oBAAkB,MAClBC,kBAAgB,eACf,gBAAY,G,GAKjBL,MAAM,0D,EAON,eASM,OATDA,MAAM,cAAY,CACrB,eAIE,SAHAM,KAAK,WACLN,MAAM,yCACNO,GAAG,eAEL,eAEQ,SAFDP,MAAM,wBAAwBC,IAAI,cAAa,c,oBAOvD,U,EAiBD,eAAmD,QAA7CD,MAAM,4BAA2B,SAAK,G,GACzCA,MAAM,a,EAKX,eAKS,UAJPM,KAAK,SACLN,MAAM,oDACP,QAED,G,GAECA,MAAM,a,iBAAY,e,iBAKlB,Y,iBAEa,Q,s+BA/IhC,eAsPM,MAtPN,EAsPM,CApPJ,eAmPM,MAnPN,EAmPM,CAlPJ,eAiPM,MAjPN,EAiPM,CAhPJ,EAEA,eA6OM,MA7ON,EA6OM,CA5OJ,eA2OM,MA3ON,EA2OM,CAlOJ,eAiOM,MAjON,EAiOM,CA/NJ,eAkIM,MAlIN,EAkIM,CAjIJ,eA+HM,MA/HN,EA+HM,CA9HJ,eAmHO,QAnHA,SAAM,8CAAU,EAAAQ,OAAA,EAAAA,MAAA,qBAAK,e,CAC1B,eAuBM,MAvBN,EAuBM,CArBJ,E,eAKA,eAeE,SAdAF,KAAK,QACLC,GAAG,gBACHP,MAAM,8EAQNS,YAAY,sBACZC,SAAA,GACAC,UAAA,G,qDACS,EAAAC,KAAKC,QAAO,K,mBAAZ,EAAAD,KAAKC,aAGlB,eAuCM,MAvCN,EAuCM,CAtCJ,EAKA,eAgCM,MAhCN,EAgCM,C,eA/BJ,eAcE,SAbAP,KAAK,WACLC,GAAG,gBACHP,MAAM,8EAQNS,YAAY,WACZC,SAAA,G,qDACS,EAAAE,KAAKE,SAAQ,K,mBAAb,EAAAF,KAAKE,YAEhB,MAkBJ,eAwBM,MAxBN,EAwBM,CAhBJ,EAUA,eAKc,GAJZC,GAAG,mBACHf,MAAM,4C,yBACP,iBAED,C,cAIF,eAeM,OAdJA,MAAK,gBAAC,kFAOL,WACoB,EAAAgB,Y,CAErB,EACA,eAEI,IAFJ,EAEI,eADC,EAAAC,WAAS,I,GAIhB,G,IAOF,eASI,IATJ,EASI,C,EAPF,eAKc,GAJZF,GAAG,WACHf,MAAM,sD,yBACP,iBAED,C,oBAON,cAoGC,OACbkB,KADa,WAEX,MAAO,CACLN,KAAM,CACJC,QAAS,GACTC,SAAU,IAGZK,cAAe,CACbC,OAAQ,GACRC,SAAU,IAEZL,SAAS,EACTC,UAAW,KAGfK,QAAS,CACPd,MADO,WACE,WAGPe,KAAKC,WAAWC,KAAK,kBAAmBF,KAAKX,MAAMc,MAAK,SAACC,GAEvD,GAAIA,EAAIT,KAAKE,OAAQ,CAEnB,EAAKD,cAAgBQ,EAAIT,KACzB,IAAMU,EAAcD,EAAIT,KAAKG,SAE7BQ,aAAaC,QAAQ,WAAYF,GAEjCG,SAASC,KAAO,SAGhB,EAAKhB,SAAU,EACf,EAAKC,UAAYU,EAAIT,KAAKe,c,qBCvRpC,MAAMC,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,KAErD","file":"js/chunk-2d0db2c4.c415821d.js","sourcesContent":["<template>\n  <div class=\"pt-10\">\n    <!-- banner -->\n    <div class=\"bg-secondary py-10\">\n      <div class=\"container\">\n        <h2 class=\"text-dark text-center mb-5 display-6 fw-bold\">- 登入 -</h2>\n        <!-- 登入頁內容 -->\n        <div class=\"row justify-content-center\">\n          <div\n            class=\"\n              col-lg-8 col-md-10\n              border border-md-0 border-dark border-widths-2\n              rounded-6\n              px-lg-6 px-md-5 px-5\n              py-md-8 py-5\n            \"\n          >\n            <div class=\"row flex-md-row flex-column align-items-center\">\n              <!-- 右側表單 -->\n              <div class=\"col pe-0\">\n                <div class=\"pe-md-7 border-0 border-end border-dark\">\n                  <form @submit.prevent=\"logIn\">\n                    <div class=\"mb-3\">\n                      <!-- 輸入帳號密碼-->\n                      <label\n                        for=\"loginUsername\"\n                        class=\"form-label fs-4 text-dark\"\n                        >電子信箱</label\n                      >\n                      <input\n                        type=\"email\"\n                        id=\"loginUsername\"\n                        class=\"\n                          form-control-lightYellow\n                          rounded-pill\n                          position-relative\n                          ps-3\n                          border-0\n                          py-13\n                        \"\n                        placeholder=\"thaktsheh@email.com\"\n                        required\n                        autofocus\n                        v-model=\"user.Account\"\n                      />\n                    </div>\n                    <div class=\"mb-2\">\n                      <label\n                        for=\"loginPassword\"\n                        class=\"form-label fs-4 text-dark\"\n                        >密碼</label\n                      >\n                      <div class=\"input-group\">\n                        <input\n                          type=\"password\"\n                          id=\"loginPassword\"\n                          class=\"\n                            form-control-lightYellow\n                            rounded-pill\n                            position-relative\n                            ps-3\n                            border-0\n                            py-13\n                          \"\n                          placeholder=\"Password\"\n                          required\n                          v-model=\"user.Password\"\n                        />\n                        <span\n                          class=\"\n                            material-icons\n                            text-dark\n                            position-absolute\n                            top-50\n                            end-0\n                            translate-middle-y\n                            pe-3\n                          \"\n                          data-bs-container=\"body\"\n                          data-bs-toggle=\"popover\"\n                          data-bs-placement=\"top\"\n                          data-bs-content=\"Top popover\"\n                          >help_outline</span\n                        >\n                      </div>\n                    </div>\n                    <div\n                      class=\"\n                        mb-5\n                        d-flex\n                        justify-content-between\n                        align-items-center\n                      \"\n                    >\n                      <div class=\"form-check\">\n                        <input\n                          type=\"checkbox\"\n                          class=\"form-check-input rounded-0 boredr-dark\"\n                          id=\"rememberMe\"\n                        />\n                        <label class=\"form-check-label fs-8\" for=\"rememberMe\">\n                          記住我的帳號\n                        </label>\n                      </div>\n                      <router-link\n                        to=\"/forget-password\"\n                        class=\"text-decoration-underline text-dark fs-8\"\n                      >\n                        忘記密碼\n                      </router-link>\n                    </div>\n\n                    <!-- 錯誤提示 -->\n                    <div\n                      class=\"\n                        errorMessenger\n                        text-danger\n                        d-flex\n                        mb-2\n                        justify-content-start\n                        align-items-center\n                      \"\n                      :class=\"{ 'd-none': !isError }\"\n                    >\n                      <span class=\"material-icons fs-6 me-1\">error</span>\n                      <p class=\"fs-7 mb-0\">\n                        {{ ErrorText }}\n                      </p>\n                    </div>\n\n                    <button\n                      type=\"submit\"\n                      class=\"btn btn-dark w-100 text-white rounded-pill py-13\"\n                    >\n                      登入\n                    </button>\n                  </form>\n                  <p class=\"fs-7 mt-2\">\n                    還不是會員嗎？快來\n                    <router-link\n                      to=\"/sign-up\"\n                      class=\"linkforSignUp undoMember text-decoration-underline\"\n                    >\n                      免費註冊會員\n                    </router-link>\n                    吧！\n                  </p>\n                </div>\n                <!-- <div class=\"col-xl-3 col-md-2 border-end border-secondary\"></div> -->\n              </div>\n              <!-- 左側登入方式 -->\n              <div class=\"col mt-md-0 mt-5\">\n                <div\n                  class=\"\n                    row\n                    justify-content-md-end justify-content-center\n                    ps-md-7\n                  \"\n                >\n                  <ul class=\"list-unstyled flex-column g-0\">\n                    <li\n                      class=\"\n                        rounded-pill\n                        bg-transparent\n                        border border-dark\n                        mx-auto\n                        mb-4\n                        px-xxl-7 px-4\n                      \"\n                    >\n                      <a\n                        href=\"#\"\n                        class=\"\n                          loginMethod\n                          text-dark\n                          fw-loght\n                          btn\n                          d-flex\n                          align-items-center\n                          py-13\n                        \"\n                      >\n                        <i\n                          class=\"fab fa-facebook-square fs-4 pe-md-32 pe-3\"\n                        ></i>\n                        使用 Facebook 登入</a\n                      >\n                    </li>\n                    <li\n                      class=\"\n                        rounded-pill\n                        bg-transparent\n                        border border-dark\n                        mx-auto\n                        mb-4\n                        px-xxl-7 px-4\n                      \"\n                    >\n                      <a\n                        href=\"#\"\n                        class=\"\n                          loginMethod\n                          text-dark\n                          fw-loght\n                          btn\n                          d-flex\n                          align-items-center\n                          py-13\n                        \"\n                      >\n                        <i class=\"fab fa-google fs-4 pe-md-32 pe-3\"></i>\n                        使用 Google 登入</a\n                      >\n                    </li>\n                    <li\n                      class=\"\n                        rounded-pill\n                        bg-transparent\n                        border border-dark\n                        mx-auto\n                        px-xxl-7 px-4\n                      \"\n                    >\n                      <a\n                        href=\"#\"\n                        class=\"\n                          loginMethod\n                          text-dark\n                          fw-loght\n                          btn\n                          d-flex\n                          align-items-center\n                          py-13\n                        \"\n                      >\n                        <i class=\"fab fa-line fs-4 pe-md-32 pe-3\"></i>\n                        使用 Line 登入</a\n                      >\n                    </li>\n                  </ul>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  data () {\n    return {\n      user: {\n        Account: '',\n        Password: ''\n      },\n      // 登入後接收的 Token 資訊\n      userTokenData: {\n        Status: '',\n        JwtToken: ''\n      },\n      isError: false,\n      ErrorText: ''\n    }\n  },\n  methods: {\n    logIn () {\n      // POST請求\n      // 2-2 會員登入（ * 取得刷新的 Token ）\n      this.$apiHelper.post('api/users/login', this.user).then((res) => {\n        // console.log(res.data.Status)\n        if (res.data.Status) {\n          // console.log('login')\n          this.userTokenData = res.data\n          const getJwtToken = res.data.JwtToken\n          // console.log(this.userTokenData)\n          localStorage.setItem('JwtToken', getJwtToken)\n          // this.$router.push('/study-circle')\n          location.href = '/'\n          // location.href = 'https://cycchuyin.github.io/thak-tsheh/'\n        } else {\n          this.isError = true\n          this.ErrorText = res.data.Message\n        }\n      })\n    }\n  }\n}\n</script>\n","import { render } from \"./Login.vue?vue&type=template&id=3e4c828a\"\nimport script from \"./Login.vue?vue&type=script&lang=js\"\nexport * from \"./Login.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":""}