mirror of
https://github.com/BradNut/boredgame
synced 2025-09-08 17:40:22 +00:00
Showing different content based on logged in status. Probably not the best way.
This commit is contained in:
parent
b02609f009
commit
d111482708
3 changed files with 75 additions and 79 deletions
|
|
@ -1,35 +1,24 @@
|
|||
import { error } from '@sveltejs/kit';
|
||||
import prisma from '$lib/prisma.js';
|
||||
import { boardGameApi } from '../../api';
|
||||
|
||||
export const load = async ({ params, setHeaders }) => {
|
||||
const queryParams = {
|
||||
ids: `${params?.id}`,
|
||||
fields:
|
||||
'id,name,price,min_age,min_players,max_players,thumb_url,playtime,min_playtime,max_playtime,min_age,description,year_published,url,image_url'
|
||||
};
|
||||
|
||||
const response = await boardGameApi('get', `search`, queryParams);
|
||||
|
||||
if (response.status === 200) {
|
||||
const gameResponse = await response.json();
|
||||
|
||||
setHeaders({
|
||||
'Cache-Control': 'max-age=3600'
|
||||
export const load = async ({ params, setHeaders, locals }) => {
|
||||
try {
|
||||
const { user } = locals;
|
||||
const { id } = params;
|
||||
const game = await prisma.game.findUnique({
|
||||
where: {
|
||||
id
|
||||
}
|
||||
});
|
||||
|
||||
const game = gameResponse?.games[0];
|
||||
if (game.min_players) {
|
||||
game.players = `${game.min_players}-${game.max_players}`;
|
||||
}
|
||||
|
||||
if (game.min_playtime) {
|
||||
game.playtime = `${game.min_playtime}-${game.max_playtime}`;
|
||||
}
|
||||
|
||||
console.log('found game', game);
|
||||
return {
|
||||
game
|
||||
game,
|
||||
user
|
||||
};
|
||||
} catch (error) {
|
||||
console.log(error);
|
||||
}
|
||||
|
||||
throw error(response.status, 'not found');
|
||||
throw error(404, 'not found');
|
||||
};
|
||||
|
|
|
|||
|
|
@ -32,16 +32,19 @@
|
|||
$: wishlistText = existsInWishlist ? 'Remove from wishlist' : 'Add to wishlist';
|
||||
|
||||
export let data: PageData;
|
||||
let game: GameType;
|
||||
$: ({ game } = data);
|
||||
console.log('data', data);
|
||||
// let game: GameType;
|
||||
$: ({ game, user } = data);
|
||||
// let game = data?.game;
|
||||
// export let game: GameType = data?.game;
|
||||
let seeMore: boolean = false;
|
||||
let firstParagraphEnd = 0;
|
||||
if (game?.description?.indexOf('</p>') > 0) {
|
||||
firstParagraphEnd = game?.description?.indexOf('</p>') + 4;
|
||||
} else if (game?.description?.indexOf('</ p>') > 0) {
|
||||
firstParagraphEnd = game?.description?.indexOf('</ p>') + 5;
|
||||
}
|
||||
console.log('game', game);
|
||||
// let firstParagraphEnd = 0;
|
||||
// if (game?.description?.indexOf('</p>') > 0) {
|
||||
// firstParagraphEnd = game?.description?.indexOf('</p>') + 4;
|
||||
// } else if (game?.description?.indexOf('</ p>') > 0) {
|
||||
// firstParagraphEnd = game?.description?.indexOf('</ p>') + 5;
|
||||
// }
|
||||
|
||||
function onCollectionClick() {
|
||||
if (existsInCollection) {
|
||||
|
|
@ -100,8 +103,8 @@
|
|||
{#if game?.year_published}
|
||||
<p>Year: {game?.year_published}</p>
|
||||
{/if}
|
||||
{#if game?.players}
|
||||
<p>Players: {game.players}</p>
|
||||
{#if game?.min_players && game?.max_players}
|
||||
<p>Players: {game.min_players} - {game.max_players}</p>
|
||||
{/if}
|
||||
{#if game?.playtime}
|
||||
<p>Playtime: {game.playtime} minutes</p>
|
||||
|
|
@ -109,54 +112,55 @@
|
|||
{#if game?.min_age}
|
||||
<p>Minimum Age: {game.min_age}</p>
|
||||
{/if}
|
||||
{#if +game?.price !== 0.0}
|
||||
<p>Price: ${game?.price}</p>
|
||||
{/if}
|
||||
<LinkWithIcon external ariaLabel={`Board Game Atlas Link for ${game.name}`} url={game.url}>
|
||||
Board Game Atlas <ExternalLinkIcon width="24" height="24" />
|
||||
</LinkWithIcon>
|
||||
</div>
|
||||
<div style="display: grid; gap: 1.5rem; place-content: center;">
|
||||
<Button size="md" kind={existsInCollection ? 'danger' : 'primary'} icon on:click={onCollectionClick}>
|
||||
{collectionText}
|
||||
{#if existsInCollection}
|
||||
<iconify-icon icon={minusCircle} width="24" height="24" />
|
||||
{:else}
|
||||
<iconify-icon icon={plusCircle} width="24" height="24" />
|
||||
{/if}
|
||||
</Button>
|
||||
<Button size="md" kind={existsInWishlist ? 'danger' : 'primary'} icon on:click={onWishlistClick}>
|
||||
{wishlistText}
|
||||
{#if existsInWishlist}
|
||||
<iconify-icon icon={minusCircle} width="24" height="24" />
|
||||
{:else}
|
||||
<iconify-icon icon={plusCircle} width="24" height="24" />
|
||||
{/if}
|
||||
</Button>
|
||||
</div>
|
||||
{#if user?.username}
|
||||
<div style="display: grid; gap: 1.5rem; place-content: center;">
|
||||
<Button size="md" kind={existsInCollection ? 'danger' : 'primary'} icon on:click={onCollectionClick}>
|
||||
{collectionText}
|
||||
{#if existsInCollection}
|
||||
<iconify-icon icon={minusCircle} width="24" height="24" />
|
||||
{:else}
|
||||
<iconify-icon icon={plusCircle} width="24" height="24" />
|
||||
{/if}
|
||||
</Button>
|
||||
<Button size="md" kind={existsInWishlist ? 'danger' : 'primary'} icon on:click={onWishlistClick}>
|
||||
{wishlistText}
|
||||
{#if existsInWishlist}
|
||||
<iconify-icon icon={minusCircle} width="24" height="24" />
|
||||
{:else}
|
||||
<iconify-icon icon={plusCircle} width="24" height="24" />
|
||||
{/if}
|
||||
</Button>
|
||||
</div>
|
||||
{:else}
|
||||
<span>
|
||||
<a href="/auth/signup">Sign Up</a> or <a href="/auth/signin">Sign In</a> to collect this game
|
||||
</span>
|
||||
{/if}
|
||||
</div>
|
||||
</section>
|
||||
{#if firstParagraphEnd > 0}
|
||||
<section class="description" style="margin-top: 2rem;">
|
||||
{@html game?.description?.substring(0, firstParagraphEnd)}
|
||||
</section>
|
||||
{#if game?.description?.substring(firstParagraphEnd + 1) !== ''}
|
||||
<section class="description">
|
||||
{#if seeMore}
|
||||
<div class="overflow-description" in:fly={{ opacity: 0, x: 100 }} out:fade>
|
||||
{@html game?.description?.substring(firstParagraphEnd + 1)}
|
||||
</div>
|
||||
{/if}
|
||||
<button class="btn button-icon" type="button" on:click={() => (seeMore = !seeMore)}
|
||||
>See
|
||||
{#if !seeMore}
|
||||
More <PlusIcon width="24" height="24" />
|
||||
{:else}
|
||||
Less <MinusIcon width="24" height="24" />
|
||||
{/if}
|
||||
</button>
|
||||
{#if game?.description_preview}
|
||||
{#if !seeMore}
|
||||
<section class="description" style="margin-top: 2rem;" in:fly={{ opacity: 0, x: 100 }} out:fly={{ opacity: 0, x: -100 }}>
|
||||
{`${game?.description_preview.substring(0, 250)}...`}
|
||||
</section>
|
||||
{/if}
|
||||
{#if seeMore}
|
||||
<div class="overflow-description" in:fly={{ opacity: 0, x: 100 }} out:fade>
|
||||
{@html game?.description}
|
||||
</div>
|
||||
{/if}
|
||||
<button class="btn button-icon" type="button" on:click={() => (seeMore = !seeMore)}
|
||||
>See
|
||||
{#if !seeMore}
|
||||
More <PlusIcon width="24" height="24" />
|
||||
{:else}
|
||||
Less <MinusIcon width="24" height="24" />
|
||||
{/if}
|
||||
</button>
|
||||
{:else}
|
||||
<section class="description">
|
||||
<span>
|
||||
|
|
|
|||
|
|
@ -27,7 +27,7 @@ async function searchForGames(urlQueryParams: SearchQuery) {
|
|||
lte: urlQueryParams?.max_playtime || 5000
|
||||
},
|
||||
min_age: {
|
||||
gte: urlQueryParams?.min_age || 130
|
||||
gte: urlQueryParams?.min_age || 0
|
||||
}
|
||||
},
|
||||
skip: urlQueryParams?.skip,
|
||||
|
|
@ -79,7 +79,7 @@ async function searchForGames(urlQueryParams: SearchQuery) {
|
|||
} else {
|
||||
return {
|
||||
totalCount: dbGames.length,
|
||||
dbGames
|
||||
games: dbGames
|
||||
};
|
||||
}
|
||||
} catch (e) {
|
||||
|
|
@ -98,6 +98,8 @@ async function createOrUpdateGame(game: GameType) {
|
|||
const mechanicIds = game.mechanics.map((mechanic) => ({
|
||||
external_id: mechanic.id
|
||||
}));
|
||||
console.log('categoryIds', categoryIds);
|
||||
console.log('mechanicIds', mechanicIds);
|
||||
return await prisma.game.upsert({
|
||||
where: {
|
||||
external_id: game.id
|
||||
|
|
@ -154,7 +156,8 @@ async function createOrUpdateGame(game: GameType) {
|
|||
},
|
||||
create: {
|
||||
external_id: game.primary_publisher.id,
|
||||
name: game.primary_publisher.name
|
||||
name: game.primary_publisher.name,
|
||||
slug: kebabCase(game.primary_publisher.name)
|
||||
}
|
||||
}
|
||||
},
|
||||
|
|
|
|||
Loading…
Reference in a new issue