From 65623ea5d0efa9ebcd24f246b2bab9abc54f8808 Mon Sep 17 00:00:00 2001
From: Mads Rasmussen <mads@umbraco.com>
Date: Tue, 1 Sep 2015 16:20:04 +0200
Subject: [PATCH] add new editor to dashboards

---
 .../src/views/common/dashboard.controller.js  |  6 +-
 .../src/views/common/dashboard.html           | 66 +++++++++++--------
 2 files changed, 43 insertions(+), 29 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/views/common/dashboard.controller.js b/src/Umbraco.Web.UI.Client/src/views/common/dashboard.controller.js
index 006146095a..793092f0b5 100644
--- a/src/Umbraco.Web.UI.Client/src/views/common/dashboard.controller.js
+++ b/src/Umbraco.Web.UI.Client/src/views/common/dashboard.controller.js
@@ -9,6 +9,10 @@
  */
  
 function DashboardController($scope, $routeParams, dashboardResource, localizationService) {
+
+   $scope.page = {};
+   $scope.page.nameLocked = true;
+
     $scope.dashboard = {};
     localizationService.localize("sections_" + $routeParams.section).then(function(name){
     	$scope.dashboard.name = name;
@@ -21,4 +25,4 @@ function DashboardController($scope, $routeParams, dashboardResource, localizati
 
 
 //register it
-angular.module('umbraco').controller("Umbraco.DashboardController", DashboardController);
\ No newline at end of file
+angular.module('umbraco').controller("Umbraco.DashboardController", DashboardController);
diff --git a/src/Umbraco.Web.UI.Client/src/views/common/dashboard.html b/src/Umbraco.Web.UI.Client/src/views/common/dashboard.html
index 0ee402a63f..4ebb258e4d 100644
--- a/src/Umbraco.Web.UI.Client/src/views/common/dashboard.html
+++ b/src/Umbraco.Web.UI.Client/src/views/common/dashboard.html
@@ -1,31 +1,41 @@
-<form ng-controller="Umbraco.DashboardController" class="umb-dashboard" val-form-manager> 
-<umb-panel>
-    <umb-header tabs="dashboard.tabs">
-    	<div class="umb-headline-editor-wrapper span12">
-    			<h1>{{dashboard.name}}</h1>
-    	</div>
-	</umb-header>
-	<umb-tab-view>
-        <umb-tab id="tab{{tab.id}}" rel="{{tab.id}}" ng-repeat="tab in dashboard.tabs">
-            <div class="umb-pane">
-            		<div ng-repeat="property in tab.properties" ng-switch on="property.serverSide">
+<form
+   ng-controller="Umbraco.DashboardController"
+   class="umb-dashboard"
+   val-form-manager>
 
-            			<div class="span12 umb-dashboard-control clearfix" 
-            				ng-switch-when="false">
-	            			<h3 ng-show="property.caption">{{property.caption}}</h3>
-            				<div ng-include="property.path"></div>
-            		    </div>
+   <umb-editor-view umb-tabs>
 
-                        <div class="span12 umb-dashboard-control clearfix" 
-                            ng-switch-when="true">
-                            <h3 ng-show="property.caption">{{property.caption}}</h3>
-                            
-                            <iframe ng-src="dashboard/usercontrolproxy.aspx?ctrl={{ property.path}}"></iframe>
-                        </div>
+      <umb-editor-header
+         name="dashboard.name"
+         name-locked="page.nameLocked"
+         tabs="dashboard.tabs">
+      </umb-editor-header>
 
-                   	</div>
-            </div>
-        </umb-tab>
-    </umb-tab-view>
-</umb-panel>
-</form>
\ No newline at end of file
+      <umb-editor-container>
+
+         <umb-tabs-content view="true">
+            <umb-tab id="tab{{tab.id}}" ng-repeat="tab in dashboard.tabs" rel="{{tab.id}}">
+
+               <div ng-repeat="property in tab.properties" ng-switch on="property.serverSide">
+
+                  <div class="span12 umb-dashboard-control clearfix" ng-switch-when="false">
+                     <h3 ng-show="property.caption">{{property.caption}}</h3>
+                     <div ng-include="property.path"></div>
+                  </div>
+
+                  <div class="span12 umb-dashboard-control clearfix" ng-switch-when="true">
+                     <h3 ng-show="property.caption">{{property.caption}}</h3>
+
+                     <iframe ng-src="dashboard/usercontrolproxy.aspx?ctrl={{ property.path}}"></iframe>
+                  </div>
+
+               </div>
+
+            </umb-tab>
+         </umb-tabs-content>
+
+      </umb-editor-container>
+
+   </umb-editor-view>
+
+</form>