mirror of
https://github.com/sudoxnym/habitica-self-host.git
synced 2026-08-02 04:00:36 +00:00
45 lines
906 B
Vue
45 lines
906 B
Vue
|
<template lang="pug">
|
||
|
|
base-notification(
|
||
|
|
:can-remove="canRemove",
|
||
|
|
:has-icon="true",
|
||
|
|
:notification="notification",
|
||
|
|
:read-after-click="true",
|
||
|
|
@click="action"
|
||
|
|
)
|
||
|
|
div(slot="content", v-html="$t('unallocatedStatsPoints', {points: notification.data.points})")
|
||
|
|
.svg-icon(slot="icon", v-html="icons.sparkles")
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<style lang="scss" scoped>
|
||
|
|
.svg-icon {
|
||
|
|
width: 23px;
|
||
|
|
height: 28px;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
import BaseNotification from './base';
|
||
|
|
import sparklesIcon from 'assets/svg/sparkles.svg';
|
||
|
|
|
||
|
|
export default {
|
||
|
|
props: ['notification', 'canRemove'],
|
||
|
|
data () {
|
||
|
|
return {
|
||
|
|
icons: Object.freeze({
|
||
|
|
sparkles: sparklesIcon,
|
||
|
|
}),
|
||
|
|
};
|
||
|
|
},
|
||
|
|
components: {
|
||
|
|
BaseNotification,
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
action () {
|
||
|
|
this.$root.$emit('habitica:show-profile', {
|
||
|
|
user: this.$store.state.user.data,
|
||
|
|
startingPage: 'stats',
|
||
|
|
});
|
||
|
|
},
|
||
|
|
},
|
||
|
|
};
|
||
|
|
</script>
|