From 56f33e100608c7bc663d640cd698bbc746ed668e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?S=C3=B8ren=20Kottal?= <snielsen43@gmail.com>
Date: Fri, 25 Oct 2019 12:35:15 +0200
Subject: [PATCH] Adds nametemplates for grid editors (#6634)

* Adds nametemplates for grid editors
---
 .../Configuration/Grid/IGridEditorConfig.cs         |  1 +
 src/Umbraco.Core/PropertyEditors/GridEditor.cs      |  3 +++
 .../views/propertyeditors/grid/grid.controller.js   | 13 +++++++++++--
 .../src/views/propertyeditors/grid/grid.html        |  4 ++--
 src/Umbraco.Web.UI/config/grid.editors.config.js    |  5 ++++-
 5 files changed, 21 insertions(+), 5 deletions(-)

diff --git a/src/Umbraco.Core/Configuration/Grid/IGridEditorConfig.cs b/src/Umbraco.Core/Configuration/Grid/IGridEditorConfig.cs
index e447f7f493..9a11b0ef3e 100644
--- a/src/Umbraco.Core/Configuration/Grid/IGridEditorConfig.cs
+++ b/src/Umbraco.Core/Configuration/Grid/IGridEditorConfig.cs
@@ -6,6 +6,7 @@ namespace Umbraco.Core.Configuration.Grid
     public interface IGridEditorConfig
     {
         string Name { get; }
+        string NameTemplate { get; }
         string Alias { get; }
         string View { get; }
         string Render { get; }
diff --git a/src/Umbraco.Core/PropertyEditors/GridEditor.cs b/src/Umbraco.Core/PropertyEditors/GridEditor.cs
index 986eed9ccc..cc3561fbc2 100644
--- a/src/Umbraco.Core/PropertyEditors/GridEditor.cs
+++ b/src/Umbraco.Core/PropertyEditors/GridEditor.cs
@@ -18,6 +18,9 @@ namespace Umbraco.Core.PropertyEditors
         [JsonProperty("name", Required = Required.Always)]
         public string Name { get; set; }
 
+        [JsonProperty("nameTemplate")]
+        public string NameTemplate { get; set; }
+
         [JsonProperty("alias", Required = Required.Always)]
         public string Alias { get; set; }
 
diff --git a/src/Umbraco.Web.UI.Client/src/views/propertyeditors/grid/grid.controller.js b/src/Umbraco.Web.UI.Client/src/views/propertyeditors/grid/grid.controller.js
index ccc390252b..32f495e32b 100644
--- a/src/Umbraco.Web.UI.Client/src/views/propertyeditors/grid/grid.controller.js
+++ b/src/Umbraco.Web.UI.Client/src/views/propertyeditors/grid/grid.controller.js
@@ -8,7 +8,8 @@ angular.module("umbraco")
             angularHelper,
             $element,
             eventsService,
-            editorService
+            editorService,
+            $interpolate
         ) {
 
             // Grid status variables
@@ -661,7 +662,6 @@ angular.module("umbraco")
                 return ((spans / $scope.model.config.items.columns) * 100).toFixed(8);
             };
 
-
             $scope.clearPrompt = function (scopedObject, e) {
                 scopedObject.deletePrompt = false;
                 e.preventDefault();
@@ -680,6 +680,10 @@ angular.module("umbraco")
                 $scope.showRowConfigurations = !$scope.showRowConfigurations;
             };
 
+            $scope.getTemplateName = function (control) {
+                if (control.editor.nameExp) return control.editor.nameExp(control)
+                return control.editor.name;
+            }
 
             // *********************************************
             // Initialization
@@ -923,6 +927,11 @@ angular.module("umbraco")
                     localizationService.localize("grid_" + value.alias, undefined, value.name).then(function (v) {
                         value.name = v;
                     });
+                    // setup nametemplate
+
+                    value.nameExp = !!value.nameTemplate
+                        ? $interpolate(value.nameTemplate)
+                        : undefined;
                 });
 
                 $scope.contentReady = true;
diff --git a/src/Umbraco.Web.UI.Client/src/views/propertyeditors/grid/grid.html b/src/Umbraco.Web.UI.Client/src/views/propertyeditors/grid/grid.html
index 6b739a9b86..3995ed703d 100644
--- a/src/Umbraco.Web.UI.Client/src/views/propertyeditors/grid/grid.html
+++ b/src/Umbraco.Web.UI.Client/src/views/propertyeditors/grid/grid.html
@@ -182,7 +182,7 @@
                                                               <div class="umb-control-click-overlay" ng-show="control !== active && !sortMode"></div>
 
                                                               <div class="umb-control-collapsed umb-control-handle" ng-show="sortMode">
-                                                                  {{control.editor.name}}
+                                                                  {{ getTemplateName(control) }}
                                                               </div>
 
                                                               <div class="umb-control-inner" ng-hide="sortMode">
@@ -190,7 +190,7 @@
                                                                   <div class="umb-control-bar umb-control-handle">
 
                                                                       <div class="umb-control-title" ng-if="control === active">
-                                                                          {{control.editor.name}}
+                                                                          {{ getTemplateName(control) }}
                                                                       </div>
 
                                                                       <div class="umb-tools" ng-if="control === active">
diff --git a/src/Umbraco.Web.UI/config/grid.editors.config.js b/src/Umbraco.Web.UI/config/grid.editors.config.js
index 12fa726f21..49b843689b 100644
--- a/src/Umbraco.Web.UI/config/grid.editors.config.js
+++ b/src/Umbraco.Web.UI/config/grid.editors.config.js
@@ -7,12 +7,14 @@
     },
     {
         "name": "Image",
+        "nameTemplate": "{{ 'Image: ' + (value.udi | ncNodeName) }}",
         "alias": "media",
         "view": "media",
         "icon": "icon-picture"
     },
     {
         "name": "Macro",
+        "nameTemplate": "{{ 'Macro: ' + value.macroAlias }}",
         "alias": "macro",
         "view": "macro",
         "icon": "icon-settings-alt"
@@ -25,6 +27,7 @@
     },
     {
         "name": "Headline",
+        "nameTemplate": "{{ 'Headline: ' + value }}",
         "alias": "headline",
         "view": "textstring",
         "icon": "icon-coin",
@@ -43,4 +46,4 @@
             "markup": "<blockquote>#value#</blockquote>"
         }
     }
-]
\ No newline at end of file
+]