vikunja
/
frontend
Archived
6
39
Fork 49
Code Issues 1 Pull Requests 4 Projects Releases 26 Activity

fix(repeat): prevent disappearing repeat mode settings when modes other than default repeat mode were selected
continuous-integration/drone/push Build is passing Details 

Resolves #3585
This commit is contained in:
kolaente 2023-06-11 09:48:44 +02:00
parent 77bedbd1cf
commit bd7d09c17c
Signed by: konrad
GPG Key ID: F40E70337AB24C9B
2 changed files with 17 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/tasks/partials/repeatAfter.vue
View File

@ -70,6 +70,7 @@ import {error} from '@/message'
import {TASK_REPEAT_MODES} from '@/types/IRepeatMode'
import type {IRepeatAfter} from '@/types/IRepeatAfter'
import type {ITask} from '@/modelTypes/ITask'
import TaskModel from '@/models/task'
const props = defineProps({
modelValue: {
@ -87,7 +88,7 @@ const {t} = useI18n({useScope: 'global'})
const emit = defineEmits(['update:modelValue'])
const task = ref<ITask>()
const task = ref<ITask>(new TaskModel())
const repeatAfter = reactive({
amount: 0,
type: '',
@ -95,7 +96,7 @@ const repeatAfter = reactive({
watch(
() => props.modelValue,
(value) => {
(value: ITask) => {
task.value = value
if (typeof value.repeatAfter !== 'undefined') {
Object.assign(repeatAfter, value.repeatAfter)
@ -105,11 +106,14 @@ watch(
)
function updateData() {
if (!task.value || task.value.repeatMode !== TASK_REPEAT_MODES.REPEAT_MODE_DEFAULT && repeatAfter.amount === 0) {
if (!task.value ||
(task.value.repeatMode === TASK_REPEAT_MODES.REPEAT_MODE_DEFAULT && repeatAfter.amount === 0) ||
(task.value.repeatMode === TASK_REPEAT_MODES.REPEAT_MODE_FROM_CURRENT_DATE && repeatAfter.amount === 0)
) {
return
}
if (repeatAfter.amount < 0) {
if (task.value.repeatMode === TASK_REPEAT_MODES.REPEAT_MODE_DEFAULT && repeatAfter.amount < 0) {
error({message: t('task.repeat.invalidAmount')})
return
}

11
src/views/tasks/TaskDetailView.vue
View File

@ -174,7 +174,7 @@
{{ $t('task.attributes.repeat') }}
</div>
<BaseButton
@click="() => {task.repeatAfter.amount = 0;saveTask()}"
@click="removeRepeatAfter"
v-if="canWrite"
class="remove">
<span class="icon is-small">
@ -501,6 +501,7 @@ import {useTitle} from '@/composables/useTitle'
import {success} from '@/message'
import type {Action as MessageAction} from '@/message'
import {useProjectStore} from '@/stores/projects'
import {TASK_REPEAT_MODES} from '@/types/IRepeatMode'
const props = defineProps({
taskId: {
@ -640,7 +641,7 @@ function setActiveFields() {
activeFields.priority = task.priority !== PRIORITIES.UNSET
activeFields.relatedTasks = Object.keys(task.relatedTasks).length > 0
activeFields.reminders = task.reminders.length > 0
activeFields.repeatAfter = task.repeatAfter.amount > 0
activeFields.repeatAfter = task.repeatAfter?.amount > 0 || task.repeatMode !== TASK_REPEAT_MODES.REPEAT_MODE_DEFAULT
activeFields.startDate = task.startDate !== null
}
@ -779,6 +780,12 @@ async function setPercentDone(percentDone: number) {
task: newTask,
})
}
async function removeRepeatAfter() {
task.repeatAfter.amount = 0
task.repeatMode = TASK_REPEAT_MODES.REPEAT_MODE_DEFAULT
await saveTask()
}
</script>
<style lang="scss" scoped>