2022-02-18 08:56:42 +00:00
|
|
|
import { GetServerSideProps } from "next";
|
|
|
|
|
import { IdPMetadata } from "../types";
|
|
|
|
|
import config from "../lib/env";
|
|
|
|
|
import { createCertificate } from "../utils";
|
|
|
|
|
import React from "react";
|
|
|
|
|
import Link from "next/link";
|
|
|
|
|
import Layout from "components/Layout";
|
|
|
|
|
import Head from "next/head";
|
2022-02-18 04:07:27 +00:00
|
|
|
|
|
|
|
|
export const getServerSideProps: GetServerSideProps = async () => {
|
|
|
|
|
const metadata: IdPMetadata = {
|
|
|
|
|
ssoUrl: config.ssoUrl,
|
|
|
|
|
entityId: config.entityId,
|
|
|
|
|
certificate: await createCertificate(),
|
2022-02-18 08:56:42 +00:00
|
|
|
};
|
2022-02-18 04:07:27 +00:00
|
|
|
|
|
|
|
|
return {
|
|
|
|
|
props: {
|
2022-02-18 08:56:42 +00:00
|
|
|
metadata,
|
2022-02-18 04:07:27 +00:00
|
|
|
},
|
|
|
|
|
};
|
|
|
|
|
};
|
|
|
|
|
|
2022-02-18 08:56:42 +00:00
|
|
|
const Home: React.FC<{ metadata: IdPMetadata }> = ({ metadata }) => {
|
2022-01-08 15:11:13 +00:00
|
|
|
return (
|
2022-02-18 08:56:42 +00:00
|
|
|
<>
|
|
|
|
|
<Head>
|
|
|
|
|
<title>Mock SAML IdP - Metadata</title>
|
|
|
|
|
</Head>
|
|
|
|
|
<div className="w-3/5 mx-auto relative top-10 bg-blue-50 p-5 rounded-xl grid gap-6 grid-cols-3 shadow-lg shadow-blueGray-50 text-[#145698]">
|
|
|
|
|
<p className="font-bold">SSO URL</p>
|
|
|
|
|
<p className="col-span-2">{metadata.ssoUrl}</p>
|
|
|
|
|
<p className="font-bold">Entity ID</p>
|
|
|
|
|
<p className="col-span-2">{metadata.entityId}</p>
|
|
|
|
|
<p className="font-bold">Certificate</p>
|
|
|
|
|
<p className="min-w-0 overflow-auto text-sm col-span-2">
|
|
|
|
|
{metadata.certificate}
|
|
|
|
|
</p>
|
|
|
|
|
<br></br>
|
|
|
|
|
<p>
|
|
|
|
|
<Link href="/api/saml/metadata/download">Download Metadata</Link>
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
</>
|
|
|
|
|
);
|
|
|
|
|
};
|
2022-01-08 15:11:13 +00:00
|
|
|
|
2022-02-18 08:56:42 +00:00
|
|
|
export default Home;
|
