From 7eebb08eecadafc96925858b8f252b0297a20375 Mon Sep 17 00:00:00 2001
From: rijkvanzanten <rijkvanzanten@me.com>
Date: Tue, 27 Apr 2021 11:32:17 -0400
Subject: [PATCH] Remove clear icon for disabled interfaces

Fixes #5279
---
 app/src/interfaces/m2a-builder/m2a-builder.vue   | 14 ++++++++++++--
 app/src/interfaces/many-to-many/many-to-many.vue |  2 +-
 app/src/interfaces/one-to-many/one-to-many.vue   |  2 +-
 app/src/interfaces/repeater/repeater.vue         |  2 +-
 4 files changed, 15 insertions(+), 5 deletions(-)

diff --git a/app/src/interfaces/m2a-builder/m2a-builder.vue b/app/src/interfaces/m2a-builder/m2a-builder.vue
index 3f2539ae03..ad20f5184a 100644
--- a/app/src/interfaces/m2a-builder/m2a-builder.vue
+++ b/app/src/interfaces/m2a-builder/m2a-builder.vue
@@ -40,14 +40,24 @@
 							:item="item[anyRelation.many_field]"
 						/>
 						<div class="spacer" />
-						<v-icon class="clear-icon" name="clear" @click.stop="deselect((value || [])[item.$index])" />
+						<v-icon
+							v-if="!disabled"
+							class="clear-icon"
+							name="clear"
+							@click.stop="deselect((value || [])[item.$index])"
+						/>
 					</v-list-item>
 
 					<v-list-item v-else :key="item.$index" block>
 						<v-icon class="invalid-icon" name="warning" left />
 						<span>{{ $t('invalid_item') }}</span>
 						<div class="spacer" />
-						<v-icon class="clear-icon" name="clear" @click.stop="deselect((value || [])[item.$index])" />
+						<v-icon
+							v-if="!disabled"
+							class="clear-icon"
+							name="clear"
+							@click.stop="deselect((value || [])[item.$index])"
+						/>
 					</v-list-item>
 				</template>
 			</draggable>
diff --git a/app/src/interfaces/many-to-many/many-to-many.vue b/app/src/interfaces/many-to-many/many-to-many.vue
index 7459141c5a..c562c3db6f 100644
--- a/app/src/interfaces/many-to-many/many-to-many.vue
+++ b/app/src/interfaces/many-to-many/many-to-many.vue
@@ -33,7 +33,7 @@
 					<v-icon v-if="junction.sort_field" name="drag_handle" class="drag-handle" left @click.stop="() => {}" />
 					<render-template :collection="junctionCollection.collection" :item="item" :template="templateWithDefaults" />
 					<div class="spacer" />
-					<v-icon name="close" @click.stop="deleteItem(item)" />
+					<v-icon v-if="!disabled" name="close" @click.stop="deleteItem(item)" />
 				</v-list-item>
 			</draggable>
 		</v-list>
diff --git a/app/src/interfaces/one-to-many/one-to-many.vue b/app/src/interfaces/one-to-many/one-to-many.vue
index 18f4c86149..130faa3ccd 100644
--- a/app/src/interfaces/one-to-many/one-to-many.vue
+++ b/app/src/interfaces/one-to-many/one-to-many.vue
@@ -33,7 +33,7 @@
 					<v-icon v-if="relation.sort_field" name="drag_handle" class="drag-handle" left @click.stop="() => {}" />
 					<render-template :collection="relation.many_collection" :item="item" :template="templateWithDefaults" />
 					<div class="spacer" />
-					<v-icon name="close" @click.stop="deleteItem(item)" />
+					<v-icon v-if="!disabled" name="close" @click.stop="deleteItem(item)" />
 				</v-list-item>
 			</draggable>
 		</v-list>
diff --git a/app/src/interfaces/repeater/repeater.vue b/app/src/interfaces/repeater/repeater.vue
index f156420687..9111834db6 100644
--- a/app/src/interfaces/repeater/repeater.vue
+++ b/app/src/interfaces/repeater/repeater.vue
@@ -16,7 +16,7 @@
 					<v-icon name="drag_handle" class="drag-handle" left @click.stop="() => {}" />
 					<render-template :fields="fields" :item="item" :template="templateWithDefaults" />
 					<div class="spacer" />
-					<v-icon name="close" @click.stop="removeItem(item)" />
+					<v-icon v-if="!disabled" name="close" @click.stop="removeItem(item)" />
 				</v-list-item>
 			</draggable>
 		</v-list>