You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
133 lines
4.1 KiB
133 lines
4.1 KiB
<template>
|
|
<main class="empty-page white-bkg">
|
|
<NuxtLogo />
|
|
<NuxtLink to="/go" class="btn btn--primary"> go to the site </NuxtLink>
|
|
</main>
|
|
</template>
|
|
|
|
<script>
|
|
import { PortierClient } from "portier";
|
|
//import ENV from "../plugins/env.js";
|
|
|
|
export default {
|
|
loading: {
|
|
color: "#007fff",
|
|
height: "1rem",
|
|
},
|
|
// data () {
|
|
// return {
|
|
// portier: new PortierClient({
|
|
// //broker: process.env.PORTIER_URL,
|
|
// redirectUri: this.$config.env.baseURL() + "/login/verify",
|
|
// })
|
|
// }
|
|
// },
|
|
created() {
|
|
this.$cookies.set("at-veri", "set", {
|
|
path: "/",
|
|
maxAge: 60 * 60 * 24 * 7,
|
|
});
|
|
},
|
|
// mounted() {
|
|
// console.log(this.$BASE_URL());
|
|
|
|
// const portier = new PortierClient({
|
|
// //broker: process.env.PORTIER_URL,
|
|
// redirectUri: this.$BASE_URL() + "/login/verify",
|
|
// });
|
|
// portier.verify(req.body.id_token).then((email) => {
|
|
// const redirectButton = req.query.redirect
|
|
// ? `<a href="${req.query.redirect}">${req.query.redirect}</a>`
|
|
// : `<a href="${ENV.BASE_URL}">${ENV.BASE_URL}</a>`;
|
|
// // needed to string .cookie and .type together
|
|
// res
|
|
// .cookie("email", email, {
|
|
// httpOnly: true, // blocks access by JavaScript; prevents cookie manipulation
|
|
// maxAge: 60 * 60 * 24 * 30,
|
|
// signed: false,
|
|
// domain: ENV.BASE_URL,
|
|
// path: "/go",
|
|
// })
|
|
// .type("html").end(`
|
|
// <p>Verified email address ${email}!</p>
|
|
// ${redirectButton}
|
|
// `);
|
|
// });
|
|
// },
|
|
// async asyncData(context, { req, res }) {
|
|
// //console.log(req.body)
|
|
// const portier = new PortierClient({
|
|
// //broker: process.env.PORTIER_URL,
|
|
// redirectUri: context.$BASE_URL() + "/login/verify",
|
|
// });
|
|
// // portier.verify(context.req.body.id_token).then((email) => {
|
|
// // // const redirectButton = req.query.redirect
|
|
// // // ? `<a href="${req.query.redirect}">${req.query.redirect}</a>`
|
|
// // // : `<a href="${context.$BASE_URL()}">${context.$BASE_URL()}</a>`;
|
|
// // // // needed to string .cookie and .type together
|
|
// // // res
|
|
// // // .cookie("email", email, {
|
|
// // // httpOnly: true, // blocks access by JavaScript; prevents cookie manipulation
|
|
// // // maxAge: 60 * 60 * 24 * 30,
|
|
// // // signed: false,
|
|
// // // domain: context.$BASE_URL(),
|
|
// // // path: "/go",
|
|
// // // })
|
|
// // // .type("html").end(`
|
|
// // // <p>Verified email address ${email}!</p>
|
|
// // // ${redirectButton}
|
|
// // // `);
|
|
|
|
// // context.$cookies.set("at-veri", "set", {
|
|
// // path: "/",
|
|
// // maxAge: 60 * 60 * 24 * 7,
|
|
// // });
|
|
|
|
// // console.log(email);
|
|
// // });
|
|
// },
|
|
async fetch(context) {
|
|
//console.log(context)
|
|
console.log(context.req)
|
|
console.log(context.req.body)
|
|
//console.log("fetch " + res.$BASE_URL());
|
|
// console.log(this.$BASE_URL)
|
|
// console.log($BASE_URL)
|
|
// const portier = new PortierClient({
|
|
// //broker: process.env.PORTIER_URL,
|
|
// redirectUri: this.$BASE_URL + "/login/verify",
|
|
// });
|
|
// portier.verify(req.body.id_token).then((email) => {
|
|
// const redirectButton = req.query.redirect
|
|
// ? `<a href="${req.query.redirect}">${req.query.redirect}</a>`
|
|
// : `<a href="${ENV.BASE_URL}">${ENV.BASE_URL}</a>`;
|
|
// // needed to string .cookie and .type together
|
|
// res
|
|
// .cookie("email", email, {
|
|
// httpOnly: true, // blocks access by JavaScript; prevents cookie manipulation
|
|
// maxAge: 60 * 60 * 24 * 30,
|
|
// signed: false,
|
|
// domain: ENV.BASE_URL,
|
|
// path: "/go",
|
|
// })
|
|
// .type("html").end(`
|
|
// <p>Verified email address ${email}!</p>
|
|
// ${redirectButton}
|
|
// `);
|
|
// });
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<style scoped>
|
|
html {
|
|
background-color: black;
|
|
}
|
|
|
|
.empty-page {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
</style>
|