set node name to readonly when the user has no update permissions

src/Umbraco.Web.UI.Client/src/common/directives/components/content/umbvariantcontent.directive.js

@@ -108,9 +108,10 @@
         });
 
         function onAppChanged(activeApp) {
-
-            // disable the name field if the active content app is not "Content" or "Info"
-            vm.nameDisabled = (activeApp && !contentAppHelper.isContentBasedApp(activeApp)); 
+            // set the name field to readonly if the user don't have update permissions or the active content app is not "Content" or "Info"
+            const allowUpdate = vm.editor.content.allowedActions.includes('A');
+            const isContentBasedApp = activeApp && contentAppHelper.isContentBasedApp(activeApp);
+            vm.nameReadonly = !allowUpdate || !isContentBasedApp;
         }
 
         /**

src/Umbraco.Web.UI.Client/src/common/directives/components/editor/umbeditorcontentheader.directive.js

@@ -238,6 +238,7 @@
             scope: {
                 name: "=",
                 nameDisabled: "<?",
+                nameReadonly: "<?",
                 menu: "=",
                 hideActionsMenu: "<?",
                 disableActionsMenu: "<?",

src/Umbraco.Web.UI.Client/src/views/components/content/umb-variant-content.html

@@ -12,6 +12,7 @@
                 disable-actions-menu="vm.disableActionsMenu"
                 name="vm.editor.content.name"
                 name-disabled="vm.nameDisabled"
+                name-readonly="vm.nameReadonly"
                 editor="vm.editor"
                 content="vm.content"
                 on-select-navigation-item="vm.selectApp(item)"

src/Umbraco.Web.UI.Client/src/views/components/editor/umb-editor-content-header.html

@@ -28,6 +28,7 @@
                                ng-model="name"
                                ng-class="{'name-is-empty': $parent.name===null || $parent.name===''}"
                                ng-disabled="nameDisabled"
+                               ng-readonly="nameReadonly"
                                umb-auto-focus
                                focus-on-filled="true"
                                val-server-field="{{serverValidationNameField}}"