This commit is contained in:
limepotato 2024-07-05 17:20:29 -06:00 committed by Iceshrimp development
parent 52792b706e
commit 8b4a927bce
3 changed files with 213 additions and 209 deletions

BIN
.yarn/cache/libopenmpt-wasm-https-c2e0cb89a7-ace14fcb0e.zip (Stored with Git LFS) vendored Normal file

Binary file not shown.

View file

@ -1,34 +1,34 @@
<template>
<div>
<div v-if="achievements" class="root">
<div v-for="achievement in achievements" :key="achievement" class="_panel achievement">
<div class="icon">
<div :class="[['iconFrame'], ['iconFrame_' + ACHIEVEMENT_BADGES[achievement.name].frame]]">
<div class="iconInner" :style="{ background: ACHIEVEMENT_BADGES[achievement.name].bg }">
<img class="iconImg" :src="ACHIEVEMENT_BADGES[achievement.name].img">
<div v-if="achievements" :class="'.root'">
<div v-for="achievement in achievements" :key="achievement" :class="'.achievement'" class="_panel">
<div :class="'.icon'">
<div :class="['.iconFrame', ['iconFrame_' + ACHIEVEMENT_BADGES[achievement.name].frame]]">
<div :class="['.iconInner']" :style="{ background: ACHIEVEMENT_BADGES[achievement.name].bg }">
<img :class="'.iconImg'" :src="ACHIEVEMENT_BADGES[achievement.name].img">
</div>
</div>
</div>
<div class="body">
<div class="header">
<span class="title">{{ i18n.ts._achievements._types['_' + achievement.name].title }}</span>
<span class="time">
<div :class="'.body'">
<div :class="'.header'">
<span :class="'.title'">{{ i18n.ts._achievements._types['_' + achievement.name].title }}</span>
<span :class="'.time'">
<time v-tooltip="new Date(achievement.unlockedAt).toLocaleString()">{{ new Date(achievement.unlockedAt).getFullYear() }}/{{ new Date(achievement.unlockedAt).getMonth() + 1 }}/{{ new Date(achievement.unlockedAt).getDate() }}</time>
</span>
</div>
<div class="description">{{ i18n.ts._achievements._types['_' + achievement.name].description }}</div>
<div v-if="i18n.ts._achievements._types['_' + achievement.name].flavor" class="flavor">{{ i18n.ts._achievements._types['_' + achievement.name].flavor }}</div>
<div :class="'.description'">{{ i18n.ts._achievements._types['_' + achievement.name].description }}</div>
<div v-if="i18n.ts._achievements._types['_' + achievement.name].flavor" :class="'.flavor'">{{ i18n.ts._achievements._types['_' + achievement.name].flavor }}</div>
</div>
</div>
<template v-if="withLocked">
<div v-for="achievement in lockedAchievements" :key="achievement" class="_panel achievement locked" @click="achievement === 'clickedClickHere' ? clickHere() : () => {}">
<div class="icon">
<div v-for="achievement in lockedAchievements" :key="achievement" :class="['.achievement', '.locked']" class="_panel" @click="achievement === 'clickedClickHere' ? clickHere() : () => {}">
<div :class="'.icon'">
</div>
<div class="body">
<div class="header">
<span class="title">???</span>
<div :class="'.body'">
<div :class="'.header'">
<span :class="'.title'">???</span>
</div>
<div class="description">???</div>
<div :class="'.description'">???</div>
</div>
</div>
</template>
@ -77,7 +77,7 @@ onMounted(() => {
});
</script>
<style lang="scss" scoped>
<style lang="scss" module>
.root {
display: grid;
grid-template-columns: repeat(auto-fill, min(380px, 100%));
@ -222,3 +222,4 @@ onMounted(() => {
margin-top: 8px;
}
</style>

View file

@ -225,7 +225,7 @@
<MkA
v-if="notification.type === 'achievementEarned'"
class="text"
:to="/my/achievements">
:to="'/my/achievements'">
{{ i18n.ts._achievements._types['_' + notification.achievement].title }}
</MkA>
<span