mirror of
https://iceshrimp.dev/limepotato/jormungandr-bite.git
synced 2025-01-10 15:40:57 -07:00
er?
This commit is contained in:
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
BIN
.yarn/cache/libopenmpt-wasm-https-c2e0cb89a7-ace14fcb0e.zip
(Stored with Git LFS)
vendored
Normal file
Binary file not shown.
|
@ -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>
|
||||
|
|
@ -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
|
||||
|
|
Loading…
Reference in a new issue