disable sort for singleton collections

directus · Oct 31, 2021 · ee095c8 · ee095c8
1 parent 41abc23
commit ee095c8
Showing 1 changed file with 15 additions and 2 deletions.
diff --git a/app/src/modules/settings/routes/data-model/new-collection.vue b/app/src/modules/settings/routes/data-model/new-collection.vue
@@ -80,10 +80,11 @@
 							v-model="info.name"
 							class="monospace"
 							:class="{ active: info.enabled }"
+							:disabled="info.inputDisabled"
 							@focus="info.enabled = true"
 						>
 							<template #prepend>
-								<v-checkbox v-model="info.enabled" />
+								<v-checkbox v-model="info.enabled" :disabled="info.inputDisabled" />
 							</template>
 
 							<template #append>
@@ -122,7 +123,7 @@
 
 <script lang="ts">
 import { useI18n } from 'vue-i18n';
-import { defineComponent, ref, reactive } from 'vue';
+import { defineComponent, ref, reactive, watch } from 'vue';
 import api from '@/api';
 import { Field, Relation } from '@directus/shared/types';
 import { useFieldsStore, useCollectionsStore, useRelationsStore } from '@/stores/';
@@ -160,36 +161,42 @@ export default defineComponent({
 		const systemFields = reactive({
 			status: {
 				enabled: false,
+				inputDisabled: false,
 				name: 'status',
 				label: 'status',
 				icon: 'flag',
 			},
 			sort: {
 				enabled: false,
+				inputDisabled: false,
 				name: 'sort',
 				label: 'sort',
 				icon: 'low_priority',
 			},
 			dateCreated: {
 				enabled: false,
+				inputDisabled: false,
 				name: 'date_created',
 				label: 'created_on',
 				icon: 'access_time',
 			},
 			userCreated: {
 				enabled: false,
+				inputDisabled: false,
 				name: 'user_created',
 				label: 'created_by',
 				icon: 'account_circle',
 			},
 			dateUpdated: {
 				enabled: false,
+				inputDisabled: false,
 				name: 'date_updated',
 				label: 'updated_on',
 				icon: 'access_time',
 			},
 			userUpdated: {
 				enabled: false,
+				inputDisabled: false,
 				name: 'user_updated',
 				label: 'updated_by',
 				icon: 'account_circle',
@@ -198,6 +205,8 @@ export default defineComponent({
 
 		const saving = ref(false);
 
+		watch(() => singleton.value, setOptionsForSingleton);
+
 		return {
 			t,
 			router,
@@ -212,6 +221,10 @@ export default defineComponent({
 			singleton,
 		};
 
+		function setOptionsForSingleton() {
+			systemFields.sort.inputDisabled = singleton.value;
+		}
+
 		async function save() {
 			saving.value = true;