mirror of
https://github.com/BlossomiShymae/clean-cuts.git
synced 2025-12-06 10:10:47 +01:00
Remove unused pages
This commit is contained in:
Blossomi Shymae
@@ -25,7 +25,7 @@ const swapCurrentSkin = (id: number) => {
|
||||
<Card class="mb-2 aos-fix" data-aos="fade-right" data-aos-duration="1000" style="z-index: 100 !important;">
|
||||
<div class="d-flex gap-4 flex-wrap align-items-center justify-content-center">
|
||||
<div style="min-width: 300px; max-width: 300px;">
|
||||
<NuxtLink class="text-decoration-none" :to="`/skins/overview/${currentSkin.id}`">
|
||||
<NuxtLink class="text-decoration-none" :to="`/skins/${currentSkin.id}`">
|
||||
<div class="ratio ratio-4x3">
|
||||
<img class="object-fit-cover rounded" :src="currentSkin.getTile({locale: currentLocale, version: 'latest'})"/>
|
||||
</div>
|
||||
|
||||
@@ -1,39 +0,0 @@
|
||||
<template>
|
||||
<div class="row">
|
||||
<div class="col-md-6 col-sm-12">
|
||||
<h1 class="display-4 mb-0">{{ companion.name }}</h1>
|
||||
<p class="text-muted border-bottom -b-3 border-light border-opacity-25 border-4">{{ companion.description }}</p>
|
||||
|
||||
<div class="d-flex flex-wrap gap-3">
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="col-md-6 col-sm-12 d-flex justify-content-center align-items-center">
|
||||
<img :src="companion.getLoadoutsIcon('latest')"/>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import Badge from "../../../components/Badge.vue";
|
||||
import useClient from "../../../composables/useClient";
|
||||
import useLocale from "~/composables/useLocale";
|
||||
import { Companion } from "~/core/models";
|
||||
import { useRoute } from "vue-router";
|
||||
|
||||
const route = useRoute();
|
||||
const id = route.params.id as unknown;
|
||||
|
||||
const { client } = useClient();
|
||||
const { currentLocale } = useLocale();
|
||||
const getCompanions = async () => await client.companions.listAsync({locale: currentLocale.value, version: "latest"});
|
||||
|
||||
const companions = ref(await getCompanions());
|
||||
watch(currentLocale, async() => {
|
||||
companions.value = await getCompanions();
|
||||
});
|
||||
|
||||
const companion = companions.value.find((x) => x.itemId == id) || new Companion({});
|
||||
</script>
|
||||
@@ -1,75 +0,0 @@
|
||||
<template>
|
||||
<div class="row">
|
||||
<div data-aos="fade-right" data-aos-duration="1000">
|
||||
<div>
|
||||
<h1 class="display-4">{{ skin!.name }}</h1>
|
||||
<p v-if="skin?.description">{{ skin.description }}</p>
|
||||
</div>
|
||||
<ul class="nav nav-tabs mb-4">
|
||||
<li class="nav-item">
|
||||
<button class="nav-link text-light"
|
||||
:class="{'active': selector == 'splash'}" @click="selector = 'splash'">Splash</button>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<button class="nav-link text-light"
|
||||
:class="{'active': selector == 'uncenteredSplash'}" @click="selector = 'uncenteredSplash'">Uncentered Splash</button>
|
||||
</li>
|
||||
<li class="nav-item text-light">
|
||||
<button class="nav-link text-light"
|
||||
:class="{'active': selector == 'tile'}" @click="selector = 'tile'">Tile</button>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="d-flex justify-content-center align-items-center mb-4"
|
||||
data-aos="fade-left" data-aos-duration="1000">
|
||||
<img class="img-fluid" :src="selection"/>
|
||||
</div>
|
||||
<div v-if="skinUniverses.length > 0">
|
||||
<h5 class="border-bottom border-light border-opacity-25 border-2 mb-2 pb-2">Universes</h5>
|
||||
<div v-for="skinUniverse in skinUniverses">
|
||||
<div v-if="skinUniverse" :id="`${skinUniverse!.id}`">
|
||||
<h6 class="fw-bold">{{ skinUniverse?.name }}</h6>
|
||||
<p class="ms-2">{{ skinUniverse?.description }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import useClient from '~/composables/useClient';
|
||||
import useLocale from '~/composables/useLocale';
|
||||
|
||||
const route = useRoute();
|
||||
const id = route.params.id as unknown;
|
||||
|
||||
const { client } = useClient();
|
||||
const { currentLocale } = useLocale();
|
||||
const getSkins = async () => await client.skins.listAsync({ locale: currentLocale.value, version: "latest"});
|
||||
const getUniverses = async () => await client.universes.listAsync({ locale: currentLocale.value, version: "latest"});
|
||||
|
||||
const skins = ref(await getSkins());
|
||||
const universes = ref(await getUniverses());
|
||||
watch(currentLocale, async() => {
|
||||
skins.value = await getSkins();
|
||||
universes.value = await getUniverses();
|
||||
});
|
||||
|
||||
const skin = computed(() => skins.value.find((x) => x.id == id));
|
||||
const selector = ref("splash");
|
||||
const selection = computed(() => {
|
||||
switch (selector.value) {
|
||||
case "splash":
|
||||
return skin.value!.getSplash({locale: currentLocale.value, version: "latest"});
|
||||
case "uncenteredSplash":
|
||||
return skin.value!.getUncenteredSplash({locale: currentLocale.value, version: "latest"});
|
||||
case "tile":
|
||||
return skin.value!.getTile({locale: currentLocale.value, version: "latest"});
|
||||
default:
|
||||
return "/img/error.png";
|
||||
}
|
||||
});
|
||||
const skinUniverses = computed(() => skin.value?.skinLines
|
||||
?.map((x) => universes.value.find((y) => y.skinSets.includes(x.id)))
|
||||
.filter(x => x != null) ?? []);
|
||||
</script>
|
||||
@@ -1,39 +0,0 @@
|
||||
<template>
|
||||
<div class="row">
|
||||
<div class="col-md-6 col-sm-12">
|
||||
<h1 class="display-4 mb-0">{{ icon.title }}</h1>
|
||||
<h4 class="ms-4 border-bottom border-light border-opacity-25 border-4 pb-2">{{ icon.yearReleased }}</h4>
|
||||
<div class="d-flex flex-wrap gap-2 mt-3 mb-3">
|
||||
<Badge name="identifier">{{ icon.id }}</Badge>
|
||||
<Badge name="star" v-if="icon.isLegacy"></Badge>
|
||||
</div>
|
||||
<p class="text-muted">{{ icon.descriptions[0].description }}</p>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6 col-sm-12 d-flex justify-content-center align-items-center">
|
||||
<img class="border rounded border-dark" :src="icon.getImage('latest')"/>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import Badge from '~/components/Badge.vue';
|
||||
import { useRoute } from 'vue-router';
|
||||
import useClient from '../../../composables/useClient';
|
||||
import useLocale from '~/composables/useLocale';
|
||||
import { SummonerIcon } from '~/core/models';
|
||||
|
||||
const route = useRoute();
|
||||
const id = route.params.id as unknown;
|
||||
|
||||
const { client } = useClient();
|
||||
const { currentLocale } = useLocale();
|
||||
const getIcons = async () => await client.summonerIcons.listAsync({locale: currentLocale.value, version: "latest"});
|
||||
|
||||
const icons = ref(await getIcons());
|
||||
watch(currentLocale, async() => {
|
||||
icons.value = await getIcons();
|
||||
});
|
||||
|
||||
const icon = icons.value.find((x) => x.id == id) || new SummonerIcon({});
|
||||
</script>
|
||||
@@ -1,37 +0,0 @@
|
||||
<template>
|
||||
<div class="row">
|
||||
<div class="col-md-6 col-sm-12">
|
||||
<h1 class="display-4 pb-2 mb-3 border-bottom border-light border-opacity-25 border-4">{{ tftDamageSkin!.name }}</h1>
|
||||
|
||||
<div class="d-flex flex-wrap gap-3 mb-3">
|
||||
<Badge label="Content ID:">{{ tftDamageSkin!.contentId }}</Badge>
|
||||
<Badge label="Item ID:">{{ tftDamageSkin!.itemId }}</Badge>
|
||||
<Badge label="Group ID:">{{ tftDamageSkin!.groupId }}</Badge>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6 col-sm-12 d-flex justify-content-center align-items-center">
|
||||
<img :src="tftDamageSkin!.getLoadoutsIcon('latest')"/>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import Badge from '~/components/Badge.vue';
|
||||
import useClient from '~/composables/useClient';
|
||||
import useLocale from '~/composables/useLocale';
|
||||
|
||||
const route = useRoute();
|
||||
const id = route.params.id as unknown;
|
||||
|
||||
const { client } = useClient();
|
||||
const { currentLocale } = useLocale();
|
||||
const getTftDamageSkins = async () => await client.tftDamageSkins.listAsync({ locale: currentLocale.value, version: "latest"});
|
||||
|
||||
const tftDamageSkins = ref(await getTftDamageSkins());
|
||||
watch (currentLocale, async() => {
|
||||
tftDamageSkins.value = await getTftDamageSkins();
|
||||
});
|
||||
|
||||
const tftDamageSkin = computed(() => tftDamageSkins.value.find((x) => x.itemId == id));
|
||||
</script>
|
||||
@@ -1,39 +0,0 @@
|
||||
<template>
|
||||
<div class="row">
|
||||
<div class="col-md-6 col-sm-12">
|
||||
<h1 class="display-4 pb-2 mb-3 border-bottom border-light border-opacity-25 border-4">{{ tftMapSkin.name }}</h1>
|
||||
|
||||
<div class="d-flex flex-wrap gap-3 mb-3">
|
||||
<Badge label="Content ID:">{{ tftMapSkin.contentId }}</Badge>
|
||||
<Badge label="Item ID:">{{ tftMapSkin.itemId }}</Badge>
|
||||
<Badge label="Group Name:">{{ tftMapSkin.groupName }}</Badge>
|
||||
<Badge label="Group ID:">{{ tftMapSkin.groupId }}</Badge>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6 col-sm-12 d-flex justify-content-center align-items-center">
|
||||
<img :src="tftMapSkin.getLoadoutsIcon('latest')" />
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import Badge from '~/components/Badge.vue';
|
||||
import useClient from '~/composables/useClient';
|
||||
import useLocale from '~/composables/useLocale';
|
||||
import { TftMapSkin } from '~/core/models';
|
||||
|
||||
const route = useRoute();
|
||||
const id = route.params.id as unknown;
|
||||
|
||||
const { client } = useClient();
|
||||
const { currentLocale } = useLocale();
|
||||
const getTftMapSkins = async () => await client.tftMapSkins.listAsync({ locale: currentLocale.value, version: "latest"});
|
||||
|
||||
const tftMapSkins = ref(await getTftMapSkins());
|
||||
watch(currentLocale, async() => {
|
||||
tftMapSkins.value = await getTftMapSkins();
|
||||
});
|
||||
|
||||
const tftMapSkin = computed(() => tftMapSkins.value.find((x) => x.itemId == id) || new TftMapSkin({}));
|
||||
</script>
|
||||
@@ -1,40 +0,0 @@
|
||||
<template>
|
||||
<div class="row">
|
||||
<div class="col-md-6 col-sm-12">
|
||||
<h1 class="display-4 mb-0">{{ skin.name }}</h1>
|
||||
<p class="text-muted border-bottom pb-3 border-light border-opacity-25 border-4">{{ skin.regionDescriptions[0].description }}</p>
|
||||
|
||||
<div class="d-flex flex-wrap gap-3">
|
||||
<Badge name="identifier">{{ skin.id }}</Badge>
|
||||
<Badge name="star" v-if="skin.isLegacy"></Badge>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6 col-sm-12 d-flex justify-content-center align-items-center">
|
||||
<img class="position-relative" :src="skin.getWardImage('latest')"/>
|
||||
<img class="position-absolute z-index--10" :src="skin.getWardShadowImage('latest')" />
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { WardSkin } from '~/core/models';
|
||||
import Badge from '../../../components/Badge.vue';
|
||||
import useClient from '../../../composables/useClient';
|
||||
import useLocale from '~/composables/useLocale';
|
||||
import { useRoute } from 'vue-router';
|
||||
|
||||
const route = useRoute();
|
||||
const id = route.params.id as unknown;
|
||||
|
||||
const { client } = useClient();
|
||||
const { currentLocale } = useLocale();
|
||||
const getSkins = async () => await client.wardSkins.listAsync({locale: currentLocale.value, version: "latest"});
|
||||
|
||||
const skins = ref(await getSkins());
|
||||
watch(currentLocale, async() => {
|
||||
skins.value = await getSkins();
|
||||
});
|
||||
|
||||
const skin = skins.value.find((x) => x.id == id) || new WardSkin({});
|
||||
</script>
|
||||
Reference in New Issue
Block a user