From aeb4477da101827386e4112bbf929492c17907ab Mon Sep 17 00:00:00 2001
From: rijkvanzanten <rijkvanzanten@me.com>
Date: Fri, 24 Jul 2020 12:53:03 -0400
Subject: [PATCH] Finish field setup

---
 src/lang/en-US/index.json                      |  6 +++++-
 .../field-detail/components/display.vue        |  8 +++++++-
 .../field-detail/components/interface.vue      | 18 +++++++++++++++++-
 3 files changed, 29 insertions(+), 3 deletions(-)

diff --git a/src/lang/en-US/index.json b/src/lang/en-US/index.json
index b7d5582180..0e5b2fffc4 100644
--- a/src/lang/en-US/index.json
+++ b/src/lang/en-US/index.json
@@ -300,7 +300,11 @@
 	"report_bug": "Report Bug",
 	"request_feature": "Request Feature",
 
-	"interface_not_found": "Interface \"{interface}\" not found",
+	"interface_not_found": "Interface \"{interface}\" not found.",
+	"reset_interface": "Reset Interface",
+
+	"display_not_found": "Display \"{display}\" not found.",
+	"reset_display": "Reset Display",
 
 	"item_count": "No Items | One Item | {count} Items",
 	"no_items_copy": "It looks like you don’t have any items in this collection. You can click the button below to add an item.",
diff --git a/src/modules/settings/routes/data-model/field-detail/components/display.vue b/src/modules/settings/routes/data-model/field-detail/components/display.vue
index 740d7b0aaf..1957df1729 100644
--- a/src/modules/settings/routes/data-model/field-detail/components/display.vue
+++ b/src/modules/settings/routes/data-model/field-detail/components/display.vue
@@ -4,7 +4,13 @@
 
 		<v-fancy-select class="select" :items="selectItems" v-model="fieldData.system.display" />
 
-		<template v-if="fieldData.system.display">
+		<v-notice class="not-found" type="danger" v-if="fieldData.system.display && !selectedDisplay">
+			{{ $t('display_not_found', { display: fieldData.system.display }) }}
+			<div class="spacer" />
+			<button @click="fieldData.system.display = null">{{ $t('reset_display') }}</button>
+		</v-notice>
+
+		<template v-if="fieldData.system.display && !selectedDisplay">
 			<v-form
 				v-if="
 					selectedDisplay.options &&
diff --git a/src/modules/settings/routes/data-model/field-detail/components/interface.vue b/src/modules/settings/routes/data-model/field-detail/components/interface.vue
index 8be57d921a..b0ae63cb1f 100644
--- a/src/modules/settings/routes/data-model/field-detail/components/interface.vue
+++ b/src/modules/settings/routes/data-model/field-detail/components/interface.vue
@@ -4,7 +4,13 @@
 
 		<v-fancy-select class="select" :items="selectItems" v-model="fieldData.system.interface" />
 
-		<template v-if="fieldData.system.interface">
+		<v-notice class="not-found" type="danger" v-if="fieldData.system.interface && !selectedInterface">
+			{{ $t('interface_not_found', { interface: fieldData.system.interface }) }}
+			<div class="spacer" />
+			<button @click="fieldData.system.interface = null">{{ $t('reset_interface') }}</button>
+		</v-notice>
+
+		<template v-if="fieldData.system.interface && selectedInterface">
 			<v-form
 				v-if="
 					selectedInterface.options &&
@@ -78,4 +84,14 @@ export default defineComponent({
 .select {
 	margin-bottom: 32px;
 }
+
+.not-found {
+	.spacer {
+		flex-grow: 1;
+	}
+
+	button {
+		text-decoration: underline;
+	}
+}
 </style>