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 rarities composable and remove unused code

Browse Source
This commit is contained in:
Blossomi Shymae
2024-10-12 16:02:59 -05:00
parent 3baf423532
commit 7a5a7fb0bc
4 changed files with 13 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
composables/useQueryablePagination.ts
View File

@@ -1,18 +0,0 @@
const isNumeric = (num: any) => (typeof(num) === 'number' || typeof(num) === "string" && num.trim() !== '') && !isNaN(num as number);
export default function useQueryablePagination<T>(iterable: Array<T>, pageSize: number, query: Ref<string>) {
const pagination = computed(() => {
let filtered = [];
if (isNumeric(query.value))
filtered = iterable.filter((x: any) => x.id == parseInt(query.value, 10));
else
filtered = iterable.filter((x) => x.title.toLowerCase().includes(query.value.toLowerCase()));
return usePagination(icons, 100);
})
return {
}
}

11
composables/useRarities.ts Normal file
View File

@@ -0,0 +1,11 @@
export default function useRarities(value: any) {
const rarities: any = {
"1": "Rare",
"2": "Epic",
"3": "Legendary",
"4": "Mythic",
"5": "Ultimate"
};
if (Object.hasOwn(rarities, value)) return rarities[value];
return "";
}

2
pages/summoner-icons/index.vue
View File

@@ -53,7 +53,7 @@ const p = computed(() => {
<div class="d-inline-flex justify-content-end gap-1 m-1">
<span style="background: #0008; padding: 1px;" class="px-1 rounded">{{ summonerIcon.yearReleased }}</span>
<span v-if="summonerIcon.isLegacy" class="px-1 rounded" style="background: #0008; padding: 1px;">Legacy</span>
<span v-if="summonerIcon.rarities && summonerIcon.rarities.length > 0 && summonerIcon.rarities[0].rarity != '0'" class="px-1 rounded" style="background: #0008; padding: 1px;">{{ summonerIcon.rarities[0].rarity }}</span>
<span v-if="summonerIcon.rarities && summonerIcon.rarities.length > 0 && summonerIcon.rarities[0].rarity != '0'" class="px-1 rounded" style="background: #0008; padding: 1px;">{{ useRarities(summonerIcon.rarities[0].rarity) }}</span>
</div>
</div>
</div>

9
pages/ward-skins/index.vue
View File

@@ -20,13 +20,6 @@ const p = computed(() => {
return filtered;
});
const rarities = {
"1": "Epic",
"2": "Legendary",
"3": "Ultimate",
"4": "Mythic"
};
</script>
<template>
@@ -58,7 +51,7 @@ const rarities = {
<div class="position-absolute z-2 d-flex flex-column justify-content-start align-items-end">
<div class="m-2">
<span v-if="wardSkin.isLegacy" style="background: #0008;" class="rounded p-1">Legacy</span>
<span v-if="wardSkin.rarities && wardSkin.rarities.length > 0 && wardSkin.rarities[0].rarity != '0'" style="background: #0008;" class="rounded ms-1 p-1">{{ rarities[wardSkin.rarities[0].rarity as keyof typeof rarities] }}</span>
<span v-if="wardSkin.rarities && wardSkin.rarities.length > 0 && wardSkin.rarities[0].rarity != '0'" style="background: #0008;" class="rounded ms-1 p-1">{{ useRarities(wardSkin.rarities[0].rarity) }}</span>
</div>
</div>
</div>