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

Added champions items (first try)

Browse Source
This commit is contained in:
Valentin Haudiquet
2024-11-23 16:30:31 +01:00
parent b415cdaa4e
commit 1e1de7bdf2
13 changed files with 1067 additions and 146 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
frontend/pages/champion/[id].vue
View File

@@ -6,9 +6,14 @@ const { data : championData } = await useFetch("/api/champion/" + championId)
</script>
<template>
<ChampionTitle style="margin-top: 64px; margin-left: 64px;" :champion-id="championId" :winrate="championData.winrate" :pickrate="championData.pickrate" :game-count="championData.gameCount" />
<!-- <RunePage style="margin-top: 64px; margin-left: 64px;" primaryStyleId="8000" secondaryStyleId="8300" :selectionIds="selections" /> -->
<RuneSelector style="margin-top: 20px; margin-left: 64px;" :runes="championData.runes" />
<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" />
<RuneSelector v-if="championData.gameCount > 0" style="margin-top: 20px;" :runes="championData.runes" />
<h2 style="margin: auto; margin-top: 20px; width: fit-content;" v-if="championData.gameCount == 0">Sorry, there is no data for this champion :(</h2>
</div>
<ItemViewer v-if="championData.gameCount > 0" style="margin-top: 64px; margin-left: 64px;" :builds="championData.builds" />
</div>
</template>
<style>