Archive/clean-cuts
1
0
Fork 0
mirror of https://github.com/BlossomiShymae/clean-cuts.git synced 2025-12-06 10:10:47 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

Use champion icons for statstones

Browse Source
This commit is contained in:
BlossomiShymae
2024-06-13 19:05:52 -05:00
parent b2d09fbbcb
commit 6961d90c2c
1 changed files with 11 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
pages/loots/index.vue
View File

@@ -22,7 +22,7 @@
<div class="d-flex flex-wrap justify-content-around gap-2"> <div class="d-flex flex-wrap justify-content-around gap-2">
<div class="card bg-transparent bg-screen border-light border-opacity-25" style="max-width: 180px; width: 180px;" <div class="card bg-transparent bg-screen border-light border-opacity-25" style="max-width: 180px; width: 180px;"
v-for="loot in p.pages[p.index.value]" :key="loot.id"> v-for="loot in p.pages[p.index.value]" :key="loot.id">
<img :src="loot.getImage('latest')" loading="lazy" onerror="this.onerror = null; this.src='/clean-cuts/img/error.png';" /> <img :src="getLootImage(loot)" loading="lazy" onerror="this.onerror = null; this.src='/clean-cuts/img/error.png';" />
<div class="card-body d-flex flex-column justify-content-end"> <div class="card-body d-flex flex-column justify-content-end">
<h5>{{ loot.name }}</h5> <h5>{{ loot.name }}</h5>
@@ -43,6 +43,7 @@ import Pagination from "../../components/Pagination.vue";
import useClient from '../../composables/useClient'; import useClient from '../../composables/useClient';
import useIsNumeric from "../../composables/useIsNumeric"; import useIsNumeric from "../../composables/useIsNumeric";
import usePagination from '../../composables/usePagination'; import usePagination from '../../composables/usePagination';
import { Loot } from '../../core/models';
const { client } = useClient(); const { client } = useClient();
@@ -69,4 +70,13 @@ const p = computed(() => {
return usePagination(filtered, 100); return usePagination(filtered, 100);
}); });
const summaries = await client.championSummaries.listAsync({locale: "default", version: "latest"});
const getLootImage = (loot: Loot) => {
if (loot.type.includes('Statstone'))
return summaries.find((x) => loot.name.toLowerCase().includes(x.name.toLowerCase()))?.getIcon({locale: "default", version: "latest"});
return loot.getImage('latest');
}
</script> </script>