@ardimedia/angular-portal-azure 0.2.37 → 0.2.38

package/apn.d.ts

@@ -299,6 +299,10 @@ declare namespace angularportalazure {
 }
 declare namespace angularportalazure {
 }
+declare namespace angularportalazure {
+}
+declare namespace angularportalazure {
+}
 declare namespace angularportalazure {
     /** If a Web API through an exception, the following interface should be available. */
     interface IException {
@@ -327,9 +331,9 @@ declare namespace angularportalazure {
     }
 }
 declare namespace angularportalazure {
-    class BladeList extends angularportalazure.BladeData {
-        items: any[];
+    class BladeGrid extends angularportalazure.BladeData {
         constructor(portalService: angularportalazure.PortalService, path: string, title: string, subtitle?: string, width?: number);
+        items: any[];
         activate(): void;
         onActivate(): any;
         loadItems(f: any): void;

package/apn.js

@@ -899,6 +899,44 @@ var angularportalazure;
 /// <reference path="../../domain/debug.ts" />
 /// <reference path="../../domain/portalservice.ts" />
 var angularportalazure;
+(function (angularportalazure) {
+    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) {
+                //console.log('angularPortalBladeGrid.link()');
+                //console.log(this);
+                //#region the following code makes sure, that a function scope.vm.close is available
+                //if (scope.vm === undefined) { scope.vm = {}; }
+                //if (scope.vm.close === undefined) {
+                //    scope.vm.close = function () {
+                //        angularportalazure.Debug.write('[angularportalazure-debug] \'directive:azurePortalBlade.close\' called.', [this, portalService]);
+                //        portalService.bladeArea.clearLastLevel();
+                //    }
+                //}
+                //#endregion
+            },
+            controller: function () {
+                //console.log('angularPortalBladeGrid.controller()');
+                //console.log(this);
+                this.vm.close = function () {
+                    angularportalazure.Debug.write('[angularportalazure-debug] \'directive:azurePortalBlade.close\' called.', [this, portalService]);
+                    portalService.bladeArea.clearLastLevel();
+                };
+            },
+            controllerAs: 'ctrl'
+        };
+    }
+    angular.module('angularportalazure').directive('angularPortalBladeGrid', ['angularportalazure.portalService', angularPortalBladeGrid]);
+})(angularportalazure || (angularportalazure = {}));
+/// <reference types="angular" />
+/// <reference path="../../domain/debug.ts" />
+/// <reference path="../../domain/portalservice.ts" />
+var angularportalazure;
 (function (angularportalazure) {
     function angularPortalBladeNav(portalService) {
         return {
@@ -1000,6 +1038,39 @@ var angularportalazure;
 //    app.directive(DirtyFlag.directiveId, ['personmanager', (pm) => new DirtyFlag(pm)]);
 //} 
 var angularportalazure;
+(function (angularportalazure) {
+    function grid($window) {
+        return {
+            restrict: 'E',
+            scope: {},
+            bindToController: { vm: '=' },
+            templateUrl: '/node_modules/@ardimedia/angular-portal-azure/directives/grid/grid.html',
+            link: function (scope, element, attrs, controller) {
+                //console.log('grid.link()');
+                //console.log(this);
+                angular.forEach(controller.vm.items, function (item) {
+                    // Set some default values, depending on existing values
+                    if (item.isVisible == undefined) {
+                        item.isVisible = true;
+                    }
+                    if (item.title == undefined || item.title == '') {
+                        item.style = { cursor: 'default' };
+                    }
+                    if (item.bladePath == undefined || item.bladePath == '') {
+                        item.style = { cursor: 'default' };
+                    }
+                });
+            },
+            controller: function () {
+                //console.log('grid.controller()');
+                //console.log(this);
+            },
+            controllerAs: 'ctrl'
+        };
+    }
+    angular.module('angularportalazure').directive('grid', ['$window', grid]);
+})(angularportalazure || (angularportalazure = {}));
+var angularportalazure;
 (function (angularportalazure) {
     function angularPortalHome() {
         return {
@@ -1151,14 +1222,14 @@ var angularportalazure;
 /// <reference path="portalservice.ts" />
 var angularportalazure;
 (function (angularportalazure) {
-    var BladeList = (function (_super) {
-        __extends(BladeList, _super);
-        //#endregion
+    var BladeGrid = (function (_super) {
+        __extends(BladeGrid, _super);
         //#region Constructor
-        function BladeList(portalService, path, title, subtitle, width) {
+        function BladeGrid(portalService, path, title, subtitle, width) {
             if (subtitle === void 0) { subtitle = ''; }
             if (width === void 0) { width = 200; }
             _super.call(this, portalService, path, title, subtitle, width);
+            //#endregion
             //#region Properties
             this.items = [];
             angularportalazure.Debug.write('[angularportalazure-debug] \'BladeList\' constructor called.', [this, portalService, path, title, subtitle, width]);
@@ -1167,7 +1238,7 @@ var angularportalazure;
         }
         //#endregion
         //#region Methods
-        BladeList.prototype.activate = function () {
+        BladeGrid.prototype.activate = function () {
             angularportalazure.Debug.write('[angularportalazure-debug] \'BladeList.activate\' called.', [this]);
             var that = this;
             that.statusbar = 'Daten laden...';
@@ -1179,10 +1250,10 @@ var angularportalazure;
                 that.loadItems(onActivate);
             }
         };
-        BladeList.prototype.onActivate = function () {
+        BladeGrid.prototype.onActivate = function () {
             throw new Error('[angularportalazure.BladeList] \'onActivate\' is an abstract function. Define one in the derived class.');
         };
-        BladeList.prototype.loadItems = function (f) {
+        BladeGrid.prototype.loadItems = function (f) {
             var that = this;
             f.success(function (data) {
                 that.items = data;
@@ -1194,7 +1265,7 @@ var angularportalazure;
             });
         };
         //#region Filter
-        BladeList.prototype.onFilter = function (actual, expected) {
+        BladeGrid.prototype.onFilter = function (actual, expected) {
             angularportalazure.Debug.write('[angularportalazure-debug] \'BladeList.filter\' called.', [this, actual, expected]);
             //#region Documentation
             // > onFilter will be called for each item in an array
@@ -1280,16 +1351,16 @@ var angularportalazure;
         //#endregion
         //#region OBSOLETE
         /** Obsolete */
-        BladeList.prototype.setObsoleteLayoutProperites = function () {
+        BladeGrid.prototype.setObsoleteLayoutProperites = function () {
             angularportalazure.Debug.write('[angularportalazure-debug] \'BladeList.setObsoleteLayoutProperites\' called.', [this]);
             //if (this.items.length !== 0) {
             //    this.navGrid.items = this.items; //--> needed, otherwise nav html pages will no longer work.
             //}
             _super.prototype.setObsoleteLayoutProperites.call(this);
         };
-        return BladeList;
+        return BladeGrid;
     }(angularportalazure.BladeData));
-    angularportalazure.BladeList = BladeList;
+    angularportalazure.BladeGrid = BladeGrid;
 })(angularportalazure || (angularportalazure = {}));
 /// <reference path="debug.ts" />
 /// <reference path="bladenav.ts" />

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

@@ -0,0 +1,42 @@
+/// <reference types="angular" />
+/// <reference path="../../domain/debug.ts" />
+/// <reference path="../../domain/portalservice.ts" />
+
+namespace angularportalazure {
+    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, element, attrs, controller) {
+                //console.log('angularPortalBladeGrid.link()');
+                //console.log(this);
+                //#region the following code makes sure, that a function scope.vm.close is available
+
+                //if (scope.vm === undefined) { scope.vm = {}; }
+                //if (scope.vm.close === undefined) {
+                //    scope.vm.close = function () {
+                //        angularportalazure.Debug.write('[angularportalazure-debug] \'directive:azurePortalBlade.close\' called.', [this, portalService]);
+                //        portalService.bladeArea.clearLastLevel();
+                //    }
+                //}
+
+                //#endregion
+            },
+            controller: function () {
+                //console.log('angularPortalBladeGrid.controller()');
+                //console.log(this);
+
+                this.vm.close = function () {
+                    angularportalazure.Debug.write('[angularportalazure-debug] \'directive:azurePortalBlade.close\' called.', [this, portalService]);
+                    portalService.bladeArea.clearLastLevel();
+                };
+            },
+            controllerAs: 'ctrl'
+        };
+    }
+
+    angular.module('angularportalazure').directive('angularPortalBladeGrid', ['angularportalazure.portalService', angularPortalBladeGrid]);
+}

package/directives/grid/grid.html

@@ -0,0 +1,27 @@
+<table class="azc-grid-full azc-grid-multiselectable" aria-readonly="true">
+    <caption data-bind="text: data.summary"></caption>
+    <colgroup>
+        <col class="col0" style="width: 41px;">
+        <col class="col1">
+    </colgroup>
+    <tbody class="azc-grid-groupdata" role="rowgroup">
+        <tr data-ng-repeat="item in ctrl.vm.items track by $index" data-ng-click="ctrl.vm.navigateTo(item.bladePath);" role="row" aria-selected="false" data-grid-row-activated="false" data-grid-selectable="true" data-grid-focusable="true" data-grid-activateable="true" ng-show="item.isVisible" style="cursor:pointer" ng-style="item.style">
+            <td class="msportalfx-gridcolumn-asseticon" role="gridcell" data-grid-cell-activated="false">
+                <div class="azc-vivaControl" data-bind='vivaControl: "DEB28B4C-518F-4F70-A817-BF9277606CAB"'>
+                    <div data-bind="image: value">
+                        <svg data-ng-show="item.title" xmlns="http://www.w3.org/2000/svg" class="msportal-fx-svg-placeholder" viewBox="0 0 50 50" focusable="false">
+                            <rect class="msportalfx-svg-c04" x="19.8" y="39.4" width="10.6" height="3.4" />
+                            <polygon class="msportalfx-svg-c04" points="23.1,50 27,50 30.3,46.5 19.8,46.5" />
+                            <path class="msportalfx-svg-c20" d="M 41.2 14.7 L 41.2 14.7 v -0.3 c 0 -7.7 -6.6 -14.1 -14.7 -14.2 c -0.2 -0.3 -4.8 0.1 -4.8 0.1 l 0 0 c -7.3 0.9 -13 7 -13 14.1 c 0 0.2 -0.8 5.8 4.9 10.5 c 2.6 2.3 5.3 8.5 5.7 10.3 l 0.3 0.6 h 10.6 l 0.3 -0.6 c 0.4 -1.8 3.2 -8 5.7 -10.2 C 41.9 20.2 41.2 14.9 41.2 14.7 Z" />
+                            <path class="msportalfx-svg-c01" d="M 30.4 18.1 l -1.7 10.6 h -2 V 18.2 l 0.1 -0.2 c 3.8 0 3.3 -3.5 3.3 -3.5 H 19.8 v 0.3 c 0 0.8 0.3 3.3 3.5 3.3 v 10.6 h -2 l -0.5 -2.5 l -1.3 -8.1 c -2.3 0 -3 -1.5 -3.3 -2.6 c 0 -0.4 0 -0.9 0 -1.4 c 0 -2.8 3.2 -3.1 3.2 -3.1 h 11 c 0 0 3.5 0.4 3.5 3.5 C 33.8 14.5 33.9 18.1 30.4 18.1 Z" />
+                            <path class="msportalfx-svg-c01" opacity="0.15" enable-background="new " d="M 41.2 16.4 c 0.1 -1 0 -1.7 0 -1.8 l 0 0 v -0.3 c 0 -7.7 -6.6 -14.1 -14.7 -14.2 c -0.2 -0.3 -4.8 0.1 -4.8 0.1 l 0 0 c -7.3 0.9 -13 7 -13 14.1 c 0 0.1 -0.1 0.9 0 2.1 H 41.2 Z" />
+                        </svg>
+                    </div>
+                </div>
+            </td>
+            <td tabindex="0" role="gridcell" data-activatable="true" data-grid-cell-activated="false">
+                <a ng-href="{{item.hrefPath}}" target="_blank" style="color:black">{{item.title}}</a>
+            </td>
+        </tr>
+    </tbody>
+</table>

package/directives/grid/grid.ts

@@ -0,0 +1,27 @@
+namespace angularportalazure {
+    function grid($window) {
+        return {
+            restrict: 'E',
+            scope: {},
+            bindToController: { vm: '=' },
+            templateUrl: '/node_modules/@ardimedia/angular-portal-azure/directives/grid/grid.html',
+            link: function (scope, element, attrs, controller) {
+                //console.log('grid.link()');
+                //console.log(this);
+                angular.forEach(controller.vm.items, function (item) {
+                    // Set some default values, depending on existing values
+                    if (item.isVisible == undefined) { item.isVisible = true; }
+                    if (item.title == undefined || item.title == '') { item.style = { cursor: 'default' }; }
+                    if (item.bladePath == undefined || item.bladePath == '') { item.style = { cursor: 'default' }; }
+                });
+            },
+            controller: function () {
+                //console.log('grid.controller()');
+                //console.log(this);
+            },
+            controllerAs: 'ctrl'
+        };
+    }
+
+    angular.module('angularportalazure').directive('grid', ['$window', grid]);
+}

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