Files
habitica/website/client/components/achievements/achievementAvatar.vue
Keith Holliday 5995dd235d New client more updates (#8934)
* Added api token to page

* Fixed wiki link

* Added categoires

* Removed extra create challenge button. Add prize model and user balance deduction

* Added pending filter

* Added member sort

* Added confirmation for leaving

* Filtered tavern

* Added redirect to newly created guild

* Made guild links routerlinks

* Fixed wiki link and added fetch recent messages

* Show backgrounds only on edit. Fixed glasses equip

* Added link to register page

* Added yesterdailies

* Added achievement footer

* Update guild badges

* Added avatar to achievement avatar component

* More guild crests updates

* Achievement footer and avatar added

* Added notification read

* Removed duplicate string
2017-08-09 10:56:48 -06:00

36 lines
738 B
Vue

<template lang="pug">
.container-fluid
.row
.col-4(style='padding:0')
div(:class='achievementClass')
.col-4(style='padding:0')
.herobox(:style="`${margin}em`")
.character-sprites
//- +generatedAvatar({sleep: false})
avatar(:member='user')
.col-4
div(:class='achievementClass' style='margin: 2em auto')
</template>
<script>
import { mapState } from 'client/libs/store';
import Avatar from '../avatar';
export default {
components: {
Avatar,
},
props: ['badge', 'margin'],
data () {
return {
achievementClass: `achievement-${this.badge}2x`,
};
},
computed: {
...mapState({
user: 'user.data',
}),
},
};
</script>