fix: disabled attribute fallback (#1984)

Co-authored-by: Dominik Pschenitschni <mail@celement.de>
Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/1984
Reviewed-by: konrad <k@knt.li>
Co-authored-by: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
Co-committed-by: Dominik Pschenitschni <dpschen@noreply.kolaente.de>

src/components/home/navigation.vue

@@ -94,7 +94,7 @@
 						@start="() => drag = true"
 						@end="saveListPosition"
 						handle=".handle"
-						:disabled="n.id < 0 || null"
+						:disabled="n.id < 0 || undefined"
 						tag="transition-group"
 						item-key="id"
 						:data-namespace-id="n.id"

src/components/input/fancycheckbox.vue

@@ -2,7 +2,7 @@
 	<div :class="{'is-disabled': disabled}" class="fancycheckbox">
 		<input
 			:checked="checked"
-			:disabled="disabled || null"
+			:disabled="disabled || undefined"
 			:id="checkBoxId"
 			@change="(event) => updateData(event.target.checked)"
 			type="checkbox"/>

src/components/list/partials/filters.vue

@@ -36,7 +36,7 @@
 			<label class="label">{{ $t('task.attributes.priority') }}</label>
 			<div class="control single-value-control">
 				<priority-select
-					:disabled="!filters.usePriority || null"
+					:disabled="!filters.usePriority || undefined"
 					v-model.number="filters.priority"
 					@change="setPriority"
 				/>
@@ -54,7 +54,7 @@
 				<percent-done-select
 					v-model.number="filters.percentDone"
 					@change="setPercentDoneFilter"
-					:disabled="!filters.usePercentDone || null"
+					:disabled="!filters.usePercentDone || undefined"
 				/>
 				<fancycheckbox
 					v-model="filters.usePercentDone"

src/components/misc/api-config.vue

@@ -16,7 +16,7 @@
 					/>
 				</div>
 				<div class="control">
-					<x-button @click="setApiUrl" :disabled="apiUrl === '' || null">
+					<x-button @click="setApiUrl" :disabled="apiUrl === '' || undefined">
 						{{ $t('apiConfig.change') }}
 					</x-button>
 				</div>

src/components/misc/pagination.vue

@@ -6,13 +6,13 @@
 		v-if="totalPages > 1"
 	>
 		<router-link
-			:disabled="currentPage === 1 || null"
+			:disabled="currentPage === 1 || undefined"
 			:to="getRouteForPagination(currentPage - 1)"
 			class="pagination-previous">
 			{{ $t('misc.previous') }}
 		</router-link>
 		<router-link
-			:disabled="currentPage === totalPages || null"
+			:disabled="currentPage === totalPages || undefined"
 			:to="getRouteForPagination(currentPage + 1)"
 			class="pagination-next">
 			{{ $t('misc.next') }}

src/components/misc/subscription.vue

@@ -5,7 +5,7 @@
 		:icon="iconName"
 		v-tooltip="tooltipText"
 		@click="changeSubscription"
-		:disabled="disabled || null"
+		:disabled="disabled || undefined"
 	>
 		{{ buttonText }}
 	</x-button>

src/components/tasks/edit-task.vue

@@ -11,7 +11,7 @@
 			<div class="control">
 				<input
 					:class="{ disabled: taskService.loading }"
-					:disabled="taskService.loading || null"
+					:disabled="taskService.loading || undefined"
 					@change="editTaskSubmit()"
 					class="input"
 					id="tasktext"

src/components/tasks/partials/attachments.vue

@@ -8,7 +8,7 @@
 		</h3>
 
 		<input
-			:disabled="attachmentService.loading || null"
+			:disabled="attachmentService.loading || undefined"
 			@change="uploadNewAttachment()"
 			id="files"
 			multiple

src/components/tasks/partials/defer-task.vue

@@ -30,7 +30,7 @@
 		<flat-pickr
 			:class="{ disabled: taskService.loading }"
 			:config="flatPickerConfig"
-			:disabled="taskService.loading || null"
+			:disabled="taskService.loading || undefined"
 			class="input"
 			v-model="dueDate"
 		/>