From 35a4d3fb54fbd9c91246b79746cc25b1b5e26441 Mon Sep 17 00:00:00 2001
From: shamoon <4887959+shamoon@users.noreply.github.com>
Date: Sun, 31 Dec 2023 10:55:25 -0800
Subject: [PATCH] Disable custom field remove button if user does not have
 permissions (#5194)

---
 .../document-detail.component.html            | 61 ++++++++++++++++---
 1 file changed, 53 insertions(+), 8 deletions(-)

diff --git a/src-ui/src/app/components/document-detail/document-detail.component.html b/src-ui/src/app/components/document-detail/document-detail.component.html
index 3cd12201a..5000af93d 100644
--- a/src-ui/src/app/components/document-detail/document-detail.component.html
+++ b/src-ui/src/app/components/document-detail/document-detail.component.html
@@ -123,28 +123,73 @@
                         <div [formGroup]="customFieldFormFields.controls[i]">
                           @switch (getCustomFieldFromInstance(fieldInstance)?.data_type) {
                             @case (PaperlessCustomFieldDataType.String) {
-                              <pngx-input-text formControlName="value" [title]="getCustomFieldFromInstance(fieldInstance)?.name" [removable]="true" (removed)="removeField(fieldInstance)" [horizontal]="true" [error]="getCustomFieldError(i)"></pngx-input-text>
+                              <pngx-input-text formControlName="value"
+                              [title]="getCustomFieldFromInstance(fieldInstance)?.name"
+                              [removable]="userIsOwner"
+                              (removed)="removeField(fieldInstance)"
+                              [horizontal]="true"
+                              [error]="getCustomFieldError(i)"></pngx-input-text>
                             }
                             @case (PaperlessCustomFieldDataType.Date) {
-                              <pngx-input-date formControlName="value" [title]="getCustomFieldFromInstance(fieldInstance)?.name" [removable]="true" (removed)="removeField(fieldInstance)" [horizontal]="true" [error]="getCustomFieldError(i)"></pngx-input-date>
+                              <pngx-input-date formControlName="value"
+                              [title]="getCustomFieldFromInstance(fieldInstance)?.name"
+                              [removable]="userIsOwner"
+                              (removed)="removeField(fieldInstance)"
+                              [horizontal]="true"
+                              [error]="getCustomFieldError(i)"></pngx-input-date>
                             }
                             @case (PaperlessCustomFieldDataType.Integer) {
-                              <pngx-input-number formControlName="value" [title]="getCustomFieldFromInstance(fieldInstance)?.name" [removable]="true" (removed)="removeField(fieldInstance)" [horizontal]="true" [showAdd]="false" [error]="getCustomFieldError(i)"></pngx-input-number>
+                              <pngx-input-number formControlName="value"
+                              [title]="getCustomFieldFromInstance(fieldInstance)?.name"
+                              [removable]="userIsOwner"
+                              (removed)="removeField(fieldInstance)"
+                              [horizontal]="true"
+                              [showAdd]="false"
+                              [error]="getCustomFieldError(i)"></pngx-input-number>
                             }
                             @case (PaperlessCustomFieldDataType.Float) {
-                              <pngx-input-number formControlName="value" [title]="getCustomFieldFromInstance(fieldInstance)?.name" [removable]="true" (removed)="removeField(fieldInstance)" [horizontal]="true" [showAdd]="false" [step]=".1" [error]="getCustomFieldError(i)"></pngx-input-number>
+                              <pngx-input-number formControlName="value"
+                              [title]="getCustomFieldFromInstance(fieldInstance)?.name"
+                              [removable]="userIsOwner"
+                              (removed)="removeField(fieldInstance)"
+                              [horizontal]="true"
+                              [showAdd]="false"
+                              [step]=".1"
+                              [error]="getCustomFieldError(i)"></pngx-input-number>
                             }
                             @case (PaperlessCustomFieldDataType.Monetary) {
-                              <pngx-input-number formControlName="value" [title]="getCustomFieldFromInstance(fieldInstance)?.name" [removable]="true" (removed)="removeField(fieldInstance)" [horizontal]="true" [showAdd]="false" [step]=".01" [error]="getCustomFieldError(i)"></pngx-input-number>
+                              <pngx-input-number formControlName="value"
+                              [title]="getCustomFieldFromInstance(fieldInstance)?.name"
+                              [removable]="userIsOwner"
+                              (removed)="removeField(fieldInstance)"
+                              [horizontal]="true"
+                              [showAdd]="false"
+                              [step]=".01"
+                              [error]="getCustomFieldError(i)"></pngx-input-number>
                             }
                             @case (PaperlessCustomFieldDataType.Boolean) {
-                              <pngx-input-check formControlName="value" [title]="getCustomFieldFromInstance(fieldInstance)?.name" [removable]="true" (removed)="removeField(fieldInstance)" [horizontal]="true"></pngx-input-check>
+                              <pngx-input-check formControlName="value"
+                              [title]="getCustomFieldFromInstance(fieldInstance)?.name"
+                              [removable]="userIsOwner"
+                              (removed)="removeField(fieldInstance)"
+                              [horizontal]="true"></pngx-input-check>
                             }
                             @case (PaperlessCustomFieldDataType.Url) {
-                              <pngx-input-url formControlName="value" [title]="getCustomFieldFromInstance(fieldInstance)?.name" [removable]="true" (removed)="removeField(fieldInstance)" [horizontal]="true" [error]="getCustomFieldError(i)"></pngx-input-url>
+                              <pngx-input-url formControlName="value"
+                              [title]="getCustomFieldFromInstance(fieldInstance)?.name"
+                              [removable]="userIsOwner"
+                              (removed)="removeField(fieldInstance)"
+                              [horizontal]="true"
+                              [error]="getCustomFieldError(i)"></pngx-input-url>
                             }
                             @case (PaperlessCustomFieldDataType.DocumentLink) {
-                              <pngx-input-document-link formControlName="value" [title]="getCustomFieldFromInstance(fieldInstance)?.name" [parentDocumentID]="documentId" [removable]="true" (removed)="removeField(fieldInstance)" [horizontal]="true" [error]="getCustomFieldError(i)"></pngx-input-document-link>
+                              <pngx-input-document-link formControlName="value"
+                              [title]="getCustomFieldFromInstance(fieldInstance)?.name"
+                              [parentDocumentID]="documentId"
+                              [removable]="userIsOwner"
+                              (removed)="removeField(fieldInstance)"
+                              [horizontal]="true"
+                              [error]="getCustomFieldError(i)"></pngx-input-document-link>
                             }
                           }
                         </div>