From f41f565eb8d0a49c8ab349adb048719a0462d52c Mon Sep 17 00:00:00 2001
From: Shannon <sdeminick@gmail.com>
Date: Thu, 24 Sep 2015 16:17:14 +0200
Subject: [PATCH] Fixes: U4-7136 Client side validation no longer works for
 header text

---
 src/Umbraco.Web.UI.Client/src/less/forms.less  |  3 ++-
 .../components/editor/umb-editor-header.html   | 18 +++++++++++-------
 2 files changed, 13 insertions(+), 8 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/less/forms.less b/src/Umbraco.Web.UI.Client/src/less/forms.less
index 1c529f6e01..03b8bb4bb0 100644
--- a/src/Umbraco.Web.UI.Client/src/less/forms.less
+++ b/src/Umbraco.Web.UI.Client/src/less/forms.less
@@ -441,7 +441,8 @@ input[type="checkbox"][readonly] {
   .formFieldState(@formWarningText, @formWarningText, @formWarningBackground);
 }
 // Error
-.show-validation.ng-invalid .control-group.error {
+.show-validation.ng-invalid .control-group.error, 
+.show-validation.ng-invalid .umb-panel-header-content-wrapper {
     .formFieldState(@formErrorText, @formErrorText, @formErrorBackground);
 }
 // Success
diff --git a/src/Umbraco.Web.UI.Client/src/views/components/editor/umb-editor-header.html b/src/Umbraco.Web.UI.Client/src/views/components/editor/umb-editor-header.html
index f99eab3b1a..6806e52563 100644
--- a/src/Umbraco.Web.UI.Client/src/views/components/editor/umb-editor-header.html
+++ b/src/Umbraco.Web.UI.Client/src/views/components/editor/umb-editor-header.html
@@ -13,13 +13,17 @@
 
                <div class="umb-panel-header-title-wrapper">
 
-                  <input type="text" class="umb-panel-header-name-input" placeholder="Enter name..." 
-                         ng-if="!nameLocked" 
-                         ng-model="$parent.name"  
-                         ng-class="{'name-is-empty': $parent.name===null || $parent.name===''}" 
-                         umb-auto-focus 
-                         focus-on-filled="true"
-                         required />
+                   <ng-form name="headerNameForm">
+                       <input type="text" class="umb-panel-header-name-input" placeholder="Enter name..."
+                              name="headerName"
+                              ng-show="!nameLocked"
+                              ng-model="name"
+                              ng-class="{'name-is-empty': $parent.name===null || $parent.name===''}"
+                              umb-auto-focus
+                              focus-on-filled="true"
+                              required />
+                   </ng-form>
+
                   <div class="umb-panel-header-name" ng-if="nameLocked">{{ name }}</div>
 
                   <umb-generate-alias class="umb-panel-header-alias" ng-if="!hideAlias" alias="$parent.alias" alias-from="$parent.name" enable-lock="true"></umb-generate-alias>