mirror of
https://github.com/HabitRPG/habitica.git
synced 2025-12-18 15:17:25 +01:00
c5e0bcfb0e
* View party now opens member modal * Clicking member in header opens member detail modal * Began sticky header * Added sleep * Removed extra inbox and added name styles * Lint fixes * Added member filter * Added task counts * Updated quest start modal * Updated members modal style * Fixed editing party * Updated tavern * Updated my guilds * More guild styles * Many challenge styles and fixes * Fixed notification menu display * Added initial styles to groupplans * Added syncing with inbox * Fixed lint * Added new edit profile layout * Added initial achievement layout * Began adding new stats layout * Removed duplicate: * fix(CI): attempt to address Travis Mongo connection issue * fix(CI): don't strand us in Mongo shell * Travis updates * Try percise
68 lines
1.8 KiB
Vue
68 lines
1.8 KiB
Vue
<template lang="pug">
|
|
#app
|
|
router-view(v-if="!isUserLoggedIn || isStaticPage")
|
|
template(v-else)
|
|
#loading-screen.h-100.w-100.d-flex.justify-content-center.align-items-center(v-if="!isUserLoaded")
|
|
p Loading...
|
|
template(v-else)
|
|
notifications
|
|
app-menu
|
|
.container-fluid
|
|
app-header
|
|
div(:class='{sticky: user.preferences.stickyHeader}')
|
|
router-view
|
|
app-footer
|
|
</template>
|
|
|
|
<script>
|
|
import AppMenu from './components/appMenu';
|
|
import AppHeader from './components/appHeader';
|
|
import AppFooter from './components/appFooter';
|
|
import notifications from './components/notifications';
|
|
import { mapState } from 'client/libs/store';
|
|
|
|
export default {
|
|
name: 'app',
|
|
components: {
|
|
AppMenu,
|
|
AppHeader,
|
|
AppFooter,
|
|
notifications,
|
|
},
|
|
data () {
|
|
return {
|
|
isUserLoaded: false,
|
|
};
|
|
},
|
|
computed: {
|
|
...mapState(['isUserLoggedIn']),
|
|
...mapState({user: 'user.data'}),
|
|
isStaticPage () {
|
|
return this.$route.meta.requiresLogin === false ? true : false;
|
|
},
|
|
},
|
|
created () {
|
|
// Setup listener for title
|
|
this.$store.watch(state => state.title, (title) => {
|
|
document.title = title;
|
|
});
|
|
|
|
if (this.isUserLoggedIn && !this.isStaticPage) {
|
|
// Load the user and the user tasks
|
|
Promise.all([
|
|
this.$store.dispatch('user:fetch'),
|
|
this.$store.dispatch('tasks:fetchUserTasks'),
|
|
]).then(() => {
|
|
this.isUserLoaded = true;
|
|
}).catch((err) => {
|
|
console.error('Impossible to fetch user. Clean up localStorage and refresh.', err); // eslint-disable-line no-console
|
|
});
|
|
}
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<style src="bootstrap/scss/bootstrap.scss" lang="scss"></style>
|
|
<style src="assets/scss/index.scss" lang="scss"></style>
|
|
<style src="assets/css/index.css"></style>
|