yv01p/Umbraco-CMS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor umb editor navigation directive to follow angular style guide

Browse Source
This commit is contained in:
Mads Rasmussen
2015-08-28 13:00:29 +02:00
parent 906524529d
commit 3e4c5114a8
1 changed files with 54 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

97
src/Umbraco.Web.UI.Client/src/common/directives/components/editor/umbeditornavigation.directive.js
View File

@@ -1,53 +1,64 @@
angular.module("umbraco.directives")
.directive('umbEditorNavigation', function () {
return {
scope: {
navigation: "="
},
restrict: 'E',
replace: true,
templateUrl: 'views/components/editor/umb-editor-navigation.html',
link: function (scope, element, attrs, ctrl) {
(function() {
'use strict';
scope.showNavigation = true;
function EditorNavigationDirective() {
scope.clickNavigationItem = function(selectedItem) {
setItemToActive(selectedItem);
runItemAction(selectedItem);
};
function link(scope, el, attr, ctrl) {
function runItemAction(selectedItem) {
if(selectedItem.action) {
selectedItem.action(selectedItem);
}
}
scope.showNavigation = true;
function setItemToActive(selectedItem) {
// set all other views to inactive
if(selectedItem.view) {
scope.clickNavigationItem = function(selectedItem) {
setItemToActive(selectedItem);
runItemAction(selectedItem);
};
for (var index = 0; index < scope.navigation.length; index++) {
var item = scope.navigation[index];
item.active = false;
}
function runItemAction(selectedItem) {
if (selectedItem.action) {
selectedItem.action(selectedItem);
}
}
// set view to active
selectedItem.active = true;
function setItemToActive(selectedItem) {
// set all other views to inactive
if (selectedItem.view) {
}
}
for (var index = 0; index < scope.navigation.length; index++) {
var item = scope.navigation[index];
item.active = false;
}
function activate() {
// hide navigation if there is only 1 item
if(scope.navigation.length <= 1) {
scope.showNavigation = false;
}
}
activate();
// set view to active
selectedItem.active = true;
}
};
});
}
function activate() {
// hide navigation if there is only 1 item
if (scope.navigation.length <= 1) {
scope.showNavigation = false;
}
}
activate();
}
var directive = {
restrict: 'E',
replace: true,
templateUrl: 'views/components/editor/umb-editor-navigation.html',
scope: {
navigation: "="
},
link: link
};
return directive;
}
angular.module('umbraco.directives.html').directive('umbEditorNavigation', EditorNavigationDirective);
})();