@ardimedia/angular-portal-azure 0.2.186 → 0.2.188

package/apn.d.ts

@@ -351,6 +351,7 @@ declare namespace angularportalazure {
     class BladeDetail<T> extends angularportalazure.BladeData {
         constructor($scope: angular.IScope, portalService: angularportalazure.PortalService, path: string, title: string, subtitle?: string, width?: number);
         item: T;
+        visibility: string;
         loadItem(func: () => angular.IPromise<any>): void;
         onLoadItem(): void;
         onLoadedItem(): void;

package/apn.js

@@ -396,11 +396,19 @@ var angularportalazure;
             throw new Error('[angularportalazure.Blade] \'onCommandExcel\' is an abstract function. Define one in the derived class.');
         };
         //#endregion
+        //** Change title, as soon as watchExpression changes. watchExpression is either a variable ore an expresssion, e.g. [name1 + name2] */
         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(); });
+                if (this.$scope !== null) {
+                    // angular1
+                    this.watcherTitle = this.$scope.$watch(watchExpression, function () { func(); });
+                    this.$scope.$on('$destroy', function () { _this.watcherTitle(); });
+                }
+                else {
+                    // angular2
+                    console.log('[Blade.setTitle()] not supported for angular2. use [ngOnChanges] instead.');
+                }
             }
         };
         Blade.prototype.setBladeHeights = function () {
@@ -1079,6 +1087,7 @@ var angularportalazure;
             //#endregion
             //#region Properties
             _this.item = {};
+            _this.visibility = 'collapse';
             _this.commandNewText = 'neu';
             _this.commandSaveText = 'speichern';
             _this.commandDeleteText = 'löschen';
@@ -1098,9 +1107,11 @@ var angularportalazure;
             });
         };
         BladeDetail.prototype.onLoadItem = function () {
+            this.visibility = 'collapse';
             this.setStatusBarLoadData();
         };
         BladeDetail.prototype.onLoadedItem = function () {
+            this.visibility = 'visible';
             this.clearStatusBar();
         };
         BladeDetail.prototype.saveItem = function (func) {

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