From 3f0b90b18dc43bfa143143ab4ea2549746c20e5c Mon Sep 17 00:00:00 2001
From: Mads Rasmussen <madsr@hey.com>
Date: Mon, 16 May 2022 13:05:46 +0200
Subject: [PATCH] remove delete row button when block list editor is readonly

---
 .../views/propertyeditors/blocklist/umb-block-list-row.html | 2 +-
 .../blocklist/umbBlockListPropertyEditor.component.js       | 6 +++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/views/propertyeditors/blocklist/umb-block-list-row.html b/src/Umbraco.Web.UI.Client/src/views/propertyeditors/blocklist/umb-block-list-row.html
index beeba3f0f6..bf81456efc 100644
--- a/src/Umbraco.Web.UI.Client/src/views/propertyeditors/blocklist/umb-block-list-row.html
+++ b/src/Umbraco.Web.UI.Client/src/views/propertyeditors/blocklist/umb-block-list-row.html
@@ -30,7 +30,7 @@
                     <localize key="general_copy">Copy</localize>
                 </span>
             </button>
-            <button type="button" class="btn-reset umb-outline action --delete" localize="title" title="actions_delete"
+            <button ng-if="!vm.blockEditorApi.readonly" type="button" class="btn-reset umb-outline action --delete" localize="title" title="actions_delete"
                     ng-click="vm.blockEditorApi.requestDeleteBlock(vm.layout.$block);">
                 <umb-icon icon="icon-trash" class="icon"></umb-icon>
                 <span class="sr-only">
diff --git a/src/Umbraco.Web.UI.Client/src/views/propertyeditors/blocklist/umbBlockListPropertyEditor.component.js b/src/Umbraco.Web.UI.Client/src/views/propertyeditors/blocklist/umbBlockListPropertyEditor.component.js
index f00ae48940..db8f28353d 100644
--- a/src/Umbraco.Web.UI.Client/src/views/propertyeditors/blocklist/umbBlockListPropertyEditor.component.js
+++ b/src/Umbraco.Web.UI.Client/src/views/propertyeditors/blocklist/umbBlockListPropertyEditor.component.js
@@ -48,6 +48,7 @@
             vm.readonly = value !== undefined;
 
             vm.sortableOptions.disabled = vm.readonly;
+            vm.blockEditorApi.readonly = vm.readonly;
 
             if (deleteAllBlocksAction) {
                 deleteAllBlocksAction.isDisabled = vm.readonly;
@@ -729,6 +730,8 @@
         }
 
         function requestDeleteBlock(block) {
+            if (vm.readonly) return;
+            
             localizationService.localizeMany(["general_delete", "blockEditor_confirmDeleteBlockMessage", "contentTypeEditor_yesDelete"]).then(function (data) {
                 const overlay = {
                     title: data[0],
@@ -773,7 +776,8 @@
             copyBlock: copyBlock,
             requestDeleteBlock: requestDeleteBlock,
             deleteBlock: deleteBlock,
-            openSettingsForBlock: openSettingsForBlock
+            openSettingsForBlock: openSettingsForBlock,
+            readonly: vm.readonly
         };
 
         vm.sortableOptions = {