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

Add summoner icons feat

Browse Source
This commit is contained in:
Blossomi Shymae
2024-05-01 21:28:14 -05:00
parent 52123350c6
commit cab1684b7c
2 changed files with 56 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
core/models.ts
View File

@@ -231,6 +231,10 @@ export class SummonerIcon extends CommunityDragonObject {
this.descriptions = json.descriptions.map((x: any) => new Description(x));
this.rarities = json.rarities.map((x: any) => new Rarity(x));
}
getImage(version: string): string {
return this.resolveClientPath({path: this.imagePath ?? "", args: {version: version, locale: "default"}});
}
}
export class WardSkin extends CommunityDragonObject {

52
pages/summoner-icons/index.vue Normal file
View File

@@ -0,0 +1,52 @@
<template>
<div class="d-flex flex-column gap-2">
<h1>Summoner Icons</h1>
<vc:search></vc:search>
<vc:pagination path="/SummonerIcon" list="@Model.Icons.Pages"></vc:pagination>
<div class="overflow-hidden rounded border border-light border-opacity-25 p-4">
<table class="sortable table table-borderless">
<thead>
<tr>
<th scope="col">Id</th>
<th scope="col">Icon</th>
<th scope="col">Title</th>
</tr>
</thead>
<tbody>
<tr v-for="icon in icons" :key="icon.id">
<th scope="row">
<NuxtLink class="text-decoration-none text-light" :to="`/summoner-icons/overview/${icon.id}`">
{{ icon.id }}
</NuxtLink>
</th>
<td>
<NuxtLink class="text-decoration-none text-light" :to="`/summoner-icons/overview/${icon.id}`">
<img :src="icon.getImage('latest')" width="32" height="32" loading="lazy" onerror="this.onerror = null; this.src='/img/error.png'"/>
</NuxtLink>
</td>
<td>
<NuxtLink class="text-decoration-none text-light" :to="`/summoner-icons/overview/${icon.id}`">
@icon.Title
</NuxtLink>
</td>
</tr>
</tbody>
</table>
</div>
<vc:pagination path="/SummonerIcon" list="@Model.Icons.Pages"></vc:pagination>
</div>
</template>
<script setup lang="ts">
import Pagination from '~/components/Pagination.vue';
import useClient from '../../composables/useClient';
const { client } = useClient();
const icons = await client.summonerIcons.listAsync({locale: "default", version: "latest"});
</script>