@ardimedia/angular-portal-azure 0.2.138 → 0.2.140

package/apn.d.ts

@@ -50,11 +50,10 @@ declare var $: JQueryStatic;
 declare namespace angularportalazure {
     class Blade extends angularportalazure.UserControlBase {
         constructor($scope: angular.IScope, portalService: angularportalazure.PortalService, path: string, title: string, subtitle?: string, width?: number);
-        private watcherTitle;
-        bladeContentHeight: number;
+        private bladeContentHeight;
         bladeContentInnerHeight: number;
-        path: string;
         private _path;
+        path: string;
         title: string;
         subTitle: string;
         width: {
@@ -120,13 +119,7 @@ declare namespace angularportalazure {
         commandSwapText: string;
         /** Obsolete */
         /** Obsolete */
-        isNavGrid: boolean;
         /** Obsolete */
-        navGrid: {
-            portalService: PortalService;
-            items: any[];
-            navigateTo: (path: string) => void;
-        };
         activate(): void;
         onActivate(): void;
         onActivated(): void;
@@ -157,13 +150,12 @@ declare namespace angularportalazure {
         onCommandStop(): void;
         onCommandSwap(): void;
         /** Obsolete */
-        bladeClose(): void;
-        setTitle(watchExpression: string, func: () => void): void;
         private setBladeHeights();
     }
 }
 declare namespace angularportalazure {
     class BladeArea extends angularportalazure.UserControlBase {
+        static $inject: string[];
         constructor($scope: angular.IScope, portalService: angularportalazure.PortalService);
         private listener1;
         blades: Array<angularportalazure.Blade>;
@@ -177,10 +169,42 @@ declare namespace angularportalazure {
         clearChild(path: string): void;
         showPanoramaIfNoBlades(): void;
         hidePanorama(): void;
-        /** You need to call this when BladeArea is no longer used, otherwise the listener does not get removed. */
+        /** We need to call this when BladeArea is no longer used, otherwise the listener does not get removed. */
         close(): void;
-        addBladePath(path: string): void;
-        addBladeOld(path: string): void;
+    }
+}
+declare namespace angularportalazure {
+    class BladeData extends angularportalazure.Blade {
+        constructor($scope: angular.IScope, portalService: angularportalazure.PortalService, path: string, title: string, subtitle?: string, width?: number);
+    }
+}
+declare namespace angularportalazure {
+    class BladeNav extends angularportalazure.BladeData {
+        constructor($scope: angular.IScope, portalService: angularportalazure.PortalService, path: string, title?: string, subtitle?: string, width?: number);
+        items: Array<angularportalazure.BladeNavItem>;
+        isNav: boolean;
+        onNavigateTo(path: string): void;
+    }
+}
+declare namespace angularportalazure {
+    class BladeNavItem {
+        title: string;
+        cssClass: string;
+        bladePath: string;
+        hrefPath: string;
+        roles: string;
+        isVisible: boolean;
+        callback: () => any;
+        bladeNav: angularportalazure.BladeNav | null;
+        constructor(title?: string, cssClass?: string, bladePath?: string, hrefPath?: string, roles?: string, isVisible?: boolean, callback?: () => any, bladeNav?: angularportalazure.BladeNav | null);
+        onNavItemClick(): void;
+    }
+}
+declare namespace angularportalazure {
+    class AreaNotification extends angularportalazure.UserControlBase {
+        constructor($scope: angular.IScope, portalService: angularportalazure.PortalService);
+        notificationArea: Element;
+        show(): void;
     }
 }
 declare namespace angularportalazure {
@@ -260,21 +284,7 @@ declare namespace angularportalazure {
 }
 declare namespace angularportalazure {
     class PortalShell extends angularportalazure.UserControlBase {
-        /** Obsolete
-         * start using this.panorama.title */
-        title: string;
-        /** Obsolete
-         * start using this.panorama.avatarMenu.userAccount */
-        user: {};
-        /** Obsolete
-         * start using this.panorama.startboard.tiles */
-        tiles: angularportalazure.Tiles[];
-        /** Obsolete
-         * start using this.bladesNew.blades. */
-        blades: any[];
         constructor(portalService: angularportalazure.PortalService, title: string);
-        initialize(): void;
-        setObsoleteLayoutProperites(): void;
     }
 }
 declare namespace angularportalazure {
@@ -302,6 +312,7 @@ declare namespace angularportalazure {
         portalShell: angularportalazure.PortalShell;
         panorama: angularportalazure.Panorama;
         bladeArea: angularportalazure.BladeArea;
+        areaNotification: angularportalazure.AreaNotification;
         ngDialog: any;
         /** obsolete - $scope is different in any view. do have one instance in a shared service is not the right approach. */
         $scope: angular.IScope;
@@ -326,11 +337,6 @@ declare namespace angularportalazure {
 }
 declare namespace angularportalazure {
 }
-declare namespace angularportalazure {
-    class BladeData extends angularportalazure.Blade {
-        constructor($scope: angular.IScope, portalService: angularportalazure.PortalService, path: string, title: string, subtitle?: string, width?: number);
-    }
-}
 declare namespace angularportalazure {
     class BladeDetail<T> extends angularportalazure.BladeData {
         item: T | null;
@@ -354,28 +360,6 @@ declare namespace angularportalazure {
         onFilter(actual: Object, expected: string): boolean;
     }
 }
-declare namespace angularportalazure {
-    class BladeNavItem {
-        title: string;
-        cssClass: string;
-        bladePath: string;
-        hrefPath: string;
-        roles: string;
-        isVisible: boolean;
-        callback: () => any;
-        bladeNav: angularportalazure.BladeNav | null;
-        constructor(title?: string, cssClass?: string, bladePath?: string, hrefPath?: string, roles?: string, isVisible?: boolean, callback?: () => any, bladeNav?: angularportalazure.BladeNav | null);
-        onNavItemClick(): void;
-    }
-}
-declare namespace angularportalazure {
-    class BladeNav extends angularportalazure.BladeData {
-        constructor($scope: angular.IScope, portalService: angularportalazure.PortalService, path: string, title?: string, subtitle?: string, width?: number);
-        items: Array<angularportalazure.BladeNavItem>;
-        isNav: boolean;
-        onNavigateTo(path: string): void;
-    }
-}
 declare namespace angularportalazure {
     class Exception implements angularportalazure.IExceptionDotNet {
         ExceptionType: string;

package/apn.js

@@ -264,19 +264,13 @@ var angularportalazure;
             _this.isCommandSwap = false;
             _this.commandSwap = function () { this.onCommandSwap(); };
             _this.commandSwapText = '';
-            /** Obsolete */
-            _this.navGrid = {
-                portalService: null,
-                items: [],
-                navigateTo: function (path) { }
-            };
             var that = _this;
             _this.path = path;
             _this.title = title;
             _this.subTitle = subtitle;
             _this.width.width = width + 'px';
             _this.widthStackLayout.width = width - 50 + 'px';
-            _this.navGrid.portalService = portalService;
+            //this.navGrid.portalService = portalService;
             if (!portalService) {
                 throw new Error('[angularportalazure.Blade] constructor parameter \'portalService\' must be provided.');
             }
@@ -297,10 +291,10 @@ var angularportalazure;
             }
             //#region Add BladeArea.AddBlade event listener
             /** OBSOLETE: remove when all OBSOLETE code has been removed */
-            if (portalService instanceof angularportalazure.PortalService == false) {
-                console.log('Blade.constructor: This code cannot be removed yet.');
-                return _this;
-            }
+            //if (portalService instanceof angularportalazure.PortalService == false) {
+            //    console.log('Blade.constructor: This code cannot be removed yet.')
+            //    return;
+            //}
             /** OBSOLETE: end */
             //// Register listener1
             //this.listener1 = that.portalService.$rootScope.$on('BladeArea.AddBlade', function (event, args: angularportalazure.IAddBladeEventArgs) {
@@ -310,7 +304,8 @@ var angularportalazure;
             //    }
             //});
             //#endregion
-            // Set this object to be the one, which was generated during AddBlade
+            // Set 'this.portalService.bladeArea.blades[index]' to 'this'
+            // 'this.portalService.bladeArea.blades[index]' was generated during AddBlade
             _this.portalService.bladeArea.blades.forEach(function (blade, index) {
                 if (blade.path === _this.path) {
                     _this.portalService.bladeArea.blades[index] = _this;
@@ -320,7 +315,6 @@ var angularportalazure;
             return _this;
         }
         Object.defineProperty(Blade.prototype, "path", {
-            //#region path
             get: function () {
                 return this._path;
             },
@@ -335,6 +329,18 @@ var angularportalazure;
             configurable: true
         });
         //#endregion
+        //#region OBSOLETE
+        /** Obsolete */
+        //blade: Blade;
+        /** Obsolete */
+        //isNavGrid: boolean;
+        /** Obsolete */
+        //navGrid = {
+        //    portalService: <angularportalazure.PortalService | null>null,
+        //    items: [],
+        //    navigateTo: function (path: string) { }
+        //};
+        //#endregion
         //#endregion
         //#region Methods
         //#region Methods
@@ -463,18 +469,17 @@ var angularportalazure;
         //#endregion
         //#region OBSOLETE
         /** Obsolete */
-        Blade.prototype.bladeClose = function () {
-            this.close();
-        };
+        //bladeClose() {
+        //    this.close();
+        //}
         //#endregion
         //#endregion
-        Blade.prototype.setTitle = function (watchExpression, func) {
-            var _this = this;
-            if (this.watcherTitle === undefined) {
-                this.watcherTitle = this.$scope.$watch(watchExpression, function () { func(); });
-                this.$scope.$on('$destroy', function () { _this.watcherTitle(); });
-            }
-        };
+        //setTitle(watchExpression: string, func: () => void) {
+        //    if (this.watcherTitle === undefined) {
+        //        this.watcherTitle = this.$scope.$watch(watchExpression, () => { func(); });
+        //        this.$scope.$on('$destroy', () => { this.watcherTitle(); });
+        //    }
+        //}
         Blade.prototype.setBladeHeights = function () {
             var that = this;
             that.bladeContentHeight = $('.fxs-blade-content').height();
@@ -504,7 +509,6 @@ var angularportalazure;
 (function (angularportalazure) {
     var BladeArea = (function (_super) {
         __extends(BladeArea, _super);
-        //#region Constructor
         function BladeArea($scope, portalService) {
             var _this = _super.call(this, $scope, portalService) || this;
             _this.blades = new Array();
@@ -669,48 +673,128 @@ var angularportalazure;
                 this.portalService.panorama.isVisible = false;
             }
         };
-        /** You need to call this when BladeArea is no longer used, otherwise the listener does not get removed. */
+        /** We need to call this when BladeArea is no longer used, otherwise the listener does not get removed. */
         BladeArea.prototype.close = function () {
             this.listener1(); // Unregister listener1
         };
+        return BladeArea;
+    }(angularportalazure.UserControlBase));
+    //#region Constructor
+    BladeArea.$inject = ['$scope', 'angularportalazure.portalService'];
+    angularportalazure.BladeArea = BladeArea;
+    angular.module('angularportalazure').service('angularportalazure.bladeArea', BladeArea);
+})(angularportalazure || (angularportalazure = {}));
+/// <reference path="bladearea.ts" />
+/// <reference path="debug.ts" />
+/// <reference path="portalservice.ts" />
+"use strict";
+var angularportalazure;
+(function (angularportalazure) {
+    var BladeData = (function (_super) {
+        __extends(BladeData, _super);
+        //#region Constructor
+        function BladeData($scope, portalService, path, title, subtitle, width) {
+            if (subtitle === void 0) { subtitle = ''; }
+            if (width === void 0) { width = 300; }
+            return _super.call(this, $scope, portalService, path, title, subtitle, width) || this;
+        }
+        return BladeData;
+    }(angularportalazure.Blade));
+    angularportalazure.BladeData = BladeData;
+})(angularportalazure || (angularportalazure = {}));
+/// <reference path="bladedata.ts" />
+/// <reference path="debug.ts" />
+/// <reference path="bladenavitem.ts" />
+/// <reference path="portalservice.ts" />
+"use strict";
+var angularportalazure;
+(function (angularportalazure) {
+    var BladeNav = (function (_super) {
+        __extends(BladeNav, _super);
+        //#region Constructor
+        function BladeNav($scope, portalService, path, title, subtitle, width) {
+            if (title === void 0) { title = ''; }
+            if (subtitle === void 0) { subtitle = ''; }
+            if (width === void 0) { width = 315; }
+            var _this = _super.call(this, $scope, portalService, path, title, subtitle, width) || this;
+            //#endregion
+            //#region Properties
+            _this.items = new Array();
+            _this.isNav = true;
+            _this.isInnerHtml = false;
+            return _this;
+        }
         //#endregion
-        //#region OBSOLETE
-        BladeArea.prototype.addBladePath = function (path) {
-            // Fix issue with old code
-            if (this.portalService.$window === undefined) {
-                this.portalService.$window = this.portalService;
+        //#region Methods
+        BladeNav.prototype.onNavigateTo = function (path) {
+            if (path === '') {
+                return;
             }
-            this.addBlade(path);
-            //this.addBladeOld(path);
+            this.portalService.bladeArea.raiseAddBladeEvent({ path: path, pathSender: this.path });
         };
-        BladeArea.prototype.addBladeOld = function (path) {
-            var that = this;
-            if (path === undefined || path == '') {
-                return;
+        return BladeNav;
+    }(angularportalazure.BladeData));
+    angularportalazure.BladeNav = BladeNav;
+})(angularportalazure || (angularportalazure = {}));
+/// <reference path="debug.ts" />
+/// <reference path="bladenav.ts" />
+"use strict";
+var angularportalazure;
+(function (angularportalazure) {
+    var BladeNavItem = (function () {
+        //#region Constructor
+        function BladeNavItem(title, cssClass, bladePath, hrefPath, roles, isVisible, callback, bladeNav) {
+            if (title === void 0) { title = ''; }
+            if (cssClass === void 0) { cssClass = ""; }
+            if (bladePath === void 0) { bladePath = ''; }
+            if (hrefPath === void 0) { hrefPath = ""; }
+            if (roles === void 0) { roles = ""; }
+            if (isVisible === void 0) { isVisible = true; }
+            if (callback === void 0) { callback = null; }
+            if (bladeNav === void 0) { bladeNav = null; }
+            this.title = title;
+            this.cssClass = cssClass;
+            this.bladePath = bladePath;
+            this.hrefPath = hrefPath;
+            this.roles = roles;
+            this.isVisible = isVisible;
+            this.callback = callback;
+            this.bladeNav = bladeNav;
+        }
+        //#endregion
+        //#region
+        BladeNavItem.prototype.onNavItemClick = function () {
+            if (this.callback != null) {
+                this.callback();
             }
-            var blade = new angularportalazure.Blade(that.$scope, that.portalService, path, '');
-            that.blades.push(blade);
-            var portalcontent = that.portalService.$window.document.getElementById('azureportalscroll');
-            that.portalService.$window.setTimeout(function () {
-                var azureportalblades = that.portalService.$window.document.getElementsByClassName('azureportalblade');
-                var i = that.blades.length - 1;
-                // HACK: Sometime azureportalblades[i].offsetLeft is undefined.
-                //       So now if it is, the user has to scroll on its own.
-                if (azureportalblades[i] !== undefined && azureportalblades[i].offsetLeft !== undefined) {
-                    var sl = azureportalblades[i].offsetLeft - 30;
-                    portalcontent.scrollLeft = sl;
-                }
-            }, 250);
         };
-        return BladeArea;
+        return BladeNavItem;
+    }());
+    angularportalazure.BladeNavItem = BladeNavItem;
+})(angularportalazure || (angularportalazure = {}));
+/// <reference path="bladedata.ts" />
+/// <reference path="debug.ts" />
+/// <reference path="bladenavitem.ts" />
+/// <reference path="portalservice.ts" />
+"use strict";
+var angularportalazure;
+(function (angularportalazure) {
+    var AreaNotification = (function (_super) {
+        __extends(AreaNotification, _super);
+        //#region Constructor
+        function AreaNotification($scope, portalService) {
+            var _this = _super.call(this, $scope, portalService) || this;
+            _this.notificationArea = $('#apa-notification-area')[0];
+            console.log(_this.notificationArea);
+            return _this;
+        }
+        //#endregion
+        //#region Methods
+        AreaNotification.prototype.show = function () {
+        };
+        return AreaNotification;
     }(angularportalazure.UserControlBase));
-    angularportalazure.BladeArea = BladeArea;
-    //#region Angular Registration
-    (function () {
-        'use strict';
-        angular.module('angularportalazure').service('angularportalazure.bladeArea', ['$window', BladeArea]);
-    })();
-    //#endregion
+    angularportalazure.AreaNotification = AreaNotification;
 })(angularportalazure || (angularportalazure = {}));
 "use strict";
 /// <reference path="debug.ts" />
@@ -901,8 +985,6 @@ var angularportalazure;
 (function (angularportalazure) {
     var PortalShell = (function (_super) {
         __extends(PortalShell, _super);
-        //#endregion
-        //#endregion
         //#region Constructor
         function PortalShell(portalService, title) {
             var _this = _super.call(this, null, portalService) || this;
@@ -910,38 +992,18 @@ var angularportalazure;
             _this.portalService.portalShell = _this;
             _this.portalService.panorama = new angularportalazure.Panorama(_this.$scope, title, _this.portalService);
             _this.portalService.bladeArea = new angularportalazure.BladeArea(_this.$scope, portalService);
-            _this.initialize();
+            _this.portalService.areaNotification = new angularportalazure.AreaNotification(_this.$scope, portalService);
+            _this.portalService.panorama.title = title;
             return _this;
+            //this.initialize();
         }
-        //#endregion
-        //#region Methods
-        PortalShell.prototype.initialize = function () {
-            this.setObsoleteLayoutProperites();
-        };
-        PortalShell.prototype.setObsoleteLayoutProperites = function () {
-            this.title = this.portalService.panorama.title;
-            this.tiles = this.portalService.panorama.startboard.tiles.tiles;
-            this.blades = this.portalService.bladeArea.blades;
-            //var bladeServiceOLD = <angularportalazure.Blade>this.portalService.$injector.get('bladeService');
-            //bladeServiceOLD.blades = this.portalService.bladeArea.blades;
-            if (this.portalService.panorama.avatarMenu.userAccount != undefined) {
-                this.user = {
-                    name: this.portalService.panorama.avatarMenu.userAccount.name,
-                    emailaddress: this.portalService.panorama.avatarMenu.userAccount.userName
-                };
-            }
-            //if (this.portalService.bladeArea != null) {
-            //    this.portalService.bladeArea.blades.forEach(function (blade) {
-            //        //blade.setObsoleteLayoutProperites();
-            //    });
-            //}
-        };
         return PortalShell;
     }(angularportalazure.UserControlBase));
     angularportalazure.PortalShell = PortalShell;
 })(angularportalazure || (angularportalazure = {}));
 /// <reference types="angular" />
 /// <reference types="angulartics" />
+/// <reference path="areanotification.ts" />
 /// <reference path="bladearea.ts" />
 /// <reference path="debug.ts" />
 /// <reference path="bladeparameter.ts" />
@@ -1060,6 +1122,7 @@ var angularportalazure;
     AngularPortalBladeController.$inject = ['angularportalazure.portalService'];
     function AngularPortalBladeController(portalService) {
         this.$onInit = function () {
+            console.log('$onInit');
             this.close = function () {
                 portalService.bladeArea.clearLastLevel();
             };
@@ -1172,24 +1235,6 @@ var angularportalazure;
     };
     angular.module('angularportalazure').component('nav', nav);
 })(angularportalazure || (angularportalazure = {}));
-/// <reference path="bladearea.ts" />
-/// <reference path="debug.ts" />
-/// <reference path="portalservice.ts" />
-"use strict";
-var angularportalazure;
-(function (angularportalazure) {
-    var BladeData = (function (_super) {
-        __extends(BladeData, _super);
-        //#region Constructor
-        function BladeData($scope, portalService, path, title, subtitle, width) {
-            if (subtitle === void 0) { subtitle = ''; }
-            if (width === void 0) { width = 300; }
-            return _super.call(this, $scope, portalService, path, title, subtitle, width) || this;
-        }
-        return BladeData;
-    }(angularportalazure.Blade));
-    angularportalazure.BladeData = BladeData;
-})(angularportalazure || (angularportalazure = {}));
 /// <reference path="bladedata.ts" />
 /// <reference path="debug.ts" />
 /// <reference path="portalservice.ts" />
@@ -1390,76 +1435,6 @@ var angularportalazure;
     angularportalazure.BladeGrid = BladeGrid;
 })(angularportalazure || (angularportalazure = {}));
 /// <reference path="debug.ts" />
-/// <reference path="bladenav.ts" />
-"use strict";
-var angularportalazure;
-(function (angularportalazure) {
-    var BladeNavItem = (function () {
-        //#region Constructor
-        function BladeNavItem(title, cssClass, bladePath, hrefPath, roles, isVisible, callback, bladeNav) {
-            if (title === void 0) { title = ''; }
-            if (cssClass === void 0) { cssClass = ""; }
-            if (bladePath === void 0) { bladePath = ''; }
-            if (hrefPath === void 0) { hrefPath = ""; }
-            if (roles === void 0) { roles = ""; }
-            if (isVisible === void 0) { isVisible = true; }
-            if (callback === void 0) { callback = null; }
-            if (bladeNav === void 0) { bladeNav = null; }
-            this.title = title;
-            this.cssClass = cssClass;
-            this.bladePath = bladePath;
-            this.hrefPath = hrefPath;
-            this.roles = roles;
-            this.isVisible = isVisible;
-            this.callback = callback;
-            this.bladeNav = bladeNav;
-        }
-        //#endregion
-        //#region
-        BladeNavItem.prototype.onNavItemClick = function () {
-            if (this.callback != null) {
-                this.callback();
-            }
-        };
-        return BladeNavItem;
-    }());
-    angularportalazure.BladeNavItem = BladeNavItem;
-})(angularportalazure || (angularportalazure = {}));
-/// <reference path="bladedata.ts" />
-/// <reference path="debug.ts" />
-/// <reference path="bladenavitem.ts" />
-/// <reference path="portalservice.ts" />
-"use strict";
-var angularportalazure;
-(function (angularportalazure) {
-    var BladeNav = (function (_super) {
-        __extends(BladeNav, _super);
-        //#region Constructor
-        function BladeNav($scope, portalService, path, title, subtitle, width) {
-            if (title === void 0) { title = ''; }
-            if (subtitle === void 0) { subtitle = ''; }
-            if (width === void 0) { width = 315; }
-            var _this = _super.call(this, $scope, portalService, path, title, subtitle, width) || this;
-            //#endregion
-            //#region Properties
-            _this.items = new Array();
-            _this.isNav = true;
-            _this.isInnerHtml = false;
-            return _this;
-        }
-        //#endregion
-        //#region Methods
-        BladeNav.prototype.onNavigateTo = function (path) {
-            if (path === '') {
-                return;
-            }
-            this.portalService.bladeArea.raiseAddBladeEvent({ path: path, pathSender: this.path });
-        };
-        return BladeNav;
-    }(angularportalazure.BladeData));
-    angularportalazure.BladeNav = BladeNav;
-})(angularportalazure || (angularportalazure = {}));
-/// <reference path="debug.ts" />
 "use strict";
 var angularportalazure;
 (function (angularportalazure) {

package/directives/blade/angular-portal-blade.ts

@@ -32,6 +32,7 @@ namespace angularportalazure {
     AngularPortalBladeController.$inject = ['angularportalazure.portalService'];
     function AngularPortalBladeController(portalService: angularportalazure.PortalService) {
         this.$onInit = function () {
+            console.log('$onInit');
             this.close = function () {
                 portalService.bladeArea.clearLastLevel();
             };

package/directives/home/home.html

@@ -3,20 +3,20 @@
     <div id="azureportalscroll" class="fxs-portal-content fxs-panorama">
         <div class="fxs-panorama-homearea" ng-class="{collapsed: !$ctrl.vm.portalService.panorama.startboard.tiles.showTiles}" ng-show="$ctrl.vm.portalService.panorama.isVisible">
             <header class="fxs-pannable" ng-class="{collapsed: !$ctrl.vm.portalService.panorama.startboard.tiles.showTiles}">
-                <h1 class="fxs-panorama-title fxs-pannable">{{$ctrl.vm.title}}</h1>
+                <h1 class="fxs-panorama-title fxs-pannable">{{$ctrl.vm.portalService.panorama.title}}</h1>
                 <div class="fxs-avatarmenu-target fxs-avatarmenu" ng-class="{collapsed: !$ctrl.vm.portalService.panorama.startboard.tiles.showTiles}">
                     <a class="fxs-avatarmenu-header" href="/Account/Manage">
                         <img alt="" src="/node_modules/@ardimedia/angular-portal-azure/images/avatar.jpg" />
-                        <div class="fxs-avatarmenu-username">{{$ctrl.vm.user.name}}</div>
-                        <div class="fxs-avatarmenu-emailaddresse">{{$ctrl.vm.user.emailaddress}}</div>
+                        <div class="fxs-avatarmenu-username">{{$ctrl.vm.portalService.panorama.avatarMenu.userAccount.name}}</div>
+                        <div class="fxs-avatarmenu-emailaddresse">{{$ctrl.vm.portalService.panorama.avatarMenu.userAccount.userName}}</div>
                     </a>
                 </div>
             </header>
             <div class="fxs-startboard-target fxs-startboard fx-rightClick" ng-class="{collapsed: !$ctrl.vm.portalService.panorama.startboard.tiles.showTiles}">
                 <div class="fxs-startboard-layout fxs-flowlayout">
                     <div class="fxs-flowlayout-childcontainer">
-                        <section data-ng-repeat="tile in $ctrl.vm.tiles track by $index" class="fxs-tile fx-rightClick fxs-flowlayout-element" data-ng-class="{'fxs-tilesize-normal':tile.size=='normal', 'fxs-tilesize-mini':tile.size=='mini', 'fxs-tilesize-herowide':tile.size=='herowide'}" data-ng-style="{'left': tile.left, 'top': tile.top}">
-                            <div class="fxs-part fxs-part-clickable" ng-click="$ctrl.vm.navigateTo(tile.bladePath);tile.clicked();" style="cursor:pointer;">
+                        <section data-ng-repeat="tile in $ctrl.vm.portalService.panorama.startboard.tiles.tiles track by $index" class="fxs-tile fx-rightClick fxs-flowlayout-element" data-ng-class="{'fxs-tilesize-normal':tile.size=='normal', 'fxs-tilesize-mini':tile.size=='mini', 'fxs-tilesize-herowide':tile.size=='herowide'}" data-ng-style="{'left': tile.left, 'top': tile.top}">
+                            <div class="fxs-part fxs-part-clickable" ng-click="tile.clicked();" style="cursor:pointer;">
                                 <header class="fxs-part-title">
                                     <h2 class="msportalfx-tooltip-overflow">{{tile.title}}</h2>
                                     <h3 class="msportalfx-tooltip-overflow">{{tile.subTitle}}</h3>
@@ -31,8 +31,11 @@
         </div>
         <div class="fxs-journey-target fxs-journey">
             <div class="fxs-journey-layout fxs-stacklayout fxs-stacklayout-horizontal">
-                <div data-ng-repeat="blade in $ctrl.vm.blades track by $index" class="azureportalblade fxs-stacklayout-child" ng-include="blade.path"></div>
+                <div data-ng-repeat="blade in $ctrl.vm.portalService.bladeArea.blades track by $index" class="azureportalblade fxs-stacklayout-child" ng-include="blade.path"></div>
             </div>
         </div>
+        <div id="apa-notification-area" style="background-color:red;display: inline-block;height:100%;width:250px;position:absolute;left:624px;top:0">
+            asdf
+        </div>
     </div>
 </div>

package/package.json

@@ -2,7 +2,7 @@
   "name": "@ardimedia/angular-portal-azure",
   "description": "Angular Portal Azure - GUI Framework.",
   "author": "Ardimedia Anstalt <info@ardimedia.com> (http://www.ardimedia.com)",
-  "version": "0.2.138",
+  "version": "0.2.140",
   "main": "index.js",
   "typings": "apn.d.ts",
   "dependencies": {