Fixes umb-editor-header to toggle visibility of certain fields based on boolean toggles since we cannot rely on model values being undefined when there are validators present because validators change the model value to undefined.

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

@@ -46,8 +46,11 @@
             nameLocked: "=",
             menu: "=",
             icon: "=",
+            hideIcon: "@",
             alias: "=",
+            hideAlias: "@",
             description: "=",
+            hideDescription: "@",
             navigation: "="
          },
          link: link

src/Umbraco.Web.UI.Client/src/views/common/dashboard.html

@@ -12,7 +12,10 @@
          <umb-editor-header
             name="dashboard.name"
             name-locked="page.nameLocked"
-            tabs="dashboard.tabs">
+            tabs="dashboard.tabs"
+            hide-icon="true"
+            hide-description="true"
+            hide-alias="true">
          </umb-editor-header>
 
          <umb-editor-container>

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

@@ -6,19 +6,25 @@
 
             <div class="umb-panel-header-left-side">
 
-               <div class="umb-panel-header-icon" ng-if="icon!==undefined" ng-click="openIconPicker()" ng-class="{'-placeholder': $parent.icon==='' || $parent.icon===null}">
+               <div class="umb-panel-header-icon" ng-if="!hideIcon" ng-click="openIconPicker()" ng-class="{'-placeholder': $parent.icon==='' || $parent.icon===null}">
                    <i class="icon {{$parent.icon}}"  ng-if="$parent.icon!=='' && $parent.icon!==null"></i>
                    <div class="umb-panel-header-icon-text" ng-if="$parent.icon==='' || $parent.icon===null">Add icon</div>
                </div>
 
                <div class="umb-panel-header-title-wrapper">
 
-                  <input type="text" class="umb-panel-header-name-input" placeholder="Enter name..." ng-if="name!==undefined && !nameLocked" ng-model="$parent.name"  ng-class="{'name-is-empty': $parent.name===null || $parent.name===''}" umb-auto-focus focus-on-filled="true" />
-                  <div class="umb-panel-header-name" ng-if="name!==undefined && nameLocked">{{ name }}</div>
+                  <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 />
+                  <div class="umb-panel-header-name" ng-if="nameLocked">{{ name }}</div>
 
-                  <umb-generate-alias class="umb-panel-header-alias" ng-if="alias!==undefined" alias="$parent.alias" alias-from="$parent.name" enable-lock="true"></umb-generate-alias>
+                  <umb-generate-alias class="umb-panel-header-alias" ng-if="!hideAlias" alias="$parent.alias" alias-from="$parent.name" enable-lock="true"></umb-generate-alias>
 
-                  <input type="text" class="umb-panel-header-description" placeholder="Enter description..." ng-if="description!==undefined" ng-model="$parent.description" />
+                  <input type="text" class="umb-panel-header-description" placeholder="Enter description..." ng-if="!hideDescription" ng-model="$parent.description" />
 
                </div>
 

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

@@ -13,7 +13,10 @@
          <umb-editor-header
             menu="page.menu"
             name="content.name"
-            tabs="content.tabs">
+            tabs="content.tabs"
+            hide-icon="true"
+            hide-description="true"
+            hide-alias="true">
          </umb-editor-header>
 
 

src/Umbraco.Web.UI.Client/src/views/content/recyclebin.html

@@ -2,7 +2,10 @@
 
    <umb-editor-header
       name="page.name"
-      name-locked="page.nameLocked">
+      name-locked="page.nameLocked"
+      hide-icon="true"
+      hide-description="true"
+      hide-alias="true" >
    </umb-editor-header>
 
    <umb-editor-container>

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

@@ -13,7 +13,10 @@
          <umb-editor-header
             menu="page.menu"
             name="content.name"
-            name-locked="page.nameLocked">
+            name-locked="page.nameLocked"
+            hide-icon="true"
+            hide-description="true"
+            hide-alias="true">
          </umb-editor-header>
 
 

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

@@ -12,7 +12,10 @@
          <umb-editor-header
             name="content.name"
             tabs="content.tabs"
-            menu="page.menu">
+            menu="page.menu"
+            hide-icon="true"
+            hide-description="true"
+            hide-alias="true">
          </umb-editor-header>
 
          <umb-editor-container>

src/Umbraco.Web.UI.Client/src/views/media/recyclebin.html

@@ -2,7 +2,10 @@
 
    <umb-editor-header
       name="page.name"
-      name-locked="page.nameLocked">
+      name-locked="page.nameLocked"
+      hide-icon="true"
+      hide-description="true"
+      hide-alias="true">
    </umb-editor-header>
 
    <umb-editor-container>

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

@@ -13,7 +13,10 @@
             name="content.name"
             name-locked="page.nameLocked"
             tabs="content.tabs"
-            menu="page.menu">
+            menu="page.menu"
+            hide-icon="true"
+            hide-description="true"
+            hide-alias="true">
          </umb-editor-header>
 
          <umb-editor-container>

src/Umbraco.Web.UI.Client/src/views/member/list.html

@@ -10,7 +10,10 @@
             name="content.name"
             name-locked="page.lockedName"
             tabs="content.tabs"
-            menu="page.menu">
+            menu="page.menu"
+            hide-icon="true"
+            hide-description="true"
+            hide-alias="true">
          </umb-editor-header>
 
          <umb-editor-container>