Kai/habitica
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor(client): move to Vite by @phillipthelen

Browse Source
This commit is contained in:
Kalista Payne
2025-06-11 19:20:11 -05:00
parent 20d31ed8c8
commit ccc6c9867f
311 changed files with 5321 additions and 10626 deletions
Download Patch File Download Diff File Expand all files Collapse all files
website/client/src/components/userMenu/profile.vue
+21 -24
View File
@@ -1,12 +1,7 @@
<template>
<div>
<div
v-if="!user && userLoaded"
>
<error404 />
</div>
<div
v-else-if="userLoaded"
v-if="userLoaded"
class="profile mt-n3"
>
<!-- HEADER -->
@@ -557,7 +552,7 @@
</template>
<style lang="scss" >
@import '~@/assets/scss/colors.scss';
@import '@/assets/scss/colors.scss';
#userProfile {
@@ -680,7 +675,7 @@
</style>
<style lang="scss" scoped>
@import '~@/assets/scss/colors.scss';
@import '@/assets/scss/colors.scss';
.avatar {
width: fit-content;
@@ -990,21 +985,20 @@ import MemberDetails from '../memberDetails';
import markdown from '@/directives/markdown';
import profileStats from './profileStats';
import message from '@/assets/svg/message.svg';
import gift from '@/assets/svg/gift.svg';
import block from '@/assets/svg/block.svg';
import positive from '@/assets/svg/positive.svg';
import dots from '@/assets/svg/dots.svg';
import megaphone from '@/assets/svg/broken-megaphone.svg';
import lock from '@/assets/svg/lock.svg';
import challenge from '@/assets/svg/challenge.svg';
import member from '@/assets/svg/member-icon.svg';
import staff from '@/assets/svg/tier-staff.svg';
import report from '@/assets/svg/report.svg';
import crown from '@/assets/svg/crown.svg';
import mute from '@/assets/svg/mute.svg';
import shadowMute from '@/assets/svg/shadow-mute.svg';
import error404 from '../404';
import message from '@/assets/svg/message.svg?raw';
import gift from '@/assets/svg/gift.svg?raw';
import block from '@/assets/svg/block.svg?raw';
import positive from '@/assets/svg/positive.svg?raw';
import dots from '@/assets/svg/dots.svg?raw';
import megaphone from '@/assets/svg/broken-megaphone.svg?raw';
import lock from '@/assets/svg/lock.svg?raw';
import challenge from '@/assets/svg/challenge.svg?raw';
import member from '@/assets/svg/member-icon.svg?raw';
import staff from '@/assets/svg/tier-staff.svg?raw';
import report from '@/assets/svg/report.svg?raw';
import crown from '@/assets/svg/crown.svg?raw';
import mute from '@/assets/svg/mute.svg?raw';
import shadowMute from '@/assets/svg/shadow-mute.svg?raw';
import externalLinks from '../../mixins/externalLinks';
import { userCustomStateMixin } from '../../mixins/userState';
// @TODO: EMAILS.COMMUNITY_MANAGER_EMAIL
@@ -1017,7 +1011,6 @@ export default {
components: {
MemberDetails,
profileStats,
error404,
toggleSwitch,
},
mixins: [externalLinks, userCustomStateMixin('userLoggedIn')],
@@ -1210,6 +1203,10 @@ export default {
this.hero = await this.$store.dispatch('hall:getHero', { uuid: this.user._id });
}
if (!this.user) {
this.$router.push('/404');
}
this.userLoaded = true;
},
selectPage (page) {
website/client/src/components/userMenu/profileAchievs.vue
+1 -1
View File
@@ -112,7 +112,7 @@
</template>
<style lang="scss" scoped>
@import '~@/assets/scss/colors.scss';
@import '@/assets/scss/colors.scss';
#achievements {
.category-row {
website/client/src/components/userMenu/profileModal.vue
+2 -2
View File
@@ -20,7 +20,7 @@
</template>
<style lang="scss">
@import '~@/assets/scss/colors.scss';
@import '@/assets/scss/colors.scss';
#profile {
.modal-header {
@@ -44,7 +44,7 @@
</style>
<style lang="scss" scoped>
@import '~@/assets/scss/colors.scss';
@import '@/assets/scss/colors.scss';
.modal-close {
z-index: 1;
website/client/src/components/userMenu/profileStats.vue
+9 -3
View File
@@ -20,7 +20,10 @@
class="gear box"
:class="{white: isUsed(equippedItems, key)}"
>
<Sprite v-if="isUsed(equippedItems, key)" :image-name="`shop_${equippedItems[key]}`"/>
<Sprite
v-if="isUsed(equippedItems, key)"
:image-name="`shop_${equippedItems[key]}`"
/>
</div>
<b-popover
v-if="label !== 'skip'
@@ -66,7 +69,10 @@
class="gear box"
:class="{white: isUsed(costumeItems, key)}"
>
<Sprite v-if="isUsed(costumeItems, key)" :image-name="`shop_${costumeItems[key]}`"/>
<Sprite
v-if="isUsed(costumeItems, key)"
:image-name="`shop_${costumeItems[key]}`"
/>
</div>
<!-- Show background on 8th tile rather than a piece of equipment.-->
<div
@@ -523,7 +529,7 @@ export default {
</script>
<style lang="scss" scoped>
@import '~@/assets/scss/colors.scss';
@import '@/assets/scss/colors.scss';
#stats {
.box div {