59 lines
2.8 KiB
HTML
59 lines
2.8 KiB
HTML
<html>
|
|
<head>
|
|
<title>LegoLog Search Results</title>
|
|
<meta name="viewport">
|
|
<link rel="icon" type="image/svg+xml" href="/res/favicon.svg">
|
|
<link rel="stylesheet" type="text/css" href="../global.css">
|
|
|
|
<!-- Fonts -->
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Londrina+Solid&display=swap" rel="stylesheet">
|
|
<link href="https://fonts.googleapis.com/css2?family=Josefin+Sans&display=swap" rel="stylesheet">
|
|
|
|
<!-- Auth0 - a library for authentication -->
|
|
<script src="https://cdn.auth0.com/js/auth0-spa-js/1.13/auth0-spa-js.production.js"></script>
|
|
|
|
<!-- Flickity - a library to make carousells easier to implement -->
|
|
<link rel="stylesheet" href="https://unpkg.com/flickity@2/dist/flickity.min.css">
|
|
<script src="https://unpkg.com/flickity@2/dist/flickity.pkgd.min.js"></script>
|
|
|
|
<!-- Components used on this page - they must be included to work -->
|
|
<script type="module" src="/components/components.mjs"></script>
|
|
<script type="module" src="/components/navbar.mjs"></script>
|
|
<script type="module" src="/components/search.mjs"></script>
|
|
<script type="module" src="/components/basket.mjs"></script>
|
|
<script type="module" src="/components/basket-popout.mjs"></script>
|
|
<script type="module" src="/components/immutable-list.mjs"></script>
|
|
<script type="module" src="/components/accessability-popout.mjs"></script>
|
|
<script type="module" src="/components/notificationbar.mjs"></script>
|
|
<script type="module" src="/components/storefront.mjs"></script>
|
|
<script type="module" src="/components/tag.mjs"></script>
|
|
<script type="module" src="/components/product-list.mjs"></script>
|
|
<script type="module" src="/components/super-compact-listing.mjs"></script>
|
|
<script type="module" src="/components/compact-listing.mjs"></script>
|
|
<script type="module" src="/components/product-listing.mjs"></script>
|
|
|
|
<script type="module" src="index.mjs"></script>
|
|
</head>
|
|
<body>
|
|
<notificationbar-component></notificationbar-component>
|
|
<navbar-component></navbar-component>
|
|
<limited-margin>
|
|
<script>
|
|
console.log(`/api/search/${window.location.search}`)
|
|
// parse out the search query using the query object
|
|
const query = new URLSearchParams(window.location.search)
|
|
// get the search query from the query object
|
|
const searchQuery = query.get('q');
|
|
document.write(/* html */`
|
|
<product-list-component id="results"
|
|
title="Search Results for '${searchQuery}'"
|
|
getroute="/api/search/${window.location.search}"
|
|
augmentable="true">
|
|
</product-list-component>
|
|
`);
|
|
</script>
|
|
</limited-margin>
|
|
</body>
|