{"version":3,"sources":["webpack:///./src/components/Input/CaptchaInput.vue","webpack:///./src/components/Input/CaptchaInput.vue?451c","webpack:///./src/views/Home/Login.vue","webpack:///./src/views/Home/Login.vue?b20c"],"names":["class","id","ref","style","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_createVNode","_component_Field","name","field","errorMessage","_mergeProps","placeholder","type","_hoisted_3","_hoisted_4","_hoisted_5","$props","aria-label","onClick","$options","aria-hidden","_hoisted_6","_component_ErrorMessage","components","Field","ErrorMessage","props","captchaValue","String","default","data","ctx","methods","drawCode","$canvas","this","$refs","canvas","fontsize","getRandomColor","letters","color","i","Math","floor","random","width","length","height","strokeStyle","beginPath","moveTo","lineTo","stroke","font","c","charAt","x","y","fillStyle","fillText","speakCode","window","synth","speechSynthesis","utterance","SpeechSynthesisUtterance","lang","speak","refreshCode","$emit","watch","mounted","getContext","__exports__","render","_component_Form","onSubmit","validation-schema","$data","_component_FormInput","field-name","field-label","field-type","_component_RouterLink","to","_cache","_component_CaptchaInput","captcha-value","_$data$captcha","value","onRefreshCaptcha","href","target","title","Form","FormInput","CaptchaInput","schema","captcha","formData","setLoading","captchaValid","api","checkCaptcha","key","alert","refreshCaptch","isPassed","login","getCaptcha","then","mapActions","useLoadingScreen","useUserData","created"],"mappings":"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","file":"js/chunk-c6195a7e.91233603.js","sourcesContent":["<template>\n  <div class=\"form-captcha\">\n    <label class=\"form-label is-required\">驗證碼</label>\n    <div class=\"form-captcha-group\">\n      <Field name=\"captcha\" v-slot=\"{ field, errorMessage }\">\n        <input\n          class=\"form-input\"\n          v-bind=\"field\"\n          :class=\"{ 'is-invalid': !!errorMessage }\"\n          placeholder=\"請輸入驗證碼\"\n          type=\"text\"\n        />\n      </Field>\n      <div class=\"form-captcha-tool\">\n        <div id=\"captcha-container\" class=\"form-captcha-img\">\n          <canvas v-show=\"captchaValue\" ref=\"canvas\" id=\"captcha\" style=\"width: 100%; height: 100%\" />\n        </div>\n        <button type=\"button\" class=\"btn btn-dark\" aria-label=\"重新產生驗證碼\" @click=\"refreshCode\">\n          <i class=\"icon icon-refresh\" aria-hidden=\"true\"></i>\n        </button>\n        <button type=\"button\" class=\"btn btn-dark\" aria-label=\"語音驗證碼\" @click=\"speakCode\">\n          <i class=\"icon icon-audio\" aria-hidden=\"true\"></i>\n        </button>\n      </div>\n    </div>\n    <div class=\"form-promp is-invalid\">\n      <ErrorMessage name=\"captcha\" />\n    </div>\n  </div>\n</template>\n<script>\nimport { Field, ErrorMessage } from 'vee-validate';\n\nexport default {\n  components: {\n    Field,\n    ErrorMessage,\n  },\n  props: {\n    captchaValue: {\n      type: String,\n      default: null,\n    },\n  },\n  data() {\n    return {\n      ctx: null,\n    };\n  },\n  methods: {\n    drawCode() {\n      const $canvas = this.$refs.canvas;\n      const { ctx } = this;\n\n      if (this.captchaValue === null) return;\n\n      const fontsize = 30;\n      $canvas.width = fontsize * this.captchaValue.length + 20;\n      $canvas.height = fontsize + 20;\n\n      function getRandomColor() {\n        const letters = '0123456789ABCDEF';\n        let color = '#';\n        for (let i = 0; i < 6; i += 1) {\n          color += letters[Math.floor(Math.random() * 16)];\n        }\n        return color;\n      }\n\n      // 圖片混淆\n      for (let i = 0; i < 10; i += 1) {\n        ctx.strokeStyle = getRandomColor();\n        ctx.beginPath();\n        ctx.moveTo(Math.random() * $canvas.width, Math.random() * $canvas.height);\n        ctx.lineTo(Math.random() * $canvas.width, Math.random() * $canvas.height);\n        ctx.stroke();\n      }\n\n      ctx.font = `${fontsize}px Georgia bold`;\n      for (let i = 0; i < this.captchaValue.length; i += 1) {\n        const c = this.captchaValue.charAt(i);\n        const x = 10 + i * fontsize;\n        const y = fontsize + Math.random() * 10;\n        ctx.fillStyle = getRandomColor();\n        ctx.fillText(c, x, y);\n      }\n    },\n    speakCode() {\n      if ('speechSynthesis' in window) {\n        const synth = window.speechSynthesis;\n        const utterance = new SpeechSynthesisUtterance(this.captchaValue);\n        utterance.lang = 'zh-TW';\n        synth.speak(utterance);\n      }\n    },\n    refreshCode() {\n      this.$emit('refreshCaptcha');\n    },\n  },\n  watch: {\n    captchaValue() {\n      this.drawCode();\n    },\n  },\n  mounted() {\n    const $canvas = this.$refs.canvas;\n    this.ctx = $canvas.getContext('2d');\n\n    this.drawCode();\n  },\n};\n</script>\n","import { render } from \"./CaptchaInput.vue?vue&type=template&id=02b93bf7\"\nimport script from \"./CaptchaInput.vue?vue&type=script&lang=js\"\nexport * from \"./CaptchaInput.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"D:\\\\project_archive\\\\維護案\\\\北流租借系統\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\n  <h1 class=\"h2 indexPanel-title\">會員登入</h1>\n  <Form class=\"form\" @submit=\"onSubmit\" :validation-schema=\"schema\">\n    <FormInput field-name=\"username\" field-label=\"帳號(公司統一編號/個人身份證字號)\" />\n    <FormInput field-name=\"password\" field-label=\"密碼\" field-type=\"password\"/>\n    <RouterLink style=\"float:right;\" to=\"/forgetpassword\">忘記密碼</RouterLink>\n    <CaptchaInput :captcha-value=\"captcha?.value\" @refresh-captcha=\"refreshCaptch\"/>\n    <button type=\"submit\" class=\"btn btn-primary btn-full\">登入</button>\n  </Form>\n  <div class=\"form-item otherLink\">\n    <RouterLink to=\"/schedule?site=cultural\"><i class=\"icon icon-calendar\" aria-hidden=\"true\"></i>文化館<br>檔期行事曆</RouterLink>\n    <RouterLink to=\"/schedule?site=concert\"><i class=\"icon icon-calendar\" aria-hidden=\"true\"></i>表演廳<br>檔期行事曆</RouterLink>\n    <RouterLink to=\"/signup\"><i class=\"icon icon-user-plus\" aria-hidden=\"true\"></i>會員申請</RouterLink>\n    <a href=\"https://tmc.taipei/\" target=\"_blank\" title=\"回官網(另開視窗)\"><i class=\"icon icon-home\" aria-hidden=\"true\"></i>回官網</a>\n  </div>\n  <div class=\"form-item\">\n    <p class=\"text-danger text-center\">僅申請表演廳、文化館特展廳/大廳者，需辦理會員申請</p>\n  </div>\n</template>\n<script>\nimport { mapActions } from 'pinia';\nimport { useUserData } from '@/store/user';\nimport { login as schema } from '@/utils/schema';\nimport FormInput from '@/components/Input/FormInput.vue';\nimport CaptchaInput from '@/components/Input/CaptchaInput.vue';\nimport { Form } from 'vee-validate';\nimport { useLoadingScreen } from '@/store/index';\nimport api from '@/api/api';\n\nexport default {\n  components: {\n    Form,\n    FormInput,\n    CaptchaInput,\n  },\n  data() {\n    return {\n      schema,\n      captcha: null,\n    };\n  },\n  methods: {\n    async onSubmit(formData) {\n      this.setLoading(true);\n      const captchaValid = await api.checkCaptcha({ key: this.captcha.key, value: formData.captcha });\n      this.setLoading(false);\n      if (!captchaValid) {\n        alert('驗證碼錯誤，請重新輸入');\n        this.refreshCaptch();\n        return;\n      }\n\n      const isPassed = await this.login(formData);\n      if (!isPassed) this.refreshCaptch();\n    },\n    refreshCaptch() {\n      this.captcha = null;\n      api.getCaptcha().then((data) => {\n        this.captcha = data;\n      });\n    },\n    ...mapActions(useLoadingScreen, ['setLoading']),\n    ...mapActions(useUserData, ['login']),\n  },\n  created() {\n    this.refreshCaptch();\n  },\n};\n</script>\n","import { render } from \"./Login.vue?vue&type=template&id=7faeccb9\"\nimport script from \"./Login.vue?vue&type=script&lang=js\"\nexport * from \"./Login.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"D:\\\\project_archive\\\\維護案\\\\北流租借系統\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__"],"sourceRoot":""}