From 0dcd36fefd6d1715d5dbf8bb290008b71106269d Mon Sep 17 00:00:00 2001
From: Nitwel <nitwel@arcor.de>
Date: Wed, 7 Oct 2020 13:01:43 +0200
Subject: [PATCH 1/2] disable field when unselected

---
 app/src/modules/settings/routes/data-model/new-collection.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/src/modules/settings/routes/data-model/new-collection.vue b/app/src/modules/settings/routes/data-model/new-collection.vue
index d635934aeb..5ff31ee705 100644
--- a/app/src/modules/settings/routes/data-model/new-collection.vue
+++ b/app/src/modules/settings/routes/data-model/new-collection.vue
@@ -75,7 +75,7 @@
 				<div class="grid system">
 					<div class="field" v-for="(info, field) in systemFields" :key="field">
 						<div class="type-label">{{ $t(info.label) }}</div>
-						<v-input v-model="info.name" class="monospace">
+						<v-input v-model="info.name" class="monospace" :disabled="info.enabled === false">
 							<template #prepend>
 								<v-checkbox v-model="info.enabled" />
 							</template>

From 11fe48c6ac6b4fd74852527b3337875d897ee6e9 Mon Sep 17 00:00:00 2001
From: Nitwel <nitwel@arcor.de>
Date: Wed, 7 Oct 2020 16:45:51 +0200
Subject: [PATCH 2/2] style chanes

---
 app/src/lang/en-US/index.json                        |  2 +-
 .../settings/routes/data-model/new-collection.vue    | 12 +++++++++++-
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/app/src/lang/en-US/index.json b/app/src/lang/en-US/index.json
index ff6723bf35..cf8ce2a0cf 100644
--- a/app/src/lang/en-US/index.json
+++ b/app/src/lang/en-US/index.json
@@ -462,7 +462,7 @@
 	"updated_by": "Updated By",
 	"updated_on": "Updated On",
 	"creating_collection_info": "Name the collection and setup its unique “key” field...",
-	"creating_collection_system": "Would you like to add any system fields?",
+	"creating_collection_system": "Enable and rename any of these optional fields.",
 	"auto_increment_integer": "Auto-incremented integer",
 	"generated_uuid": "Generated UUID",
 	"manual_string": "Manually entered string",
diff --git a/app/src/modules/settings/routes/data-model/new-collection.vue b/app/src/modules/settings/routes/data-model/new-collection.vue
index 5ff31ee705..7b9f43688b 100644
--- a/app/src/modules/settings/routes/data-model/new-collection.vue
+++ b/app/src/modules/settings/routes/data-model/new-collection.vue
@@ -75,7 +75,7 @@
 				<div class="grid system">
 					<div class="field" v-for="(info, field) in systemFields" :key="field">
 						<div class="type-label">{{ $t(info.label) }}</div>
-						<v-input v-model="info.name" class="monospace" :disabled="info.enabled === false">
+						<v-input v-model="info.name" class="monospace" :class="{active: info.enabled}" @click.native="info.enabled = true">
 							<template #prepend>
 								<v-checkbox v-model="info.enabled" />
 							</template>
@@ -431,6 +431,16 @@ export default defineComponent({
 }
 
 .system {
+	::v-deep .v-input {
+		.input {
+			color: var(--foreground-subdued);
+		}
+
+		&.active .input {
+			color: var(--foreground-normal);
+		}
+	}
+
 	.v-icon {
 		--v-icon-color: var(--foreground-subdued);
 	}