add new editor to dashboards

This commit is contained in:
Mads Rasmussen
2015-09-01 16:20:04 +02:00
parent 7102cdd78c
commit 65623ea5d0
2 changed files with 43 additions and 29 deletions

View File

@@ -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);
angular.module('umbraco').controller("Umbraco.DashboardController", DashboardController);

View File

@@ -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>
<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>