@ardimedia/angular-portal-azure 0.2.274 → 0.2.275

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

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+AngularPortalBladeController.$inject = ['angularportalazure.portalService'];
+function AngularPortalBladeController(portalService) {
+    var _this = this;
+    this.$onInit = function () {
+        _this.close = function () { };
+    };
+}
+exports.default = {
+    transclude: true,
+    templateUrl: '/node_modules/@ardimedia/angular-portal-azure/directives/blade/blade.html',
+    controller: AngularPortalBladeController,
+    bindings: {
+        vm: '='
+    }
+};

package/directives/dirtyflag/README.md

@@ -1,3 +1,3 @@
-# DirtyFlag
-
-// http://blogs.msdn.com/b/laurieatkinson/archive/2014/08/23/implementing-a-save-warning-in-an-angular-spa.aspx
+# DirtyFlag
+
+// http://blogs.msdn.com/b/laurieatkinson/archive/2014/08/23/implementing-a-save-warning-in-an-angular-spa.aspx

package/directives/grid/angular-portal-grid.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    transclude: true,
+    templateUrl: '/node_modules/@ardimedia/angular-portal-azure/directives/bladegrid/bladegrid.html',
+    controller: function () { },
+    bindings: {
+        vm: '='
+    }
+};

package/directives/home/angular-portal-home.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var areablades_1 = require("../../domain/areablades");
+var areanotification_1 = require("../../domain/areanotification");
+AngularPortalHomeController.$inject = ['$scope', 'angularportalazure.portalService'];
+function AngularPortalHomeController($scope, portalService) {
+    this.$onInit = function () {
+        portalService.areaNotification = new areanotification_1.AreaNotification($scope, portalService);
+        portalService.areaBlades = new areablades_1.AreaBlades($scope, portalService);
+    };
+}
+exports.default = {
+    templateUrl: '/node_modules/@ardimedia/angular-portal-azure/directives/home/home.html',
+    controller: AngularPortalHomeController,
+    bindings: {
+        vm: '='
+    }
+};

package/directives/nav/angular-portal-nav.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    transclude: true,
+    templateUrl: '/node_modules/@ardimedia/angular-portal-azure/directives/nav/nav.html',
+    controller: function () { },
+    bindings: {
+        vm: '='
+    }
+};

package/domain/PortalService.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var PortalService = (function () {
+    function PortalService($injector) {
+        // #endregion
+        // #region Properties
+        this.parameter = { action: 'none', itemId: 0 };
+        this.$injector = $injector;
+        this.$http = $injector.get('$http');
+        this.$httpBackend = $injector.get('$httpBackend');
+        this.$q = $injector.get('$q');
+        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');
+    }
+    // #region Constructor
+    PortalService.$inject = ['$injector'];
+    return PortalService;
+}());
+exports.PortalService = PortalService;

package/domain/areablades.js

@@ -0,0 +1,205 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = Object.setPrototypeOf ||
+        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+        function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+var blade_1 = require("./blade");
+var usercontrolbase_1 = require("./usercontrolbase");
+var AreaBlades = (function (_super) {
+    __extends(AreaBlades, _super);
+    function AreaBlades($scope, portalService) {
+        var _this = _super.call(this, $scope, portalService) || this;
+        _this.blades = new Array();
+        // this.areaBlades = this.portalService.$window.document.getElementById('apa-blade-area');
+        _this.portalScroll = _this.portalService.$window.document.getElementById('apa-portal-scroll');
+        _this.setupAddBladeListener();
+        _this.setupShowHideNotificationAreaListener();
+        _this.setupWindowResizeListener(function () { _this.setPortalScrollCss(); });
+        return _this;
+    }
+    // #endregion
+    // #region Methods
+    AreaBlades.prototype.raiseAddBladeEvent = function (args) {
+        var isBladeAlreadyShown = false;
+        this.blades.forEach(function (blade) {
+            if (blade.path === args.path) {
+                // Blade is already show, just activate it again
+                blade.onActivate();
+                isBladeAlreadyShown = true;
+                return;
+            }
+        });
+        if (!isBladeAlreadyShown) {
+            // Add the blade, since it is not yet shown
+            this.portalService.$rootScope.$broadcast('AreaBlades.AddBlade', args);
+        }
+    };
+    AreaBlades.prototype.setFirstBlade = function (path) {
+        this.clearAll();
+        this.hidePanorama();
+        return this.addBlade(path);
+    };
+    AreaBlades.prototype.addBlade = function (path, senderPath) {
+        var _this = this;
+        if (senderPath === void 0) { senderPath = ''; }
+        if (path == null) {
+            return;
+        }
+        if (senderPath == null) {
+            return;
+        }
+        var portalcontent = null;
+        this.portalService.$analytics.pageTrack(path);
+        path = path.toLowerCase();
+        senderPath = senderPath.toLowerCase();
+        // #region Verify
+        if (path === undefined || path === '') {
+            return;
+        }
+        if (this.portalService.$window !== undefined) {
+            if (this.portalService.$window.document === undefined) {
+                throw new Error('[angularportalazure.AreaBlades] \'this.$window.document\' undefined.');
+            }
+            portalcontent = this.portalService.$window.document.getElementById('apa-portal-scroll');
+            if (portalcontent === null) {
+                throw new Error('[angularportalazure.AreaBlades] HTML element with ID [apa-portal-scroll] not found. Maybe it is to early to call function \'BladeArea.addBlade\'.');
+            }
+        }
+        // #endregion
+        // #region Clear all children of the parent path
+        this.clearChild(senderPath);
+        // #endregion
+        // #region Make sure the blade is not yet show
+        this.blades.forEach(function (blade) {
+            // we do not distinguish between lower and upper case path name
+            if (blade.comparePaths(blade.path, path)) {
+                throw new Error('[angularportalazure.AreaBlades] path: \'' + path + '\' will not be added. It is already added.');
+            }
+        });
+        // #endregion
+        // #region Show the blade
+        var blade = new blade_1.Blade(this.$scope, this.portalService, path, '');
+        this.blades.push(blade);
+        // #endregion
+        // #region Position the blade
+        if (this.portalService.$window !== undefined) {
+            this.portalService.$window.setTimeout(function () {
+                var azureportalblades = _this.portalService.$window.document.getElementsByClassName('azureportalblade');
+                var i = _this.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);
+        }
+        // #endregion
+        return blade;
+    };
+    AreaBlades.prototype.clearAll = function () {
+        this.blades.length = 0;
+        this.showPanoramaIfNoBlades();
+    };
+    AreaBlades.prototype.clearPath = function (path) {
+        var _this = this;
+        // we do not distinguish between lower and upper case path name
+        path = path.toLowerCase();
+        var isremoved = this.blades.some(function (blade, index) {
+            if (blade.comparePaths(blade.path, path)) {
+                _this.blades.length = index;
+                return true;
+            }
+        });
+        if (!isremoved && this.portalService.areaNotification.path === path) {
+            this.portalService.areaNotification.hide();
+            isremoved = true;
+        }
+        if (!isremoved) {
+            throw new Error('[angularportalazure.AreaBlades.clearPath] path: \'' + path + '\' could not be removed, since path not found in bladeUrls.');
+        }
+        this.showPanoramaIfNoBlades();
+    };
+    AreaBlades.prototype.clearLevel = function (level) {
+        if (this.blades.length < level) {
+            throw new Error('[angularportalazure.AreaBlades] level: \'' + level + '\' could not be cleard, since only \'' + this.blades.length + '\' available.');
+        }
+        if (level === 0) {
+            level = 1;
+        }
+        this.blades.length = level - 1;
+        this.showPanoramaIfNoBlades();
+    };
+    AreaBlades.prototype.clearLastLevel = function () {
+        this.clearLevel(this.blades.length);
+        this.showPanoramaIfNoBlades();
+    };
+    AreaBlades.prototype.clearChild = function (path) {
+        var _this = this;
+        path = path.toLowerCase();
+        if (path === '') {
+            return;
+        }
+        var isremoved = this.blades.some(function (blade, index) {
+            // we do not distinguish between lower and upper case path name
+            if (blade.comparePaths(blade.path, path)) {
+                _this.blades.length = index + 1;
+                return true;
+            }
+        });
+        if (!isremoved) {
+            throw new Error('[angularportalazure.AreaBlades.clearChild] path: \'' + path + '\' could not be removed, since path not found in bladeUrls.');
+        }
+    };
+    AreaBlades.prototype.showPanoramaIfNoBlades = function () {
+        if (this.blades.length === 0) {
+            if (this.portalService.panorama !== undefined) {
+                {
+                    this.portalService.panorama.isVisible = true;
+                }
+            }
+        }
+    };
+    AreaBlades.prototype.hidePanorama = function () {
+        if (this.portalService.panorama !== undefined) {
+            this.portalService.panorama.isVisible = false;
+        }
+    };
+    /** We need to call this when AreaBlades is no longer used, otherwise the listener does not get removed. */
+    AreaBlades.prototype.close = function () {
+        // Unregister Listeners
+        this.addBladeListener();
+        this.areaNotificationShowListener();
+        this.areaNotificationHideListener();
+    };
+    // #endregion
+    AreaBlades.prototype.setPortalScrollCss = function () {
+        this.portalScroll.style.marginRight = this.portalService.areaNotification.widthAreaUsed + 'px';
+    };
+    AreaBlades.prototype.setupShowHideNotificationAreaListener = function () {
+        var _this = this;
+        this.areaNotificationShowListener = this.portalService.$rootScope.$on('AreaNotification.Show', function (event, args) {
+            _this.setPortalScrollCss();
+        });
+        this.areaNotificationHideListener = this.portalService.$rootScope.$on('AreaNotification.Hide', function (event, args) {
+            _this.setPortalScrollCss();
+        });
+    };
+    AreaBlades.prototype.setupAddBladeListener = function () {
+        var _this = this;
+        this.addBladeListener = this.portalService.$rootScope.$on('AreaBlades.AddBlade', function (event, args) {
+            _this.addBlade(args.path, args.pathSender);
+        });
+    };
+    // #region Constructor
+    AreaBlades.$inject = ['$scope', 'angularportalazure.portalService'];
+    return AreaBlades;
+}(usercontrolbase_1.UserControlBase));
+exports.AreaBlades = AreaBlades;

package/domain/areanotification.js

@@ -0,0 +1,98 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = Object.setPrototypeOf ||
+        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+        function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+var usercontrolbase_1 = require("./usercontrolbase");
+var AreaNotification = (function (_super) {
+    __extends(AreaNotification, _super);
+    // #region Constructor
+    function AreaNotification($scope, portalService) {
+        var _this = _super.call(this, $scope, portalService) || this;
+        // #endregion
+        // #region Properties
+        _this.path = '';
+        _this.widthAreaUsed = 0;
+        _this._width = 250;
+        _this._backgroundColor = '#32383f';
+        _this.areaNotification = _this.portalService.$window.document.getElementById('apa-notification-area');
+        _this.hide();
+        _this.setupWindowResizeListener(function () { _this.calcualteCssStyles(); });
+        return _this;
+    }
+    Object.defineProperty(AreaNotification.prototype, "width", {
+        get: function () {
+            return this._width;
+        },
+        set: function (value) {
+            this._width = value;
+            this.calcualteCssStyles();
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(AreaNotification.prototype, "backgroundColor", {
+        get: function () {
+            return this._backgroundColor;
+        },
+        set: function (value) {
+            this._backgroundColor = value;
+            this.calcualteCssStyles();
+        },
+        enumerable: true,
+        configurable: true
+    });
+    // #endregion
+    // #region Methods
+    AreaNotification.prototype.hide = function () {
+        // Do not hide on false
+        if (!this.onHide) {
+            return;
+        }
+        this.path = '';
+        this.widthAreaUsed = 0;
+        this.areaNotification.style.display = 'none';
+        this.portalService.$rootScope.$broadcast('AreaNotification.Hide');
+    };
+    AreaNotification.prototype.show = function (width) {
+        if (width === void 0) { width = 250; }
+        this.onShow();
+        this.width = width;
+        this.widthAreaUsed = 1; // Indicate to the calcualteCssStyles function, that we need to set this value
+        this.calcualteCssStyles();
+        this.areaNotification.style.display = 'inline-block';
+        this.portalService.$rootScope.$broadcast('AreaNotification.Show');
+        this.onShowed();
+    };
+    /* Override */
+    AreaNotification.prototype.onHide = function () {
+        return true;
+    };
+    /* Override */
+    AreaNotification.prototype.onShow = function () {
+    };
+    /* Override */
+    AreaNotification.prototype.onShowed = function () {
+    };
+    AreaNotification.prototype.calcualteCssStyles = function () {
+        this.areaNotification.style.position = 'absolute';
+        this.areaNotification.style.top = '0';
+        this.areaNotification.style.height = '100%';
+        this.areaNotification.style.backgroundColor = this.backgroundColor;
+        this.areaNotification.style.borderLeft = '2px solid gray';
+        this.areaNotification.style.width = this.width + 'px';
+        this.areaNotification.style.left = this.portalService.$window.innerWidth - this.width + 'px';
+        if (this.widthAreaUsed !== 0) {
+            this.widthAreaUsed = this.width;
+        }
+    };
+    return AreaNotification;
+}(usercontrolbase_1.UserControlBase));
+exports.AreaNotification = AreaNotification;

package/domain/avatarmenu.js

@@ -0,0 +1,22 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = Object.setPrototypeOf ||
+        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+        function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+var usercontrolbase_1 = require("./usercontrolbase");
+var AvatarMenu = (function (_super) {
+    __extends(AvatarMenu, _super);
+    // #region Constructor
+    function AvatarMenu($scope, portalService) {
+        return _super.call(this, $scope, portalService) || this;
+    }
+    return AvatarMenu;
+}(usercontrolbase_1.UserControlBase));
+exports.AvatarMenu = AvatarMenu;