limepotato/jormungandr-bite
1
0
Fork 0
mirror of https://iceshrimp.dev/limepotato/jormungandr-bite.git synced 2024-11-13 13:37: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> <template>
<div> <div>
<div v-if="achievements" :class=".root"> <div v-if="achievements" class="root">
<div v-for="achievement in achievements" :key="achievement" :class=".achievement" class="_panel"> <div v-for="achievement in achievements" :key="achievement" class="_panel achievement">
<div :class=".icon"> <div class="icon">
<div :class="[.iconFrame, ['iconFrame_' + ACHIEVEMENT_BADGES[achievement.name].frame]]"> <div :class="[['iconFrame'], ['iconFrame_' + ACHIEVEMENT_BADGES[achievement.name].frame]]">
<div :class="[.iconInner]" :style="{ background: ACHIEVEMENT_BADGES[achievement.name].bg }"> <div class="iconInner" :style="{ background: ACHIEVEMENT_BADGES[achievement.name].bg }">
<img :class=".iconImg" :src="ACHIEVEMENT_BADGES[achievement.name].img"> <img class="iconImg" :src="ACHIEVEMENT_BADGES[achievement.name].img">
</div> </div>
</div> </div>
</div> </div>
<div :class=".body"> <div class="body">
<div :class=".header"> <div class="header">
<span :class=".title">{{ i18n.ts._achievements._types['_' + achievement.name].title }}</span> <span class="title">{{ i18n.ts._achievements._types['_' + achievement.name].title }}</span>
<span :class=".time"> <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> <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> </span>
</div> </div>
<div :class=".description">{{ i18n.ts._achievements._types['_' + achievement.name].description }}</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 v-if="i18n.ts._achievements._types['_' + achievement.name].flavor" class="flavor">{{ i18n.ts._achievements._types['_' + achievement.name].flavor }}</div>
</div> </div>
</div> </div>
<template v-if="withLocked"> <template v-if="withLocked">
<div v-for="achievement in lockedAchievements" :key="achievement" :class="[.achievement, .locked]" class="_panel" @click="achievement === 'clickedClickHere' ? clickHere() : () => {}"> <div v-for="achievement in lockedAchievements" :key="achievement" class="_panel achievement locked" @click="achievement === 'clickedClickHere' ? clickHere() : () => {}">
<div :class=".icon"> <div class="icon">
</div> </div>
<div :class=".body"> <div class="body">
<div :class=".header"> <div class="header">
<span :class=".title">???</span> <span class="title">???</span>
</div> </div>
<div :class=".description">???</div> <div class="description">???</div>
</div> </div>
</div> </div>
</template> </template>
@ -77,7 +77,7 @@ onMounted(() => {
}); });
</script> </script>
<style lang="scss" module> <style lang="scss" scoped>
.root { .root {
display: grid; display: grid;
grid-template-columns: repeat(auto-fill, min(380px, 100%)); grid-template-columns: repeat(auto-fill, min(380px, 100%));