mirror of
https://github.com/HabitRPG/habitica.git
synced 2025-12-17 22:57:21 +01:00
69 lines
1.9 KiB
Vue
69 lines
1.9 KiB
Vue
<template lang="pug">
|
|
b-modal#copyAsTodo(:title="$t('copyMessageAsToDo')", :hide-footer="true", size='md')
|
|
.form-group
|
|
input.form-control(type='text', v-model='task.text')
|
|
.form-group
|
|
textarea.form-control(rows='5', v-model='task.notes' focus-element='true')
|
|
hr
|
|
task(v-if='task._id', :isUser="isUser", :task="task")
|
|
.modal-footer
|
|
button.btn.btn-secondary(@click='close()') {{ $t('close') }}
|
|
button.btn.btn-primary(@click='saveTodo()') {{ $t('submit') }}
|
|
</template>
|
|
|
|
<script>
|
|
import { mapActions } from 'client/libs/store';
|
|
import markdownDirective from 'client/directives/markdown';
|
|
import notificationsMixin from 'client/mixins/notifications';
|
|
import Task from 'client/components/tasks/task';
|
|
|
|
import taskDefaults from 'common/script/libs/taskDefaults';
|
|
|
|
const baseUrl = 'https://habitica.com';
|
|
|
|
export default {
|
|
directives: {
|
|
markdown: markdownDirective,
|
|
},
|
|
components: {
|
|
Task,
|
|
},
|
|
mixins: [notificationsMixin],
|
|
props: ['copyingMessage', 'groupName', 'groupId'],
|
|
data () {
|
|
return {
|
|
isUser: true,
|
|
task: {},
|
|
};
|
|
},
|
|
mounted () {
|
|
this.$root.$on('habitica::copy-as-todo', message => {
|
|
const notes = `${message.user} wrote in [${this.groupName}](${baseUrl}/groups/guild/${this.groupId})`;
|
|
const newTask = {
|
|
text: message.text,
|
|
type: 'todo',
|
|
notes,
|
|
};
|
|
this.task = taskDefaults(newTask);
|
|
this.$root.$emit('bv::show::modal', 'copyAsTodo');
|
|
});
|
|
},
|
|
destroyed () {
|
|
this.$root.$off('habitica::copy-as-todo');
|
|
},
|
|
methods: {
|
|
...mapActions({
|
|
createTask: 'tasks:create',
|
|
}),
|
|
close () {
|
|
this.$root.$emit('bv::hide::modal', 'copyAsTodo');
|
|
},
|
|
saveTodo () {
|
|
this.createTask(this.task);
|
|
this.text(this.$t('messageAddedAsToDo'));
|
|
this.$root.$emit('bv::hide::modal', 'copyAsTodo');
|
|
},
|
|
},
|
|
};
|
|
</script>
|