vhaudiquet/buildpath
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

Using champions alias instead of id in urls
All checks were successful
pipeline / build-and-push-images (push) Successful in 25s
Details

Browse Source
This commit is contained in:
Valentin Haudiquet
2024-11-24 12:13:00 +01:00
parent fc402120ba
commit 862e3f1b99
4 changed files with 27 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/components/ChampionSelector.vue
View File

@@ -17,7 +17,7 @@ watch(searchText, (newT, oldT) => {
<input v-model="searchText" ref="searchBar" class="search-bar" type="text" placeholder="Champion name..."/>
</div>
<div class="champion-container" style="margin-top: 20px;">
<RouterLink style="margin-left: 5px; margin-right: 5px;" v-for="champion in filteredChampions" :to="'/champion/' + champion.id">
<RouterLink style="margin-left: 5px; margin-right: 5px;" v-for="champion in filteredChampions" :to="'/champion/' + champion.alias.toLowerCase()">
<img :src="CDRAGON_BASE + mapPath(champion.squarePortraitPath)" :alt="champion.name"/>
</RouterLink>
</div>

9
frontend/pages/champion/[id].vue → frontend/pages/champion/[alias].vue
View File

@@ -1,11 +1,16 @@
<script setup>
const route = useRoute()
const championId = route.params.id
const championAlias = route.params.alias
const { data : championData } = await useFetch("/api/champion/" + championId)
const { data : championData } = await useFetch("/api/champion/" + championAlias.toLowerCase())
const championId = championData.value.id
</script>
<template>
<Head>
<Title>{{ championData.name }} builds</Title>
</Head>
<div style="display: flex; width: fit-content; margin: auto;">
<div style="margin-top: 64px;">
<ChampionTitle :champion-id="championId" :winrate="championData.winrate" :pickrate="championData.pickrate" :game-count="championData.gameCount" />

8
frontend/server/api/champion/[id].js → frontend/server/api/champion/[alias].js
View File

@@ -12,19 +12,19 @@ async function fetchLatestPatch(client) {
const latestPatch = await patches.find().limit(1).sort({date:-1}).next()
return latestPatch.patch
}
async function championInfos(client, patch, championId) {
async function championInfos(client, patch, championAlias) {
const database = client.db("champions");
const collection = database.collection(patch);
const query = { id:Number(championId) };
const query = { alias:championAlias };
const championInfo = await collection.findOne(query);
return championInfo
}
export default defineEventHandler(async (event) => {
const championId = getRouterParam(event, "id")
const championAlias = getRouterParam(event, "alias").toLowerCase()
const client = await connectToDatabase();
const latestPatch = await fetchLatestPatch(client);
const data = await championInfos(client, latestPatch, championId);
const data = await championInfos(client, latestPatch, championAlias);
await client.close()
return data
})