aboutsummaryrefslogtreecommitdiffstats
path: root/components/editor/task/modal/EditorTaskModalChange.vue
diff options
context:
space:
mode:
Diffstat (limited to 'components/editor/task/modal/EditorTaskModalChange.vue')
-rw-r--r--components/editor/task/modal/EditorTaskModalChange.vue24
1 files changed, 18 insertions, 6 deletions
diff --git a/components/editor/task/modal/EditorTaskModalChange.vue b/components/editor/task/modal/EditorTaskModalChange.vue
index 8ab5dbc..a6b05b8 100644
--- a/components/editor/task/modal/EditorTaskModalChange.vue
+++ b/components/editor/task/modal/EditorTaskModalChange.vue
@@ -18,7 +18,9 @@ const knownTaskTypes = computed(() => session.getKnownTaskTypes());
const newType = ref('');
const unknownTaskType = computed(() => !knownTaskTypes.value.includes(newType.value));
const noChange = computed(() => newType.value === props.currentTaskType);
-const newTypeDescription = computed(() => session.getTaskDefinitionByTaskType(newType.value)?.description);
+const newTypeDescription = computed(
+ () => session.getTaskDefinitionByTaskType(newType.value)?.description
+);
</script>
<template>
@@ -31,16 +33,26 @@ const newTypeDescription = computed(() => session.getTaskDefinitionByTaskType(ne
<div id="body">
<div class="option-group">
<label for="new-type">New type</label>
- <multiselect id="new-type" v-model="newType" :options="knownTaskTypes" :searchable="true"
- placeholder="Select a new type"></multiselect>
+ <multiselect
+ id="new-type"
+ v-model="newType"
+ :options="knownTaskTypes"
+ :searchable="true"
+ placeholder="Select a new type"
+ ></multiselect>
</div>
<p v-if="unknownTaskType" class="error-text">Invalid task type.</p>
<p v-if="newTypeDescription">{{ newTypeDescription }}</p>
<p>Any configured options for this task will be overwritten.</p>
<div id="confirm" class="control-group">
<Button :icon="['fas', 'times']" :label="'Cancel'" @click="model = false"></Button>
- <Button type="solid" :icon="['fas', 'check']" :label="'Change'" :disabled="unknownTaskType || noChange"
- @click="emit('update', newType)"></Button>
+ <Button
+ type="solid"
+ :icon="['fas', 'check']"
+ :label="'Change'"
+ :disabled="unknownTaskType || noChange"
+ @click="emit('update', newType)"
+ ></Button>
</div>
</div>
</template>
@@ -58,4 +70,4 @@ const newTypeDescription = computed(() => session.getTaskDefinitionByTaskType(ne
flex-direction: column;
gap: 0.5rem;
}
-</style> \ No newline at end of file
+</style>