{"version":3,"sources":["webpack:///./src/views/AdminLogin.vue","webpack:///./src/views/AdminLogin.vue?c1ee"],"names":["class","style","for","hidden","alertHidden","title","alertTitle","message","alertMessage","type","alertType","name","adminPassword","loginFn","components","Alert","setup","endpointBase","isClaimOpen","route","router","siteData","description","data","password","value","response","ok","localStorage","setItem","push","__exports__","render"],"mappings":"mIACOA,MAAM,mE,GAEPA,MAAM,6CACNC,MAAA,uB,GAEKD,MAAM,sD,GACJA,MAAM,yC,EACT,eAYK,MAXHA,MAAM,yFASP,iBAED,G,GAQMA,MAAM,sC,GACLA,MAAM,kC,EAEP,eAUC,SATCE,IAAI,WACJF,MAAM,wEAOL,kBAAc,G,8EAvC/B,eA2FM,MA3FN,EA2FM,CA1FJ,eAyFM,MAzFN,EAyFM,CArFJ,eAoFM,MApFN,EAoFM,CAnFJ,eAkFM,MAlFN,EAkFM,CAjFJ,EAaA,eAME,GALCG,OAAQ,EAAAC,YACRC,MAAO,EAAAC,WACPC,QAAS,EAAAC,aACTC,KAAM,EAAAC,UACPV,MAAM,O,4CAER,eA4DO,OA5DP,EA4DO,CA3DL,eA0DM,MA1DN,EA0DM,CAzDJ,eA+BM,YA9BJ,E,eAWA,eAkBE,SAjBAW,KAAK,W,qDACI,EAAAC,cAAa,IACtBZ,MAAM,6J,mBADG,EAAAY,mBAmBb,eAuBS,UAtBN,QAAK,gDAAU,EAAAC,YAAO,cACvBb,MAAM,wQAmBP,uB,gGAmBA,GACbW,KAAM,aACNG,WAAY,CACVC,QAAA,MAGFC,MANa,WAOX,IAAMC,EAAe,eAAO,gBACtBC,EAAc,gBAAI,GAClBN,EAAgB,eAAI,IACpBR,EAAc,gBAAI,GAClBE,EAAa,eAAI,IACjBE,EAAe,eAAI,IACnBE,EAAY,eAAI,IAEhBS,EAAQ,iBACRC,EAAS,iBAETC,EAAW,eAAS,CACxBhB,MAAO,mCACPiB,YAAa,kCAGTT,EAAM,yDAAI,6GACRU,EAAO,CACXC,SAAUZ,EAAca,OAFZ,SAKS,eAAS,GAAD,OAAIR,EAAJ,gBAAgCM,GALjD,OAKRG,EALQ,OAOVA,EAASC,IACXC,aAAaC,QAAQ,YAAajB,EAAca,OAChDL,EAAOU,KAAK,YAEZ1B,EAAYqB,OAAQ,EACpBnB,EAAWmB,MAAQ,eACnBjB,EAAaiB,MAAQ,qBACrBf,EAAUe,MAAQ,SAdN,2CAAJ,qDA2BZ,OATA,eAAS,wCAAC,8GACF,eAAkBR,EAAcG,GAD9B,4CAIV,eAAQ,CACNf,MAAO,gBAAS,kBAAMgB,EAAShB,SAC/BiB,YAAa,gBAAS,kBAAMD,EAASC,iBAGhC,CACLF,SACAH,eACAC,cACAC,QACAP,gBACAR,cACAE,aACAE,eACAE,YACAG,a,qBC9JN,MAAMkB,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,KAErD","file":"js/login.9b4b8b29.js","sourcesContent":["<template>\n  <div class=\"dark:bg-gray-800 dark:text-white bg-white py-6 sm:py-8 lg:py-12\">\n    <div\n      class=\"glass max-w-screen-lg px-4 md:px-8 mx-auto\"\n      style=\"min-height: 60vh\"\n    >\n      <div class=\"dark:bg-transparent bg-white py-6 sm:py-8 lg:py-12\">\n        <div class=\"max-w-screen-2xl px-4 md:px-8 mx-auto\">\n          <h2\n            class=\"\n              text-gray-800 text-2xl\n              dark:text-white\n              lg:text-3xl\n              font-bold\n              text-center\n              mb-4\n              md:mb-8\n            \"\n          >\n            Admin Login\n          </h2>\n          <Alert\n            :hidden=\"alertHidden\"\n            :title=\"alertTitle\"\n            :message=\"alertMessage\"\n            :type=\"alertType\"\n            class=\"m-4\"\n          />\n          <form class=\"max-w-lg border rounded-lg mx-auto\">\n            <div class=\"flex flex-col gap-4 p-4 md:p-8\">\n              <div>\n                <label\n                  for=\"password\"\n                  class=\"\n                    dark:text-white\n                    inline-block\n                    text-gray-800 text-sm\n                    sm:text-base\n                    mb-2\n                  \"\n                  >Admin Password</label\n                >\n                <input\n                  name=\"password\"\n                  v-model=\"adminPassword\"\n                  class=\"\n                    w-full\n                    bg-gray-50\n                    text-gray-800\n                    border\n                    focus:ring\n                    ring-indigo-300\n                    rounded\n                    outline-none\n                    transition\n                    duration-100\n                    px-3\n                    py-2\n                    dark:bg-gray-800 dark:text-white\n                  \"\n                />\n              </div>\n\n              <button\n                @click.prevent=\"loginFn()\"\n                class=\"\n                  block\n                  bg-gray-800\n                  hover:bg-gray-700\n                  active:bg-gray-600\n                  focus-visible:ring\n                  ring-gray-300\n                  text-white text-sm\n                  md:text-base\n                  font-semibold\n                  text-center\n                  rounded-lg\n                  outline-none\n                  transition\n                  duration-100\n                  px-8\n                  py-3\n                  dark:border-gray-600 dark:bg-gray-700 dark:text-gray-200\n                \"\n              >\n                Login\n              </button>\n            </div>\n          </form>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\n// @ is an alias to /src\nimport Alert from \"@/components/Alert\";\nimport { useRoute, useRouter } from \"vue-router\";\nimport { onMounted, inject, ref, reactive, computed } from \"vue\";\nimport { useHead } from \"@vueuse/head\";\nimport { postData, checkAlreadyLogin } from \"@/util/index.js\";\n\nexport default {\n  name: \"AdminLogin\",\n  components: {\n    Alert,\n  },\n\n  setup() {\n    const endpointBase = inject(\"endPointBase\");\n    const isClaimOpen = ref(false);\n    const adminPassword = ref(\"\");\n    const alertHidden = ref(true);\n    const alertTitle = ref(\"\");\n    const alertMessage = ref(\"\");\n    const alertType = ref(\"\");\n\n    const route = useRoute();\n    const router = useRouter();\n\n    const siteData = reactive({\n      title: `ADMIN POAP Manager - poap.yup.io`,\n      description: `ADMIN POAP Manager Login Page`,\n    });\n\n    const loginFn = async () => {\n      const data = {\n        password: adminPassword.value,\n      };\n\n      const response = await postData(`${endpointBase}/admin-login`, data);\n\n      if (response.ok) {\n        localStorage.setItem(\"adminPass\", adminPassword.value);\n        router.push(\"/admin\");\n      } else {\n        alertHidden.value = false;\n        alertTitle.value = \"Login Failed\";\n        alertMessage.value = \"Incorrect Password\";\n        alertType.value = \"error\";\n      }\n    };\n\n    onMounted(async () => {\n      await checkAlreadyLogin(endpointBase, router);\n    });\n\n    useHead({\n      title: computed(() => siteData.title),\n      description: computed(() => siteData.description),\n    });\n\n    return {\n      router,\n      endpointBase,\n      isClaimOpen,\n      route,\n      adminPassword,\n      alertHidden,\n      alertTitle,\n      alertMessage,\n      alertType,\n      loginFn,\n    };\n  },\n};\n</script>\n","import { render } from \"./AdminLogin.vue?vue&type=template&id=18c084c2\"\nimport script from \"./AdminLogin.vue?vue&type=script&lang=js\"\nexport * from \"./AdminLogin.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/opt/buildhome/repo/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__"],"sourceRoot":""}