@ardimedia/angular-portal-azure 0.2.143 → 0.2.145

package/apn.d.ts

@@ -36,7 +36,6 @@ declare namespace angularportalazure {
 declare namespace angularportalazure {
     class UserControlBase {
         constructor($scope: angular.IScope, portalService: angularportalazure.PortalService);
-        $scope: angular.IScope;
         portalService: angularportalazure.PortalService;
         setupWindowResizeListener(callback: () => void): void;
     }
@@ -339,6 +338,7 @@ declare namespace angularportalazure {
         $q: angular.IQService;
         $rootScope: angular.IRootScopeService;
         $window: angular.IWindowService;
+        $timeout: angular.ITimeoutService;
         $translate: angular.translate.ITranslateService;
     }
 }
@@ -350,10 +350,6 @@ declare namespace angularportalazure {
 }
 declare namespace angularportalazure {
 }
-declare namespace angularportalazure {
-}
-declare namespace angularportalazure {
-}
 declare namespace angularportalazure {
     class BladeDetail<T> extends angularportalazure.BladeData {
         item: T | null;

package/apn.js

@@ -175,8 +175,9 @@ var angularportalazure;
     var UserControlBase = (function () {
         //#region Constructor
         function UserControlBase($scope, portalService) {
-            this.$scope = $scope;
+            //this.$scope = $scope;
             this.portalService = portalService;
+            this.portalService.$scope = $scope;
         }
         //#endregion
         //#region Methods
@@ -323,9 +324,9 @@ var angularportalazure;
                     _this.portalService.areaBlades.blades[index] = _this;
                 }
             });
+            _this.setBladeHeights();
+            _this.setupWindowResizeListener(function () { _this.setBladeHeights(); });
             return _this;
-            //this.setBladeHeights();
-            //this.setupWindowResizeListener(() => { this.setBladeHeights(); });
         }
         Object.defineProperty(Blade.prototype, "path", {
             get: function () {
@@ -490,15 +491,16 @@ var angularportalazure;
         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(); });
+                this.watcherTitle = this.portalService.$scope.$watch(watchExpression, function () { func(); });
+                this.portalService.$scope.$on('$destroy', function () { _this.watcherTitle(); });
             }
         };
         Blade.prototype.setBladeHeights = function () {
-            console.log(this.portalService.$window.document.getElementById('apa-blade-content'));
-            console.log(this.portalService.$window.document.getElementById('apa-blade-content').style.height);
-            this.bladeContentHeight = Number(this.portalService.$window.document.getElementById('apa-blade-content').style.height.replace('px', ''));
-            this.bladeContentInnerHeight = this.bladeContentHeight - 20;
+            var _this = this;
+            this.portalService.$timeout(function () {
+                _this.bladeContentHeight = _this.portalService.$window.innerHeight - 125; // header
+                _this.bladeContentInnerHeight = _this.bladeContentHeight - 50; // padding
+            });
             //// http://stackoverflow.com/questions/4298612/jquery-how-to-call-resize-event-only-once-its-finished-resizing
             //var id: NodeJS.Timer;
             //$(window).resize(function () {
@@ -607,7 +609,7 @@ var angularportalazure;
             });
             //#endregion
             //#region Show the blade
-            var blade = new angularportalazure.Blade(that.$scope, that.portalService, path, '');
+            var blade = new angularportalazure.Blade(that.portalService.$scope, that.portalService, path, '');
             that.blades.push(blade);
             //#endregion
             //#region Position the blade
@@ -1051,8 +1053,8 @@ var angularportalazure;
             _this.isVisible = true;
             _this.title = title;
             _this.portalService.panorama = _this;
-            _this.avatarMenu = new angularportalazure.AvatarMenu(_this.$scope, _this.portalService);
-            _this.startboard = new angularportalazure.Startboard(_this.$scope, _this.portalService);
+            _this.avatarMenu = new angularportalazure.AvatarMenu(_this.portalService.$scope, _this.portalService);
+            _this.startboard = new angularportalazure.Startboard(_this.portalService.$scope, _this.portalService);
             return _this;
         }
         return Panorama;
@@ -1075,7 +1077,7 @@ var angularportalazure;
             var _this = _super.call(this, null, portalService) || this;
             _this.portalService = portalService;
             _this.portalService.portalShell = _this;
-            _this.portalService.panorama = new angularportalazure.Panorama(_this.$scope, title, _this.portalService);
+            _this.portalService.panorama = new angularportalazure.Panorama(_this.portalService.$scope, title, _this.portalService);
             //this.portalService.areaBlades = new angularportalazure.BladeArea(this.$scope, portalService);
             _this.portalService.panorama.title = title;
             return _this;
@@ -1108,6 +1110,7 @@ var angularportalazure;
             this.$rootScope = $injector.get('$rootScope');
             this.$window = $injector.get('$window');
             this.$analytics = $injector.get('$analytics');
+            this.$timeout = $injector.get('$timeout');
             this.$translate = $injector.get('$translate');
             this.ngDialog = $injector.get('ngDialog');
             this.ngDialog.openConfirm;
@@ -1124,60 +1127,6 @@ var angularportalazure;
 /// <reference path="../../domain/portalservice.ts" />
 "use strict";
 var angularportalazure;
-(function (angularportalazure) {
-    angularPortalBladeGrid.$inject = ['angularportalazure.portalService'];
-    function angularPortalBladeGrid(portalService) {
-        return {
-            restrict: 'E',
-            transclude: true,
-            scope: {},
-            bindToController: { vm: '=' },
-            templateUrl: '/node_modules/@ardimedia/angular-portal-azure/directives/blade/blade.html',
-            link: function (scope, element, attrs, controller) { },
-            controller: function () {
-                this.$onInit = function () {
-                    this.close = function () {
-                        //portalService.areaBlades.clearLastLevel();
-                    };
-                };
-            },
-            controllerAs: '$ctrl'
-        };
-    }
-    angular.module('angularportalazure').directive('angularPortalBladeGrid', angularPortalBladeGrid);
-})(angularportalazure || (angularportalazure = {}));
-/// <reference types="angular" />
-/// <reference path="../../domain/debug.ts" />
-/// <reference path="../../domain/portalservice.ts" />
-"use strict";
-var angularportalazure;
-(function (angularportalazure) {
-    angularPortalBladeNav.$inject = ['angularportalazure.portalService'];
-    function angularPortalBladeNav(portalService) {
-        return {
-            restrict: 'E',
-            transclude: true,
-            scope: {},
-            bindToController: { vm: '=' },
-            templateUrl: '/node_modules/@ardimedia/angular-portal-azure/directives/blade/blade.html',
-            link: function (scope, element, attrs, controller) { },
-            controller: function () {
-                this.$onInit = function () {
-                    this.close = function () {
-                        //portalService.areaBlades.clearLastLevel();
-                    };
-                };
-            },
-            controllerAs: '$ctrl'
-        };
-    }
-    angular.module('angularportalazure').directive('angularPortalBladeNav', angularPortalBladeNav);
-})(angularportalazure || (angularportalazure = {}));
-/// <reference types="angular" />
-/// <reference path="../../domain/debug.ts" />
-/// <reference path="../../domain/portalservice.ts" />
-"use strict";
-var angularportalazure;
 (function (angularportalazure) {
     //angularPortalBlade.$inject = ['angularportalazure.portalService'];
     //function angularPortalBlade(portalService: angularportalazure.PortalService) {
@@ -1206,10 +1155,10 @@ var angularportalazure;
     AngularPortalBladeController.$inject = ['angularportalazure.portalService'];
     function AngularPortalBladeController(portalService) {
         this.$onInit = function () {
-            portalService.areaNotification.show();
+            //portalService.areaNotification.show();
             this.close = function () {
                 //portalService.areaBlades.clearLastLevel();
-                portalService.areaNotification.hide();
+                //portalService.areaNotification.hide();
             };
         };
     }
@@ -1246,15 +1195,15 @@ var angularportalazure;
     //    };
     //}
     //angular.module('angularportalazure').directive('grid', grid);
-    var grid = {
+    var angularPortalGrid = {
         transclude: true,
-        templateUrl: '/node_modules/@ardimedia/angular-portal-azure/directives/grid/grid.html',
+        templateUrl: '/node_modules/@ardimedia/angular-portal-azure/directives/bladegrid/bladegrid.html',
         controller: function () { },
         bindings: {
             vm: '='
         }
     };
-    angular.module('angularportalazure').component('grid', grid);
+    angular.module('angularportalazure').component('angularPortalGrid', angularPortalGrid);
 })(angularportalazure || (angularportalazure = {}));
 "use strict";
 var angularportalazure;
@@ -1317,7 +1266,7 @@ var angularportalazure;
     //    };
     //}
     //angular.module('angularportalazure').directive('nav', nav);
-    var nav = {
+    var angularPortalNav = {
         transclude: true,
         templateUrl: '/node_modules/@ardimedia/angular-portal-azure/directives/nav/nav.html',
         controller: function () { },
@@ -1325,7 +1274,7 @@ var angularportalazure;
             vm: '='
         }
     };
-    angular.module('angularportalazure').component('nav', nav);
+    angular.module('angularportalazure').component('angularPortalNav', angularPortalNav);
 })(angularportalazure || (angularportalazure = {}));
 /// <reference path="bladedata.ts" />
 /// <reference path="debug.ts" />

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

@@ -32,10 +32,10 @@ namespace angularportalazure {
     AngularPortalBladeController.$inject = ['angularportalazure.portalService'];
     function AngularPortalBladeController(portalService: angularportalazure.PortalService) {
         this.$onInit = function () {
-            portalService.areaNotification.show();
+            //portalService.areaNotification.show();
             this.close = function () {
                 //portalService.areaBlades.clearLastLevel();
-                portalService.areaNotification.hide();
+                //portalService.areaNotification.hide();
             };
         };
     }

package/directives/blade/blade.html

@@ -222,7 +222,7 @@
             </div>
         </div>
     </header>
-    <div id="apa-blade-content" class="fxs-blade-content fxs-pannable" style="height:calc(100% - 125px);">
+    <div class="fxs-blade-content fxs-pannable" ng-style="{'height': $ctrl.vm.bladeContentInnerHeight}">
         <div class="fxs-blade-stacklayout fxs-stacklayout fxs-stacklayout-vertical" ng-style="$ctrl.vm.widthStackLayout">
             <div class="fxs-stacklayout-child">
                 <div class="fxs-lens">
@@ -237,17 +237,16 @@
                                 <section class="fxs-part-content css-scope-HubsExtension">
                                     <div tabindex="0" class="fxcontrol-base azc-control azc-theme-frost azc-grid-focusableRow azc-grid-selectableRow azc-grid-activateableRow azc-grid-rightClickableRow azc-grid azc-grid-headerHidden Formatter FormatterHtmlBindings Focusable Selectable RightClickableRow" data-bind="pcGrid: $root" data-control="true">
                                         <!--<div class="azc-grid-container">-->
+                                        <!-- neutral -->
+                                        <div data-ng-if="$ctrl.vm.isInnerHtml">
+                                            <div ng-transclude></div>
+                                        </div>
 
-                                            <!-- neutral -->
-                                            <div data-ng-if="$ctrl.vm.isInnerHtml">
-                                                <div ng-transclude></div>
-                                            </div>
+                                        <!-- nav -->
+                                        <angular-portal-nav data-ng-if="$ctrl.vm.isNav" vm="$ctrl.vm"></angular-portal-nav>
 
-                                            <!-- nav -->
-                                            <nav data-ng-if="$ctrl.vm.isNav" vm="$ctrl.vm"></nav>
-
-                                            <!-- grid -->
-                                            <grid data-ng-if="$ctrl.vm.isNavGrid" vm="$ctrl.vm"></grid>
+                                        <!-- grid -->
+                                        <angular-portal-grid data-ng-if="$ctrl.vm.isNavGrid" vm="$ctrl.vm"></angular-portal-grid>
 
                                         <!--</div>-->
                                     </div>

package/directives/grid/{grid.ts → angular-portal-grid.ts}

@@ -21,14 +21,14 @@
 
     //angular.module('angularportalazure').directive('grid', grid);
 
-    var grid = {
+    var angularPortalGrid = {
         transclude: true,
-        templateUrl: '/node_modules/@ardimedia/angular-portal-azure/directives/grid/grid.html',
+        templateUrl: '/node_modules/@ardimedia/angular-portal-azure/directives/bladegrid/bladegrid.html',
         controller: function () { },
         bindings: {
             vm: '='
         }
     };
 
-    angular.module('angularportalazure').component('grid', grid);
+    angular.module('angularportalazure').component('angularPortalGrid', angularPortalGrid);
 }

package/directives/nav/{nav.ts → angular-portal-nav.ts}

@@ -28,7 +28,7 @@
 
     //angular.module('angularportalazure').directive('nav', nav);
 
-    var nav = {
+    var angularPortalNav = {
         transclude: true,
         templateUrl: '/node_modules/@ardimedia/angular-portal-azure/directives/nav/nav.html',
         controller: function () { },
@@ -37,5 +37,5 @@
         }
     };
 
-    angular.module('angularportalazure').component('nav', nav);
+    angular.module('angularportalazure').component('angularPortalNav', angularPortalNav);
 }

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.143",
+  "version": "0.2.145",
   "main": "index.js",
   "typings": "apn.d.ts",
   "dependencies": {

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

@@ -1,27 +0,0 @@
-/// <reference types="angular" />
-/// <reference path="../../domain/debug.ts" />
-/// <reference path="../../domain/portalservice.ts" />
-
-namespace angularportalazure {
-    angularPortalBladeGrid.$inject = ['angularportalazure.portalService'];
-    function angularPortalBladeGrid(portalService: angularportalazure.PortalService) {
-        return {
-            restrict: 'E',
-            transclude: true,
-            scope: {},
-            bindToController: { vm: '=' },
-            templateUrl: '/node_modules/@ardimedia/angular-portal-azure/directives/blade/blade.html',
-            link: function (scope: angular.IScope, element, attrs, controller) { },
-            controller: function () {
-                this.$onInit = function () {
-                    this.close = function () {
-                        //portalService.areaBlades.clearLastLevel();
-                    };
-                };
-            },
-            controllerAs: '$ctrl'
-        };
-    }
-
-    angular.module('angularportalazure').directive('angularPortalBladeGrid', angularPortalBladeGrid);
-}

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

@@ -1,27 +0,0 @@
-/// <reference types="angular" />
-/// <reference path="../../domain/debug.ts" />
-/// <reference path="../../domain/portalservice.ts" />
-
-namespace angularportalazure {
-    angularPortalBladeNav.$inject = ['angularportalazure.portalService'];
-    function angularPortalBladeNav(portalService: angularportalazure.PortalService) {
-        return {
-            restrict: 'E',
-            transclude: true,
-            scope: {},
-            bindToController: { vm: '=' },
-            templateUrl: '/node_modules/@ardimedia/angular-portal-azure/directives/blade/blade.html',
-            link: function (scope:angular.IScope, element, attrs, controller) { },
-            controller: function () {
-                this.$onInit = function () {
-                    this.close = function () {
-                        //portalService.areaBlades.clearLastLevel();
-                    };
-                };
-            },
-            controllerAs: '$ctrl'
-        };
-    }
-
-    angular.module('angularportalazure').directive('angularPortalBladeNav', angularPortalBladeNav);
-}