Using champions alias instead of id in urls
All checks were successful
pipeline / build-and-push-images (push) Successful in 25s
All checks were successful
pipeline / build-and-push-images (push) Successful in 25s
This commit is contained in:
@@ -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>
|
||||
|
||||
@@ -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" />
|
||||
@@ -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
|
||||
})
|
||||
@@ -29,8 +29,14 @@ type Builds = {
|
||||
boots: Array<{data: number, count: number}>
|
||||
lateGame: Array<{data: number, count: number}>
|
||||
}
|
||||
type Champion = {
|
||||
id: Number
|
||||
name: String
|
||||
alias: String
|
||||
}
|
||||
|
||||
async function championInfos(client, patch: number, championId: number) {
|
||||
async function championInfos(client, patch: number, champion: Champion) {
|
||||
const championId = champion.id
|
||||
const database = client.db("matches");
|
||||
const matches = database.collection(patch)
|
||||
const allMatches = matches.find()
|
||||
@@ -181,7 +187,9 @@ async function championInfos(client, patch: number, championId: number) {
|
||||
builds.bootsFirst /= (winningMatches + losingMatches)
|
||||
builds.lateGame.sort((a, b) => b.count - a.count)
|
||||
|
||||
return {id: championId,
|
||||
return {name: champion.name,
|
||||
alias: champion.alias.toLowerCase(),
|
||||
id: championId,
|
||||
winrate:winningMatches / (winningMatches + losingMatches),
|
||||
gameCount:(winningMatches + losingMatches),
|
||||
pickrate:(winningMatches + losingMatches)/totalMatches,
|
||||
@@ -190,8 +198,8 @@ async function championInfos(client, patch: number, championId: number) {
|
||||
};
|
||||
}
|
||||
|
||||
async function makeChampionStat(client, patch, championId) {
|
||||
const championInfo = await championInfos(client, patch, championId)
|
||||
async function makeChampionStat(client, patch : number, champion : Champion) {
|
||||
const championInfo = await championInfos(client, patch, champion)
|
||||
const database = client.db("champions")
|
||||
const collection = database.collection(patch)
|
||||
await collection.updateOne({id: championInfo.id}, {$set: championInfo}, { upsert: true })
|
||||
@@ -203,7 +211,7 @@ async function championList() {
|
||||
return list.slice(1)
|
||||
}
|
||||
|
||||
async function makeChampionsStats(client, patch) {
|
||||
async function makeChampionsStats(client, patch : number) {
|
||||
var globalItems = await itemList()
|
||||
for(let item of globalItems) {
|
||||
itemDict.set(item.id, item)
|
||||
@@ -214,13 +222,14 @@ async function makeChampionsStats(client, patch) {
|
||||
let i = 0;
|
||||
for(let champion of list) {
|
||||
console.log("Entry " + i + "/" + list.length + " (" + champion.name + ")...")
|
||||
await makeChampionStat(client, patch, champion.id)
|
||||
await makeChampionStat(client, patch, champion)
|
||||
i += 1
|
||||
}
|
||||
|
||||
const database = client.db("champions")
|
||||
const collection = database.collection(patch)
|
||||
await collection.createIndex({id:1})
|
||||
await collection.createIndex({alias:1})
|
||||
}
|
||||
|
||||
export default {makeChampionsStats}
|
||||
|
||||
Reference in New Issue
Block a user