make it possible to lock a description in the editor header

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

@@ -254,6 +254,7 @@ Use this directive to construct a header inside the main editor window.
                 hideAlias: "@",
                 description: "=",
                 hideDescription: "@",
+                descriptionLocked: "@",
                 navigation: "="
             },
             link: link

src/Umbraco.Web.UI.Client/src/less/panel.less

@@ -480,6 +480,12 @@ input.umb-panel-header-description {
   }
 }
 
+.umb-panel-header-locked-description {
+    font-size: 12px;
+    margin-left: 2px;
+    margin-top: 3px;
+}
+
 .umb-editor-drawer-content {
   display: flex;
   align-items: center;

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

@@ -43,9 +43,11 @@
                     class="umb-panel-header-description"
                     localize="placeholder"
                     placeholder="@placeholders_enterDescription"
-                    ng-if="!hideDescription"
+                    ng-if="!hideDescription && !descriptionLocked"
                     ng-model="$parent.description" />
 
+                    <div class="umb-panel-header-locked-description" ng-show="descriptionLocked">{{ description }}</div>
+
                </div>
 
             </div>

src/Umbraco.Web.UI.Client/src/views/templates/edit.html

@@ -15,6 +15,7 @@
                 alias="vm.template.alias"
                 hideDescription="true"
                 description="vm.template.virtualPath"
+                description-locked="true"
                 menu="vm.page.menu"
                 hide-icon="false">
             </umb-editor-header>