limepotato/jormungandr-bite
1
0
Fork 0
mirror of https://iceshrimp.dev/limepotato/jormungandr-bite.git synced 2024-11-25 11:27:31 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions

Manually apply MkAchievements Changes

Browse source
This commit is contained in:
nelle 2024-07-05 16:24:19 -06:00 committed by Iceshrimp development
parent 5bdf50356d
commit 153de7f896
1 changed files with 19 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

38
packages/client/src/components/MkAchievements.vue
View file

@ -1,34 +1,34 @@
<template>
<div>
<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 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>
</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="[.achievement, .locked]" class="_panel" @click="achievement === 'clickedClickHere' ? clickHere() : () => {}">
<div :class=".icon">
<div v-for="achievement in lockedAchievements" :key="achievement" class="_panel achievement locked" @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" module>
<style lang="scss" scoped>
.root {
display: grid;
grid-template-columns: repeat(auto-fill, min(380px, 100%));