Files
habitica/website/client/components/settings/restoreModal.vue
2017-11-30 15:45:26 -06:00

110 lines
3.8 KiB
Vue

<template lang="pug">
b-modal#restore(:title="$t('fixValues')", :hide-footer='true' size='lg')
p {{ $t('fixValuesText1') }}
p {{ $t('fixValuesText2') }}
.form-horizontal
h3 {{ $t('stats') }}
.form-group.row
.col-sm-3
label.control-label {{ $t('health') }}
.col-sm-9
input.form-control(type='number', step="any", data-for='stats.hp', v-model='restoreValues.stats.hp')
.form-group.row
.col-sm-3
label.control-label {{ $t('experience') }}
.col-sm-9
input.form-control(type='number', step="any", data-for='stats.exp', v-model='restoreValues.stats.exp')
.form-group.row
.col-sm-3
label.control-label {{ $t('gold') }}
.col-sm-9
input.form-control(type='number', step="any", data-for='stats.gp', v-model='restoreValues.stats.gp')
//input.form-control(type='number', step="any", data-for='stats.gp', v-model='restoreValues.stats.gp',disabled)
//-p.alert
small {{ $t('disabledWinterEvent') }}
.form-group.row
.col-sm-3
label.control-label {{ $t('mana') }}
.col-sm-9
input.form-control(type='number', step="any", data-for='stats.mp', v-model='restoreValues.stats.mp')
.form-group.row
.col-sm-3
label.control-label {{ $t('level') }}
.col-sm-9
input.form-control(type='number', data-for='stats.lvl', v-model='restoreValues.stats.lvl')
h3 {{ $t('achievements') }}
.form-group.row
.col-sm-3
label.control-label {{ $t('fix21Streaks') }}
.col-sm-9
input.form-control(type='number', data-for='achievements.streak', v-model='restoreValues.achievements.streak')
//- This is causing too many problems for users
h3 {{ $t('other') }}
a.btn.btn-sm.btn-warning(ng-controller='FooterCtrl', ng-click='addMissedDay(1)') {{ $t('triggerDay') }}
.modal-footer
button.btn.btn-danger(@click='close()') {{ $t('discardChanges') }}
button.btn.btn-primary(@click='restore()') {{ $t('saveAndClose') }}
</template>
<script>
import clone from 'lodash/clone';
import { mapState } from 'client/libs/store';
export default {
data () {
return {
restoreValues: {
stats: {
hp: 0,
mp: 0,
gp: 0,
exp: 0,
lvl: 0,
},
achievements: {
streak: 0,
},
},
};
},
mounted () {
this.restoreValues.stats = clone(this.user.stats);
this.restoreValues.achievements.streak = clone(this.user.achievements.streak);
},
computed: {
...mapState({user: 'user.data'}),
},
methods: {
close () {
this.$root.$emit('bv::hide::modal', 'restore');
},
restore () {
if (this.restoreValues.stats.lvl < 1) {
// @TODO:
// Notification.error(env.t('invalidLevel'), true);
return;
}
const userChangedLevel = this.restoreValues.stats.lvl !== this.user.stats.lvl;
const userDidNotChangeExp = this.restoreValues.stats.exp === this.user.stats.exp;
if (userChangedLevel && userDidNotChangeExp) this.restoreValues.stats.exp = 0;
this.user.stats = clone(this.restoreValues.stats);
this.user.achievements.streak = clone(this.restoreValues.achievements.streak);
let settings = {
'stats.hp': Number(this.restoreValues.stats.hp),
'stats.exp': Number(this.restoreValues.stats.exp),
'stats.gp': Number(this.restoreValues.stats.gp),
'stats.lvl': Number(this.restoreValues.stats.lvl),
'stats.mp': Number(this.restoreValues.stats.mp),
'achievements.streak': Number(this.restoreValues.achievements.streak),
};
this.$store.dispatch('user:set', settings);
this.$root.$emit('bv::hide::modal', 'restore');
},
},
};
</script>