135 lines
5.5 KiB
JavaScript
135 lines
5.5 KiB
JavaScript
import useTranslation from "next-translate/useTranslation";
|
|
import Head from "next/head";
|
|
import Link from "next/link";
|
|
import CookieBanner from "../../components/cookieBanner";
|
|
import Footer from "../../components/footer";
|
|
import Header from "../../components/header";
|
|
import Breadcrumbs from "../../components/breadcrumbs";
|
|
import { getCsrfToken } from "next-auth/react";
|
|
import { parseCookies, setCookie, destroyCookie } from "nookies";
|
|
import { ca } from "date-fns/locale";
|
|
|
|
const SignIn = (props) => {
|
|
let { t, lang } = useTranslation();
|
|
const { footerLinks, pages, csrfToken, callbackUrl } = props;
|
|
|
|
let formURL =
|
|
new URL(window.location.href).protocol +
|
|
"//" +
|
|
new URL(window.location.href).hostname +
|
|
":" +
|
|
new URL(window.location.href).port +
|
|
"/api/auth/signin/email";
|
|
|
|
return (
|
|
<div>
|
|
<Head>
|
|
<title>
|
|
{t("auth:auth-page-title")} - {t("common:service-name")}
|
|
</title>
|
|
</Head>
|
|
<div id="page_wrapper">
|
|
<CookieBanner />
|
|
<Header courseName={t("common:service-name")} />
|
|
<div className="govuk-width-container govuk-!-padding-bottom-9">
|
|
<Breadcrumbs />
|
|
<main className="govuk-main-wrapper govuk-!-padding-top-0 govuk-!-padding-bottom-9">
|
|
<div className="govuk-grid-row ">
|
|
<div className="govuk-grid-column-two-thirds ">
|
|
<h1>{t("auth:auth-page-title")} </h1>
|
|
</div>
|
|
</div>
|
|
<div className="govuk-grid-row">
|
|
<div className="govuk-grid-column-two-thirds ">
|
|
<form
|
|
method="post"
|
|
action="/api/auth/signin/email"
|
|
>
|
|
<div className="govuk-form-group">
|
|
<input
|
|
className="govuk-input"
|
|
name="csrfToken"
|
|
type="hidden"
|
|
defaultValue={csrfToken}
|
|
/>
|
|
<input
|
|
className="govuk-input"
|
|
name="callbackUrl"
|
|
type="hidden"
|
|
defaultValue={callbackUrl}
|
|
/>
|
|
<label
|
|
className="govuk-label"
|
|
htmlFor="email"
|
|
>
|
|
{t("auth:auth-email-label")}
|
|
</label>
|
|
<input
|
|
className="govuk-input govuk-!-width-three-quarters"
|
|
type="email"
|
|
id="email"
|
|
name="email"
|
|
/>
|
|
</div>
|
|
<div className="govuk-form-group">
|
|
<button
|
|
type="submit"
|
|
className="govuk-button"
|
|
>
|
|
{t("auth:auth-signin-button-label")}
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
</div>
|
|
<Footer footerLinks={footerLinks} />
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
// export async function getServerSideProps(context) {
|
|
// //console.log("-1-1-1-1-", context.query.callbackUrl, context.locale);
|
|
// //console.log("------ " + context.query.callbackUrl);
|
|
// // setCookie(context, "next-auth.callback-url", context.query.callbackUrl, {
|
|
// // path: "/",
|
|
// // });
|
|
|
|
// const csrfToken = await getCsrfToken(context);
|
|
// let callback =
|
|
// context.locale != "cy"
|
|
// ? process.env.NEXTAUTH_URL
|
|
// : "https://" + process.env.I18N_DOMAIN + ":3000";
|
|
|
|
// context.query.callbackUrl = callback;
|
|
|
|
// let formURL =
|
|
// new URL(callback).protocol +
|
|
// "//" +
|
|
// new URL(callback).hostname +
|
|
// ":" +
|
|
// new URL(callback).port; // +
|
|
// // "/api/auth/signin/email";
|
|
|
|
// //console.log("******", formURL, callback, csrfToken);
|
|
// return {
|
|
// props: { csrfToken: csrfToken, callbackUrl: formURL, redirect: true },
|
|
// };
|
|
// }
|
|
|
|
export async function getServerSideProps(context) {
|
|
const csrfToken = await getCsrfToken(context);
|
|
console.log("-1-1-1-1-", context.query.callbackUrl, context.locale);
|
|
let formURL = context.query.callbackUrl;
|
|
console.log("formUrl:", formURL);
|
|
|
|
formURL = typeof formURL == "undefined" ? null : formURL;
|
|
return {
|
|
props: { csrfToken: csrfToken, callbackUrl: formURL },
|
|
};
|
|
}
|
|
|
|
export default SignIn;
|