Add public certificates route

src/lib/PublicCertificateCard.svelte

@@ -0,0 +1,35 @@
+<script lang="ts">
+import { Card, CardBody, CardHeader, CardText } from 'sveltestrap';
+import type { Certificate } from '$lib/orchestrator';
+
+export let certificate: Certificate;
+</script>
+
+<Card class="mb-3 me-3">
+	<CardHeader><b>"{certificate.name}"</b></CardHeader>
+	<CardBody>
+		<CardText>
+			<p>
+				<b>ID:</b>
+				{certificate.id} <br />
+				<b>Name:</b>
+				{certificate.name} <br />
+				<b>Service ID:</b>
+				{certificate.cloudServiceId} <br />
+				<b>Issue Date:</b>
+				{certificate.issueDate} <br />
+				<b>Expiration Date:</b>
+				{certificate.expirationDate} <br />
+				<b>Schema:</b>
+				{certificate.standard} <br />
+				<b>Assurance Level:</b>
+				{certificate.assuranceLevel} <br />
+				<b>CAB:</b>
+				{certificate.cab} <br />
+				<b>Description:</b>
+				{certificate.description} <br />
+			</p>
+			<hr />
+		</CardText>
+	</CardBody>
+</Card>

src/lib/orchestrator.ts

@@ -115,6 +115,10 @@ export interface ListCertificatesResponse {
     certificates: Certificate[];
 }
 
+export interface ListPublicCertificatesResponse {
+    certificates: Certificate[];
+}
+
 export interface ListAssessmentResultsResponse {
     results: AssessmentResult[]
 }
@@ -652,3 +656,20 @@ export async function listCertificates(): Promise<Certificate[]> {
         });
 }
 
+/**
+ * Retrieves a list of public certificates from the orchestrator service.
+ * 
+ * @returns an array of {@link Certificate}s.
+ */
+export async function listPublicCertificates(): Promise<Certificate[]> {
+    const apiUrl = clouditorize(`/v1/orchestrator/public/certificates`)
+
+    return fetch(apiUrl, {
+        method: 'GET',
+    })
+        .then(throwError)
+        .then((res) => res.json())
+        .then((response: ListPublicCertificatesResponse) => {
+            return response.certificates;
+        });
+}

src/routes/public/certificates/+page.svelte

@@ -0,0 +1,24 @@
+<script lang="ts">
+	import { Col, Container, Row } from 'sveltestrap';
+	import PublicCertificateCard from '$lib/PublicCertificateCard.svelte';
+	import type { PageData } from './$types';
+
+	export let data: PageData;
+	let { certificates } = data;
+</script>
+
+<h3>Certificates</h3>
+
+{#if certificates}
+	<Container class="mt-4 ms-0 me-0">
+		<Row cols={2} noGutters>
+			{#each certificates as certificate, i}
+				<Col>
+					<PublicCertificateCard {certificate} />
+				</Col>
+			{/each}
+		</Row>
+	</Container>
+{:else}
+	No certificates issued yet.
+{/if}

src/routes/public/certificates/+page.ts

@@ -0,0 +1,17 @@
+import { listPublicCertificates } from '$lib/orchestrator';
+import { redirectLogin } from '$lib/oauth';
+
+/**
+ * @type {import('@sveltejs/kit').PageLoad}
+ */
+export async function load({ params, fetch, context }) {
+	return listPublicCertificates()
+		.then((certificates) => {
+			return {
+				certificates: certificates
+			};
+		})
+		.catch(() => {
+			redirectLogin('/cloud');
+		});
+}