mirror of
https://github.com/HabitRPG/habitica.git
synced 2025-12-15 21:57:22 +01:00
43 lines
819 B
Vue
43 lines
819 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 {
|
|
components: {
|
|
BaseNotification,
|
|
},
|
|
props: ['notification', 'canRemove'],
|
|
data () {
|
|
return {
|
|
icons: Object.freeze({
|
|
sparkles: sparklesIcon,
|
|
}),
|
|
};
|
|
},
|
|
methods: {
|
|
action () {
|
|
this.$router.push({ name: 'stats' });
|
|
},
|
|
},
|
|
};
|
|
</script>
|