@ardimedia/angular-portal-azure 0.2.140 → 0.2.141

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/apn.d.ts +11 -1
  2. package/apn.js +94 -13
  3. package/css/apn.css +2 -2
  4. package/css/apn.min.css +1 -1
  5. package/directives/blade/angular-portal-blade-grid.ts +1 -1
  6. package/directives/blade/angular-portal-blade-nav.ts +1 -1
  7. package/directives/blade/angular-portal-blade.ts +3 -2
  8. package/directives/home/home.html +4 -4
  9. package/directives/home/home.ts +10 -1
  10. package/package.json +1 -1
package/apn.d.ts CHANGED
@@ -157,6 +157,8 @@ declare namespace angularportalazure {
157
157
  class BladeArea extends angularportalazure.UserControlBase {
158
158
  static $inject: string[];
159
159
  constructor($scope: angular.IScope, portalService: angularportalazure.PortalService);
160
+ private areaBlades;
161
+ private portalScroll;
160
162
  private listener1;
161
163
  blades: Array<angularportalazure.Blade>;
162
164
  raiseAddBladeEvent(args: angularportalazure.IAddBladeEventArgs): void;
@@ -171,6 +173,7 @@ declare namespace angularportalazure {
171
173
  hidePanorama(): void;
172
174
  /** We need to call this when BladeArea is no longer used, otherwise the listener does not get removed. */
173
175
  close(): void;
176
+ private setupResizerListener();
174
177
  }
175
178
  }
176
179
  declare namespace angularportalazure {
@@ -203,8 +206,15 @@ declare namespace angularportalazure {
203
206
  declare namespace angularportalazure {
204
207
  class AreaNotification extends angularportalazure.UserControlBase {
205
208
  constructor($scope: angular.IScope, portalService: angularportalazure.PortalService);
206
- notificationArea: Element;
209
+ private portalWidth;
210
+ private portalHeight;
211
+ private areaNotification;
212
+ widthAreaUsed: number;
213
+ width: number;
214
+ backgroundColor: string;
215
+ hide(): void;
207
216
  show(): void;
217
+ private setupResizerListener();
208
218
  }
209
219
  }
210
220
  declare namespace angularportalazure {
package/apn.js CHANGED
@@ -513,9 +513,11 @@ var angularportalazure;
513
513
  var _this = _super.call(this, $scope, portalService) || this;
514
514
  _this.blades = new Array();
515
515
  var that = _this;
516
+ _this.areaBlades = $('#apa-blade-area');
517
+ _this.portalScroll = $('#apa-portal-scroll');
516
518
  // Set dependencies
517
519
  _this.portalService = portalService;
518
- _this.portalService.bladeArea = _this;
520
+ //this.portalService.bladeArea = this;
519
521
  //#region Add BladeArea.AddBlade event listener
520
522
  /** OBSOLETE: remove when all OBSOLETE code has been removed */
521
523
  if (portalService instanceof angularportalazure.PortalService == false) {
@@ -527,8 +529,9 @@ var angularportalazure;
527
529
  _this.listener1 = that.portalService.$rootScope.$on('BladeArea.AddBlade', function (event, args) {
528
530
  that.addBlade(args.path, args.pathSender);
529
531
  });
530
- return _this;
531
532
  //#endregion
533
+ _this.setupResizerListener();
534
+ return _this;
532
535
  }
533
536
  //#endregion
534
537
  //#region Methods
@@ -572,9 +575,9 @@ var angularportalazure;
572
575
  if (that.portalService.$window.document === undefined) {
573
576
  throw new Error('[angularportalazure.BladeArea] \'this.$window.document\' undefined.');
574
577
  }
575
- var portalcontent = that.portalService.$window.document.getElementById('azureportalscroll');
578
+ var portalcontent = that.portalService.$window.document.getElementById('apa-portal-scroll');
576
579
  if (portalcontent === null) {
577
- throw new Error('[angularportalazure.BladeArea] HTML element with ID [azureportalscroll] not found. Maybe it is to early to call function \'BladeArea.addBlade\'.');
580
+ throw new Error('[angularportalazure.BladeArea] HTML element with ID [apa-portal-scroll] not found. Maybe it is to early to call function \'BladeArea.addBlade\'.');
578
581
  }
579
582
  }
580
583
  //#endregion
@@ -677,6 +680,48 @@ var angularportalazure;
677
680
  BladeArea.prototype.close = function () {
678
681
  this.listener1(); // Unregister listener1
679
682
  };
683
+ //#endregion
684
+ //#region OBSOLETE
685
+ //addBladePath(path: string) {
686
+ // // Fix issue with old code
687
+ // if (this.portalService.$window === undefined) {
688
+ // this.portalService.$window = <any>this.portalService;
689
+ // }
690
+ // this.addBlade(path);
691
+ // //this.addBladeOld(path);
692
+ //}
693
+ //addBladeOld(path: string) {
694
+ // var that = this;
695
+ // if (path === undefined || path == '') { return; }
696
+ // var blade = new angularportalazure.Blade(that.$scope, that.portalService, path, '');
697
+ // that.blades.push(blade);
698
+ // var portalcontent = that.portalService.$window.document.getElementById('apa-portal-scroll');
699
+ // that.portalService.$window.setTimeout(function () {
700
+ // var azureportalblades = that.portalService.$window.document.getElementsByClassName('azureportalblade');
701
+ // var i = that.blades.length - 1;
702
+ // // HACK: Sometime azureportalblades[i].offsetLeft is undefined.
703
+ // // So now if it is, the user has to scroll on its own.
704
+ // if (azureportalblades[i] !== undefined && (<any>azureportalblades[i]).offsetLeft !== undefined) {
705
+ // var sl = (<any>azureportalblades[i]).offsetLeft - 30;
706
+ // portalcontent.scrollLeft = sl;
707
+ // }
708
+ // }, 250);
709
+ //}
710
+ //#endregion
711
+ BladeArea.prototype.setupResizerListener = function () {
712
+ var that = this;
713
+ that.portalScroll.css('margin-right', that.portalService.areaNotification.widthAreaUsed + 'px');
714
+ console.log(that.portalScroll.css('margin-right'));
715
+ // http://stackoverflow.com/questions/4298612/jquery-how-to-call-resize-event-only-once-its-finished-resizing
716
+ var id;
717
+ $(window).resize(function () {
718
+ clearTimeout(id);
719
+ id = setTimeout(function () {
720
+ that.portalScroll.css('margin-right', that.portalService.areaNotification.widthAreaUsed + 'px');
721
+ console.log(that.portalScroll.css('margin-right'));
722
+ }, 50);
723
+ });
724
+ };
680
725
  return BladeArea;
681
726
  }(angularportalazure.UserControlBase));
682
727
  //#region Constructor
@@ -784,13 +829,41 @@ var angularportalazure;
784
829
  //#region Constructor
785
830
  function AreaNotification($scope, portalService) {
786
831
  var _this = _super.call(this, $scope, portalService) || this;
787
- _this.notificationArea = $('#apa-notification-area')[0];
788
- console.log(_this.notificationArea);
832
+ _this.widthAreaUsed = 0;
833
+ _this.width = 250;
834
+ _this.backgroundColor = '#32383f';
835
+ _this.areaNotification = $('#apa-notification-area');
836
+ _this.hide();
837
+ _this.setupResizerListener();
789
838
  return _this;
790
839
  }
791
840
  //#endregion
792
841
  //#region Methods
842
+ AreaNotification.prototype.hide = function () {
843
+ this.widthAreaUsed = 0;
844
+ this.areaNotification.css('display', 'none');
845
+ };
793
846
  AreaNotification.prototype.show = function () {
847
+ this.areaNotification.css('position', 'absolute');
848
+ this.areaNotification.css('top:0', '0');
849
+ this.areaNotification.css('height', '100%');
850
+ this.areaNotification.css('background-color', this.backgroundColor);
851
+ this.areaNotification.css('border-left', '2px solid gray');
852
+ this.areaNotification.css('width', this.width + 'px');
853
+ this.areaNotification.css('left', $(window).width() - this.width + 'px');
854
+ this.widthAreaUsed = this.width;
855
+ this.areaNotification.css('display', 'inline-block');
856
+ };
857
+ AreaNotification.prototype.setupResizerListener = function () {
858
+ var that = this;
859
+ // http://stackoverflow.com/questions/4298612/jquery-how-to-call-resize-event-only-once-its-finished-resizing
860
+ var id;
861
+ $(window).resize(function () {
862
+ clearTimeout(id);
863
+ id = setTimeout(function () {
864
+ that.show();
865
+ }, 50);
866
+ });
794
867
  };
795
868
  return AreaNotification;
796
869
  }(angularportalazure.UserControlBase));
@@ -991,8 +1064,7 @@ var angularportalazure;
991
1064
  _this.portalService = portalService;
992
1065
  _this.portalService.portalShell = _this;
993
1066
  _this.portalService.panorama = new angularportalazure.Panorama(_this.$scope, title, _this.portalService);
994
- _this.portalService.bladeArea = new angularportalazure.BladeArea(_this.$scope, portalService);
995
- _this.portalService.areaNotification = new angularportalazure.AreaNotification(_this.$scope, portalService);
1067
+ //this.portalService.bladeArea = new angularportalazure.BladeArea(this.$scope, portalService);
996
1068
  _this.portalService.panorama.title = title;
997
1069
  return _this;
998
1070
  //this.initialize();
@@ -1053,7 +1125,7 @@ var angularportalazure;
1053
1125
  controller: function () {
1054
1126
  this.$onInit = function () {
1055
1127
  this.close = function () {
1056
- portalService.bladeArea.clearLastLevel();
1128
+ //portalService.bladeArea.clearLastLevel();
1057
1129
  };
1058
1130
  };
1059
1131
  },
@@ -1080,7 +1152,7 @@ var angularportalazure;
1080
1152
  controller: function () {
1081
1153
  this.$onInit = function () {
1082
1154
  this.close = function () {
1083
- portalService.bladeArea.clearLastLevel();
1155
+ //portalService.bladeArea.clearLastLevel();
1084
1156
  };
1085
1157
  };
1086
1158
  },
@@ -1122,9 +1194,10 @@ var angularportalazure;
1122
1194
  AngularPortalBladeController.$inject = ['angularportalazure.portalService'];
1123
1195
  function AngularPortalBladeController(portalService) {
1124
1196
  this.$onInit = function () {
1125
- console.log('$onInit');
1197
+ portalService.areaNotification.show();
1126
1198
  this.close = function () {
1127
- portalService.bladeArea.clearLastLevel();
1199
+ //portalService.bladeArea.clearLastLevel();
1200
+ portalService.areaNotification.hide();
1128
1201
  };
1129
1202
  };
1130
1203
  }
@@ -1186,9 +1259,17 @@ var angularportalazure;
1186
1259
  // };
1187
1260
  //}
1188
1261
  //angular.module('angularportalazure').directive('angularPortalHome', angularPortalHome);
1262
+ AngularPortalHomeController.$inject = ['$scope', 'angularportalazure.portalService'];
1263
+ function AngularPortalHomeController($scope, portalService) {
1264
+ this.$onInit = function () {
1265
+ console.log('initializse');
1266
+ portalService.areaNotification = new angularportalazure.AreaNotification($scope, portalService);
1267
+ portalService.bladeArea = new angularportalazure.BladeArea($scope, portalService);
1268
+ };
1269
+ }
1189
1270
  var angularPortalHome = {
1190
1271
  templateUrl: '/node_modules/@ardimedia/angular-portal-azure/directives/home/home.html',
1191
- controller: function () { },
1272
+ controller: AngularPortalHomeController,
1192
1273
  bindings: {
1193
1274
  vm: '='
1194
1275
  }
package/css/apn.css CHANGED
@@ -66,7 +66,7 @@ a {
66
66
  margin: 0 15px 0 25px; }
67
67
 
68
68
  .fxs-panorama .fxs-journey-target {
69
- margin-right: 85px; }
69
+ /*margin-right: 85px;*/ }
70
70
 
71
71
  .fxs-panorama .fxs-panorama-homearea, .fxs-panorama .fxs-journey-target {
72
72
  display: inline-block;
@@ -327,7 +327,7 @@ a {
327
327
  white-space: normal; }
328
328
 
329
329
  .fxs-journey > .fxs-journey-layout > :last-child.fxs-stacklayout-child {
330
- padding-right: 5px; }
330
+ /*padding-right: 5px;*/ }
331
331
 
332
332
  .fxs-journey > .fxs-journey-layout > .fxs-stacklayout-child > .fxs-blade {
333
333
  box-shadow: -5px 0 0 rgba(31, 35, 39, 0.2), 5px 0 0 rgba(31, 35, 39, 0.2); }
package/css/apn.min.css CHANGED
@@ -1 +1 @@
1
- @charset "UTF-8";html,body{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;height:100%;width:0;}a{color:#00bcf2;text-decoration:none;}.ng-scope{height:100%;}.fxs-portal{overflow:hidden;position:fixed;top:0;left:0;right:0;bottom:0;}.fxs-portal .fxs-portal-content{height:100%;color:#464f59;overflow-x:auto;overflow-y:hidden;white-space:nowrap;-webkit-transition:margin .2s ease;-moz-transition:margin .2s ease;-o-transition:margin .2s ease;transition:margin .2s ease;}.fxs-portal .fxs-portal-content>*{white-space:normal;}.fxs-panorama{-ms-scroll-chaining:none;}.fxs-panorama-homearea{min-width:600px;}.fxs-panorama .fxs-panorama-homearea{position:relative;padding:0 25px;margin:0 15px 0 25px;}.fxs-panorama .fxs-journey-target{margin-right:85px;}.fxs-panorama .fxs-panorama-homearea,.fxs-panorama .fxs-journey-target{display:inline-block;vertical-align:top;height:100%;}.fxs-panorama .fxs-panorama-homearea>header{margin:20px 0 4px;height:76px;min-width:450px;}.fxs-panorama .fxs-panorama-homearea .fxs-panorama-title{font-family:"Segoe UI Light","Segoe WP Light","Segoe UI","Segoe WP",Tahoma,Arial,sans-serif;font-weight:400;font-size:40px;line-height:54px;color:#fff;padding-top:6px;margin:0;}.fxs-panorama .fxs-panorama-homearea .fxs-avatarmenu-target{position:absolute;top:18px;right:5px;max-width:220px;min-width:190px;}.fxs-avatarmenu{position:relative;padding:12px;text-align:right;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}.fxs-avatarmenu .fxs-avatarmenu-header{position:relative;font-family:"Segoe UI","Segoe WP",Tahoma,Arial,sans-serif;font-weight:400;height:35px;color:#fff;}.fxs-avatarmenu>a{display:block;white-space:nowrap;overflow:hidden;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis;text-decoration:none;padding:10px;padding-right:54px;}.fxs-avatarmenu>a img{position:absolute;top:10px;right:10px;height:35px;width:32px;border:0;border-left:3px solid #7fba00;}.fxs-avatarmenu .fxs-avatarmenu-header .fxs-avatarmenu-username{white-space:nowrap;overflow:hidden;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis;font-size:14px;}.fxs-avatarmenu .fxs-avatarmenu-header .fxs-avatarmenu-emailaddress{white-space:nowrap;overflow:hidden;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis;font-family:"Segoe UI Semibold","Segoe WP Semibold","Segoe UI","Segoe WP",Tahoma,Arial,sans-serif;font-weight:400;font-size:10px;text-transform:uppercase;opacity:.9;margin-top:4px;}.fxs-avatarmenu .fxs-avatarmenu-dropdown{display:none;width:100%;background-color:#32383f;border-top:1px solid #3c454f;text-align:left;}.fxs-avatarmenu .fxs-avatarmenu-dropdown ul{padding:0;margin:0;list-style-type:none;border-bottom:1px solid #3c454f;}.fxs-avatarmenu .fxs-avatarmenu-dropdown .fxs-avatarmenu-list-system .fxs-avatarmenu-feedback,.fxs-avatarmenu .fxs-avatarmenu-dropdown .fxs-avatarmenu-list-system .fxs-avatarmenu-switchportal,.fxs-avatarmenu .fxs-avatarmenu-dropdown .fxs-avatarmenu-list-system .fxs-avatarmenu-signout{padding-right:35px;position:relative;}.fxs-avatarmenu .fxs-avatarmenu-dropdown ul li a{display:block;font-size:14px;padding:10px 18px 11px;line-height:18px;color:#fff;text-decoration:none;white-space:nowrap;overflow:hidden;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis;}.fxs-avatarmenu .fxs-avatarmenu-dropdown .fxs-avatarmenu-list-system .fxs-avatarmenu-icon{width:15px;height:15px;display:inline-block;position:absolute;right:18px;margin-top:2px;}.fxs-panorama .fxs-panorama-homearea .fxs-startboard-target{height:-webkit-calc(100% - 100px);height:calc(100% - 100px);}.fxs-startboard .fxs-startboard-layout{height:100%;overflow-y:hidden;overflow-x:hidden;margin:0 -25px;padding:0 25px;}.fxs-stacklayout-child{height:100%;}.fxs-flowlayout>.fxs-flowlayout-childcontainer{position:relative;-webkit-transition:height .25s linear,width .25s linear 0s;-moz-transition:height .25s linear,width .25s linear 0s;-o-transition:height .25s linear,width .25s linear 0s;transition:height .25s linear,width .25s linear 0s;}.fxs-flowlayout>.fxs-flowlayout-childcontainer>.fxs-flowlayout-element{position:absolute;}.fxs-tilesize-herowide.fxs-tile{height:355px;width:535px;}.fxs-tilesize-normal.fxs-tile{height:175px;width:175px;}.fxs-tilesize-mini.fxs-tile{height:85px;width:85px;}.fxs-tile{height:175px;width:175px;-webkit-transition:height .125s linear .125s,width .125s linear 0s;-moz-transition:height .125s linear .125s,width .125s linear 0s;-o-transition:height .125s linear .125s,width .125s linear 0s;transition:height .125s linear .125s,width .125s linear 0s;background-color:#fff;position:relative;}.fxs-part{width:100%;height:100%;position:relative;box-shadow:inset 1px 0 #dcdfe2;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;padding:15px 15px 15px 15px;box-shadow:inset 1px 0 #dcdfe2;}.fxs-part .fxs-part-title{position:relative;top:-4px;}.fxs-part .fxs-part-title h2{font-family:"Segoe UI","Segoe WP",Tahoma,Arial,sans-serif;font-weight:400;font-size:14px;line-height:17px;color:#32383f;}.fxs-part .fxs-part-title h3{font-family:"Segoe UI Semibold","Segoe WP Semibold","Segoe UI","Segoe WP",Tahoma,Arial,sans-serif;font-weight:400;font-size:10px;line-height:10px;color:#8f9ca8;text-transform:uppercase;margin-top:3px;}.fxs-part .fxs-part-title h2,.fxs-part .fxs-part-title h3{margin:0;white-space:nowrap;overflow:hidden;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis;}.fxs-part .fxs-part-content{font-family:"Segoe UI","Segoe WP",Tahoma,Arial,sans-serif;font-weight:400;line-height:18px;color:#464f59;position:relative;width:100%;height:100%;-moz-box-sizing:border-box;box-sizing:border-box;}.fxs-tile div.fxs-tile-overlay{display:none;position:absolute;width:100%;top:0;bottom:0;cursor:pointer;}.fxs-journey{height:100%;}.fxs-journey>.fxs-journey-layout{height:100%;}.fxs-journey>.fxs-journey-layout>.fxs-stacklayout-child{-webkit-transition:padding-top .2s ease,opacity .2s ease;transition:padding-top .2s ease,opacity .2s ease;}.fxs-stacklayout-horizontal.fxs-stacklayout{overflow:hidden;white-space:nowrap;height:100%;}.fxs-stacklayout-horizontal.fxs-stacklayout>.fxs-stacklayout-child{display:inline-block;vertical-align:top;overflow-y:auto;height:100%;white-space:normal;}.fxs-journey>.fxs-journey-layout>:last-child.fxs-stacklayout-child{padding-right:5px;}.fxs-journey>.fxs-journey-layout>.fxs-stacklayout-child>.fxs-blade{box-shadow:-5px 0 0 rgba(31,35,39,.2),5px 0 0 rgba(31,35,39,.2);}.fxs-journey-layout :first-child.fxs-stacklayout-child .fxs-blade{border-left-color:transparent;border-left-width:0;}.fxs-blade-locked.fxs-blade{background-color:#fff;}.fxs-bladesize-small.fxs-blade{width:315px;}.fxs-blade{border-left-color:rgba(143,156,168,.8);width:585px;position:relative;height:100%;background-color:#f1f2f3;overflow:hidden;-webkit-transition:width .2s ease-out;-moz-transition:width .2s ease-out;-o-transition:width .2s ease-out;transition:width .2s ease-out;border-left-style:solid;border-left-width:2px;}.fxs-blade .fxs-blade-header{padding-bottom:8px;background-color:#3e4045;min-height:117px;}.fxs-blade .fxs-blade-statusbar-wrapper{background-color:#32383f;}.fxs-blade .fxs-blade-statusbar::after{content:" ";}.fxs-blade .fxs-blade-statusbar{-webkit-transition:all .5s,color .5s;-moz-transition:all .5s,color .5s;-o-transition:all .5s,color .5s;transition:all .5s,color .5s;}.fxs-blade .fxs-blade-statusbar,.fxs-blade .fxs-blade-loading-status{padding:5px 0 5px 25px;font-family:"Segoe UI Semibold","Segoe WP Semibold","Segoe UI","Segoe WP",Tahoma,Arial,sans-serif;font-weight:400;font-size:10px;line-height:10px;color:#fff;text-transform:uppercase;white-space:nowrap;overflow:hidden;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis;}.fxs-blade .fxs-blade-header .fxs-blade-actions{-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out;float:right;margin-right:22px;height:40px;}.fxs-blade .fxs-blade-header .fxs-blade-actions button{cursor:pointer;border:0;height:21px;width:21px;background-color:transparent;margin-top:4px;margin-left:6px;padding:0;opacity:.3;-webkit-transition:opacity .2s ease-out;-moz-transition:opacity .2s ease-out;-o-transition:opacity .2s ease-out;transition:opacity .2s ease-out;}.fxs-blade .fxs-blade-header .fxs-blade-actions button img,.fxs-blade .fxs-blade-header .fxs-blade-actions button svg{height:21px;width:21px;}.msportal-fx-svg-placeholder{fill:#fff;}.fxs-blade .fxs-blade-header .fxs-blade-actions button>svg *{fill:#8f9ca8;}.fxs-blade .fxs-blade-header .fxs-blade-actions button svg *{fill:#63707e;}.msportalfx-svg-c01{fill:#fff;}.fxs-blade .fxs-blade-header .fxs-blade-title{padding:0 25px 2px 7px;margin-left:18px;}.fxs-blade .fxs-blade-header .fxs-blade-title h2::after,.fxs-blade .fxs-blade-header .fxs-blade-title h3::after{content:" ";}.fxs-blade .fxs-blade-header .fxs-blade-title h2{margin:0;font-family:"Segoe UI Light","Segoe WP Light","Segoe UI","Segoe WP",Tahoma,Arial,sans-serif;font-weight:400;font-size:20px;line-height:28px;color:#fff;white-space:nowrap;overflow:hidden;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis;}.fxs-blade .fxs-blade-header .fxs-blade-title h3{margin:3px 0 2px 0;font-family:"Segoe UI Semibold","Segoe WP Semibold","Segoe UI","Segoe WP",Tahoma,Arial,sans-serif;font-weight:400;font-size:10px;line-height:10px;color:#758393;text-transform:uppercase;white-space:nowrap;overflow:hidden;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis;}.fxs-blade .fxs-blade-header .fxs-blade-commandBarContainer{margin:0 20px 0 15px;}.fxs-commandBar{display:none;}.fxs-commandBar-active.fxs-commandBar{display:block;}.fxs-commandBar>ul.fxs-commandBar-itemList{display:block;margin:4px 0 0;padding:0;list-style-type:none;overflow:hidden;height:48px;-webkit-transition:height .175s ease-in;-moz-transition:height .175s ease-in;-o-transition:height .175s ease-in;transition:height .175s ease-in;}.fxs-commandBar>ul.fxs-commandBar-itemList>li{border-right-color:#6c737a;float:left;margin-bottom:5px;border-right:1px solid transparent;}.fxs-commandBar .fxs-commandBar-form{display:block;position:absolute;z-index:200;width:100%;left:0;}.fxs-commandBar .fxs-commandBar-item{font-family:"Segoe UI Semibold","Segoe WP Semibold","Segoe UI","Segoe WP",Tahoma,Arial,sans-serif;font-weight:400;font-size:10px;line-height:10px;color:#fff;text-transform:uppercase;display:block;position:relative;padding:3px 10px 0;width:90px;height:48px;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:background-color .07s ease-in;transition:background-color .07s ease-in;}.fxs-commandBar .fxs-commandBar-item .fxs-commandBar-item-text{height:22px;-webkit-transition:opacity .07s ease-in;transition:opacity .07s ease-in;}.fxs-commandBar .fxs-commandBar-item .fxs-commandBar-item-icon{position:absolute;bottom:2px;}.fxs-commandBar .fxs-commandBar-item .fxs-commandBar-item-icon>svg,.fxs-commandBar .fxs-commandBar-item .fxs-commandBar-item-icon>img{height:18px;width:18px;}.fxs-commandBar .fxs-commandBar-item-expandList.fxs-commandBar-item::after{content:"…";position:absolute;bottom:9px;left:40px;font-size:23px;line-height:23px;}.fxs-commandBar .fxs-commandBar-item:hover{background-color:#1f2327;}.fxs-blade .fxs-blade-content{padding:25px;overflow-x:hidden;overflow-y:auto;-ms-overflow-style:-ms-autohiding-scrollbar;-ms-scrollbar-track-color:#d8d8ea;-ms-scrollbar-arrow-color:#758393;-ms-scrollbar-face-color:#63707e;}.fxs-bladesize-small.fxs-blade .fxs-blade-stacklayout{width:265px;}.fxs-blade .fxs-blade-content>div{height:100%;}.fxs-bladesize-medium.fxs-blade{width:585px;}.fxs-bladesize-medium.fxs-blade .fxs-blade-stacklayout{width:535px;}.fxs-blade .fxs-blade-stacklayout{width:535px;}.fxs-blade .fxs-blade-maximized-content{display:none;}.fxs-stacklayout-vertical.fxs-stacklayout>.fxs-stacklayout-child{display:block;}.fxs-lens{position:relative;height:100%;-moz-box-sizing:border-box;box-sizing:border-box;}.fxs-lens .fxs-lens-title{color:#3d4045;}.fxs-lens>.fxs-lens-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;font-family:"Segoe UI Light","Segoe WP Light","Segoe UI","Segoe WP",Tahoma,Arial,sans-serif;font-weight:400;font-size:14px;line-height:32px;color:#3d4045;}.fxs-lens>.fxs-lens-layout{height:100%;}:last-child.fxs-tilesize-herowidefitheight.fxs-tile,:last-child.fxs-tilesize-fullwidthfitheight.fxs-tile{margin-bottom:0;}.fxs-tilesize-herowidefitheight.fxs-tile,.fxs-tilesize-fullwidthfitheight.fxs-tile{margin-bottom:5px;}.fxs-tilesize-fullwidthfitheight.fxs-tile{height:100%;width:100%;}.fxs-blade-locked.fxs-blade .fxs-part,.fxs-bladestyle-context.fxs-blade .fxs-part,.fxs-bladestyle-contextaction.fxs-blade .fxs-part,.fxs-bladestyle-help.fxs-blade .fxs-part{box-shadow:none;}.fxs-blade-locked.fxs-blade .fxs-part{padding:0;}.fxs-lens>.fxs-lens-drag-handle{position:absolute;z-index:52;top:-12px;left:-25px;bottom:12px;width:25px;background-color:#e9e9f3;opacity:0;-webkit-transition:opacity .25s ease-out;transition:opacity .25s ease-out;}.fxs-part .fxs-part-title h3{font-family:"Segoe UI Semibold","Segoe WP Semibold","Segoe UI","Segoe WP",Tahoma,Arial,sans-serif;font-weight:400;font-size:10px;line-height:10px;color:#8f9ca8;text-transform:uppercase;margin-top:3px;}.azc-grid{position:relative;}.azc-grid:focus{outline:none !important;}.azc-grid table{width:100%;border:0;background-color:transparent;table-layout:fixed;border-spacing:0;border-collapse:collapse;}.azc-grid .azc-grid-container{overflow-x:auto;overflow-y:visible;}.fxs-part .fxs-part-content{font-family:"Segoe UI","Segoe WP",Tahoma,Arial,sans-serif;font-weight:400;line-height:18px;color:#464f59;line-height:normal;position:relative;width:100%;height:100%;-moz-box-sizing:border-box;box-sizing:border-box;}.azc-control table{border-collapse:collapse;table-layout:fixed;}.azc-grid table caption{display:none;}.azc-grid-headerHidden .azc-grid table thead{display:none;}.azc-grid table thead tr th.azc-grid-unsortablecolumnheader{cursor:default;}.azc-grid table th:first-child{padding-left:0;}.azc-grid table thead tr th{text-transform:uppercase;}.azc-grid table thead tr th>a{padding:1px 0 1px 10px;}.azc-grid table thead tr th a{line-height:38px;display:block;text-decoration:none;color:inherit;position:relative;}a{color:#00bcf2;text-decoration:none;}.azc-grid table thead tr th a span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.azc-grid table thead tr th>a .azc-grid-headerlabel{display:block;}.azc-grid-activateableRow table tbody tr[data-grid-row-activated='true'][aria-selected='true']{background-color:#c6edfa !important;}.azc-grid-selectableRow table tbody tr[aria-selected='true'] td{color:inherit !important;}.azc-grid table tbody:last-child tr:last-child td{border-bottom:1px solid #dcdfe2;}.azc-grid table tbody tr td{color:#3d3d3d;height:33px;border-top:1px solid #dcdfe2;border-bottom:1px solid #dcdfe2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.azc-control svg{overflow:hidden;}.msportalfx-gridcolumn-asseticon img,.msportalfx-gridcolumn-asseticon svg{margin-top:4px;height:21px;width:21px;}.msportalfx-svg-c04{fill:#7a7a7a;}.msportalfx-svg-c20{fill:#68217a;}.msportalfx-svg-c01{fill:#fff;}.k-grid-content table tbody tr{padding:1px 0 1px 10px;}.k-grid td{padding:0 .6em;}body{background-color:#2e80ab;background-image:linear-gradient(to bottom,#2e80ab 0%,#61b7da 100%);background-repeat:no-repeat;font-family:wf_segoe-ui_normal,"Segoe UI","Segoe WP",Tahoma,Arial,sans-serif;font-weight:400;font-size:small;-ms-scrollbar-arrow-color:#758393;-ms-scrollbar-face-color:#63707e;-ms-scrollbar-track-color:#dcdfe2;}a{color:#00bcf2;text-decoration:none;}img,a img,:link img,:visited img{border:0;}input.ng-invalid{border:1px solid #f00;}.collapsed{visibility:collapse;width:0;min-width:0;}
1
+ @charset "UTF-8";html,body{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;height:100%;width:0;}a{color:#00bcf2;text-decoration:none;}.ng-scope{height:100%;}.fxs-portal{overflow:hidden;position:fixed;top:0;left:0;right:0;bottom:0;}.fxs-portal .fxs-portal-content{height:100%;color:#464f59;overflow-x:auto;overflow-y:hidden;white-space:nowrap;-webkit-transition:margin .2s ease;-moz-transition:margin .2s ease;-o-transition:margin .2s ease;transition:margin .2s ease;}.fxs-portal .fxs-portal-content>*{white-space:normal;}.fxs-panorama{-ms-scroll-chaining:none;}.fxs-panorama-homearea{min-width:600px;}.fxs-panorama .fxs-panorama-homearea{position:relative;padding:0 25px;margin:0 15px 0 25px;}.fxs-panorama .fxs-panorama-homearea,.fxs-panorama .fxs-journey-target{display:inline-block;vertical-align:top;height:100%;}.fxs-panorama .fxs-panorama-homearea>header{margin:20px 0 4px;height:76px;min-width:450px;}.fxs-panorama .fxs-panorama-homearea .fxs-panorama-title{font-family:"Segoe UI Light","Segoe WP Light","Segoe UI","Segoe WP",Tahoma,Arial,sans-serif;font-weight:400;font-size:40px;line-height:54px;color:#fff;padding-top:6px;margin:0;}.fxs-panorama .fxs-panorama-homearea .fxs-avatarmenu-target{position:absolute;top:18px;right:5px;max-width:220px;min-width:190px;}.fxs-avatarmenu{position:relative;padding:12px;text-align:right;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}.fxs-avatarmenu .fxs-avatarmenu-header{position:relative;font-family:"Segoe UI","Segoe WP",Tahoma,Arial,sans-serif;font-weight:400;height:35px;color:#fff;}.fxs-avatarmenu>a{display:block;white-space:nowrap;overflow:hidden;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis;text-decoration:none;padding:10px;padding-right:54px;}.fxs-avatarmenu>a img{position:absolute;top:10px;right:10px;height:35px;width:32px;border:0;border-left:3px solid #7fba00;}.fxs-avatarmenu .fxs-avatarmenu-header .fxs-avatarmenu-username{white-space:nowrap;overflow:hidden;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis;font-size:14px;}.fxs-avatarmenu .fxs-avatarmenu-header .fxs-avatarmenu-emailaddress{white-space:nowrap;overflow:hidden;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis;font-family:"Segoe UI Semibold","Segoe WP Semibold","Segoe UI","Segoe WP",Tahoma,Arial,sans-serif;font-weight:400;font-size:10px;text-transform:uppercase;opacity:.9;margin-top:4px;}.fxs-avatarmenu .fxs-avatarmenu-dropdown{display:none;width:100%;background-color:#32383f;border-top:1px solid #3c454f;text-align:left;}.fxs-avatarmenu .fxs-avatarmenu-dropdown ul{padding:0;margin:0;list-style-type:none;border-bottom:1px solid #3c454f;}.fxs-avatarmenu .fxs-avatarmenu-dropdown .fxs-avatarmenu-list-system .fxs-avatarmenu-feedback,.fxs-avatarmenu .fxs-avatarmenu-dropdown .fxs-avatarmenu-list-system .fxs-avatarmenu-switchportal,.fxs-avatarmenu .fxs-avatarmenu-dropdown .fxs-avatarmenu-list-system .fxs-avatarmenu-signout{padding-right:35px;position:relative;}.fxs-avatarmenu .fxs-avatarmenu-dropdown ul li a{display:block;font-size:14px;padding:10px 18px 11px;line-height:18px;color:#fff;text-decoration:none;white-space:nowrap;overflow:hidden;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis;}.fxs-avatarmenu .fxs-avatarmenu-dropdown .fxs-avatarmenu-list-system .fxs-avatarmenu-icon{width:15px;height:15px;display:inline-block;position:absolute;right:18px;margin-top:2px;}.fxs-panorama .fxs-panorama-homearea .fxs-startboard-target{height:-webkit-calc(100% - 100px);height:calc(100% - 100px);}.fxs-startboard .fxs-startboard-layout{height:100%;overflow-y:hidden;overflow-x:hidden;margin:0 -25px;padding:0 25px;}.fxs-stacklayout-child{height:100%;}.fxs-flowlayout>.fxs-flowlayout-childcontainer{position:relative;-webkit-transition:height .25s linear,width .25s linear 0s;-moz-transition:height .25s linear,width .25s linear 0s;-o-transition:height .25s linear,width .25s linear 0s;transition:height .25s linear,width .25s linear 0s;}.fxs-flowlayout>.fxs-flowlayout-childcontainer>.fxs-flowlayout-element{position:absolute;}.fxs-tilesize-herowide.fxs-tile{height:355px;width:535px;}.fxs-tilesize-normal.fxs-tile{height:175px;width:175px;}.fxs-tilesize-mini.fxs-tile{height:85px;width:85px;}.fxs-tile{height:175px;width:175px;-webkit-transition:height .125s linear .125s,width .125s linear 0s;-moz-transition:height .125s linear .125s,width .125s linear 0s;-o-transition:height .125s linear .125s,width .125s linear 0s;transition:height .125s linear .125s,width .125s linear 0s;background-color:#fff;position:relative;}.fxs-part{width:100%;height:100%;position:relative;box-shadow:inset 1px 0 #dcdfe2;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;padding:15px 15px 15px 15px;box-shadow:inset 1px 0 #dcdfe2;}.fxs-part .fxs-part-title{position:relative;top:-4px;}.fxs-part .fxs-part-title h2{font-family:"Segoe UI","Segoe WP",Tahoma,Arial,sans-serif;font-weight:400;font-size:14px;line-height:17px;color:#32383f;}.fxs-part .fxs-part-title h3{font-family:"Segoe UI Semibold","Segoe WP Semibold","Segoe UI","Segoe WP",Tahoma,Arial,sans-serif;font-weight:400;font-size:10px;line-height:10px;color:#8f9ca8;text-transform:uppercase;margin-top:3px;}.fxs-part .fxs-part-title h2,.fxs-part .fxs-part-title h3{margin:0;white-space:nowrap;overflow:hidden;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis;}.fxs-part .fxs-part-content{font-family:"Segoe UI","Segoe WP",Tahoma,Arial,sans-serif;font-weight:400;line-height:18px;color:#464f59;position:relative;width:100%;height:100%;-moz-box-sizing:border-box;box-sizing:border-box;}.fxs-tile div.fxs-tile-overlay{display:none;position:absolute;width:100%;top:0;bottom:0;cursor:pointer;}.fxs-journey{height:100%;}.fxs-journey>.fxs-journey-layout{height:100%;}.fxs-journey>.fxs-journey-layout>.fxs-stacklayout-child{-webkit-transition:padding-top .2s ease,opacity .2s ease;transition:padding-top .2s ease,opacity .2s ease;}.fxs-stacklayout-horizontal.fxs-stacklayout{overflow:hidden;white-space:nowrap;height:100%;}.fxs-stacklayout-horizontal.fxs-stacklayout>.fxs-stacklayout-child{display:inline-block;vertical-align:top;overflow-y:auto;height:100%;white-space:normal;}.fxs-journey>.fxs-journey-layout>.fxs-stacklayout-child>.fxs-blade{box-shadow:-5px 0 0 rgba(31,35,39,.2),5px 0 0 rgba(31,35,39,.2);}.fxs-journey-layout :first-child.fxs-stacklayout-child .fxs-blade{border-left-color:transparent;border-left-width:0;}.fxs-blade-locked.fxs-blade{background-color:#fff;}.fxs-bladesize-small.fxs-blade{width:315px;}.fxs-blade{border-left-color:rgba(143,156,168,.8);width:585px;position:relative;height:100%;background-color:#f1f2f3;overflow:hidden;-webkit-transition:width .2s ease-out;-moz-transition:width .2s ease-out;-o-transition:width .2s ease-out;transition:width .2s ease-out;border-left-style:solid;border-left-width:2px;}.fxs-blade .fxs-blade-header{padding-bottom:8px;background-color:#3e4045;min-height:117px;}.fxs-blade .fxs-blade-statusbar-wrapper{background-color:#32383f;}.fxs-blade .fxs-blade-statusbar::after{content:" ";}.fxs-blade .fxs-blade-statusbar{-webkit-transition:all .5s,color .5s;-moz-transition:all .5s,color .5s;-o-transition:all .5s,color .5s;transition:all .5s,color .5s;}.fxs-blade .fxs-blade-statusbar,.fxs-blade .fxs-blade-loading-status{padding:5px 0 5px 25px;font-family:"Segoe UI Semibold","Segoe WP Semibold","Segoe UI","Segoe WP",Tahoma,Arial,sans-serif;font-weight:400;font-size:10px;line-height:10px;color:#fff;text-transform:uppercase;white-space:nowrap;overflow:hidden;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis;}.fxs-blade .fxs-blade-header .fxs-blade-actions{-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out;float:right;margin-right:22px;height:40px;}.fxs-blade .fxs-blade-header .fxs-blade-actions button{cursor:pointer;border:0;height:21px;width:21px;background-color:transparent;margin-top:4px;margin-left:6px;padding:0;opacity:.3;-webkit-transition:opacity .2s ease-out;-moz-transition:opacity .2s ease-out;-o-transition:opacity .2s ease-out;transition:opacity .2s ease-out;}.fxs-blade .fxs-blade-header .fxs-blade-actions button img,.fxs-blade .fxs-blade-header .fxs-blade-actions button svg{height:21px;width:21px;}.msportal-fx-svg-placeholder{fill:#fff;}.fxs-blade .fxs-blade-header .fxs-blade-actions button>svg *{fill:#8f9ca8;}.fxs-blade .fxs-blade-header .fxs-blade-actions button svg *{fill:#63707e;}.msportalfx-svg-c01{fill:#fff;}.fxs-blade .fxs-blade-header .fxs-blade-title{padding:0 25px 2px 7px;margin-left:18px;}.fxs-blade .fxs-blade-header .fxs-blade-title h2::after,.fxs-blade .fxs-blade-header .fxs-blade-title h3::after{content:" ";}.fxs-blade .fxs-blade-header .fxs-blade-title h2{margin:0;font-family:"Segoe UI Light","Segoe WP Light","Segoe UI","Segoe WP",Tahoma,Arial,sans-serif;font-weight:400;font-size:20px;line-height:28px;color:#fff;white-space:nowrap;overflow:hidden;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis;}.fxs-blade .fxs-blade-header .fxs-blade-title h3{margin:3px 0 2px 0;font-family:"Segoe UI Semibold","Segoe WP Semibold","Segoe UI","Segoe WP",Tahoma,Arial,sans-serif;font-weight:400;font-size:10px;line-height:10px;color:#758393;text-transform:uppercase;white-space:nowrap;overflow:hidden;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis;}.fxs-blade .fxs-blade-header .fxs-blade-commandBarContainer{margin:0 20px 0 15px;}.fxs-commandBar{display:none;}.fxs-commandBar-active.fxs-commandBar{display:block;}.fxs-commandBar>ul.fxs-commandBar-itemList{display:block;margin:4px 0 0;padding:0;list-style-type:none;overflow:hidden;height:48px;-webkit-transition:height .175s ease-in;-moz-transition:height .175s ease-in;-o-transition:height .175s ease-in;transition:height .175s ease-in;}.fxs-commandBar>ul.fxs-commandBar-itemList>li{border-right-color:#6c737a;float:left;margin-bottom:5px;border-right:1px solid transparent;}.fxs-commandBar .fxs-commandBar-form{display:block;position:absolute;z-index:200;width:100%;left:0;}.fxs-commandBar .fxs-commandBar-item{font-family:"Segoe UI Semibold","Segoe WP Semibold","Segoe UI","Segoe WP",Tahoma,Arial,sans-serif;font-weight:400;font-size:10px;line-height:10px;color:#fff;text-transform:uppercase;display:block;position:relative;padding:3px 10px 0;width:90px;height:48px;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:background-color .07s ease-in;transition:background-color .07s ease-in;}.fxs-commandBar .fxs-commandBar-item .fxs-commandBar-item-text{height:22px;-webkit-transition:opacity .07s ease-in;transition:opacity .07s ease-in;}.fxs-commandBar .fxs-commandBar-item .fxs-commandBar-item-icon{position:absolute;bottom:2px;}.fxs-commandBar .fxs-commandBar-item .fxs-commandBar-item-icon>svg,.fxs-commandBar .fxs-commandBar-item .fxs-commandBar-item-icon>img{height:18px;width:18px;}.fxs-commandBar .fxs-commandBar-item-expandList.fxs-commandBar-item::after{content:"…";position:absolute;bottom:9px;left:40px;font-size:23px;line-height:23px;}.fxs-commandBar .fxs-commandBar-item:hover{background-color:#1f2327;}.fxs-blade .fxs-blade-content{padding:25px;overflow-x:hidden;overflow-y:auto;-ms-overflow-style:-ms-autohiding-scrollbar;-ms-scrollbar-track-color:#d8d8ea;-ms-scrollbar-arrow-color:#758393;-ms-scrollbar-face-color:#63707e;}.fxs-bladesize-small.fxs-blade .fxs-blade-stacklayout{width:265px;}.fxs-blade .fxs-blade-content>div{height:100%;}.fxs-bladesize-medium.fxs-blade{width:585px;}.fxs-bladesize-medium.fxs-blade .fxs-blade-stacklayout{width:535px;}.fxs-blade .fxs-blade-stacklayout{width:535px;}.fxs-blade .fxs-blade-maximized-content{display:none;}.fxs-stacklayout-vertical.fxs-stacklayout>.fxs-stacklayout-child{display:block;}.fxs-lens{position:relative;height:100%;-moz-box-sizing:border-box;box-sizing:border-box;}.fxs-lens .fxs-lens-title{color:#3d4045;}.fxs-lens>.fxs-lens-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;font-family:"Segoe UI Light","Segoe WP Light","Segoe UI","Segoe WP",Tahoma,Arial,sans-serif;font-weight:400;font-size:14px;line-height:32px;color:#3d4045;}.fxs-lens>.fxs-lens-layout{height:100%;}:last-child.fxs-tilesize-herowidefitheight.fxs-tile,:last-child.fxs-tilesize-fullwidthfitheight.fxs-tile{margin-bottom:0;}.fxs-tilesize-herowidefitheight.fxs-tile,.fxs-tilesize-fullwidthfitheight.fxs-tile{margin-bottom:5px;}.fxs-tilesize-fullwidthfitheight.fxs-tile{height:100%;width:100%;}.fxs-blade-locked.fxs-blade .fxs-part,.fxs-bladestyle-context.fxs-blade .fxs-part,.fxs-bladestyle-contextaction.fxs-blade .fxs-part,.fxs-bladestyle-help.fxs-blade .fxs-part{box-shadow:none;}.fxs-blade-locked.fxs-blade .fxs-part{padding:0;}.fxs-lens>.fxs-lens-drag-handle{position:absolute;z-index:52;top:-12px;left:-25px;bottom:12px;width:25px;background-color:#e9e9f3;opacity:0;-webkit-transition:opacity .25s ease-out;transition:opacity .25s ease-out;}.fxs-part .fxs-part-title h3{font-family:"Segoe UI Semibold","Segoe WP Semibold","Segoe UI","Segoe WP",Tahoma,Arial,sans-serif;font-weight:400;font-size:10px;line-height:10px;color:#8f9ca8;text-transform:uppercase;margin-top:3px;}.azc-grid{position:relative;}.azc-grid:focus{outline:none !important;}.azc-grid table{width:100%;border:0;background-color:transparent;table-layout:fixed;border-spacing:0;border-collapse:collapse;}.azc-grid .azc-grid-container{overflow-x:auto;overflow-y:visible;}.fxs-part .fxs-part-content{font-family:"Segoe UI","Segoe WP",Tahoma,Arial,sans-serif;font-weight:400;line-height:18px;color:#464f59;line-height:normal;position:relative;width:100%;height:100%;-moz-box-sizing:border-box;box-sizing:border-box;}.azc-control table{border-collapse:collapse;table-layout:fixed;}.azc-grid table caption{display:none;}.azc-grid-headerHidden .azc-grid table thead{display:none;}.azc-grid table thead tr th.azc-grid-unsortablecolumnheader{cursor:default;}.azc-grid table th:first-child{padding-left:0;}.azc-grid table thead tr th{text-transform:uppercase;}.azc-grid table thead tr th>a{padding:1px 0 1px 10px;}.azc-grid table thead tr th a{line-height:38px;display:block;text-decoration:none;color:inherit;position:relative;}a{color:#00bcf2;text-decoration:none;}.azc-grid table thead tr th a span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.azc-grid table thead tr th>a .azc-grid-headerlabel{display:block;}.azc-grid-activateableRow table tbody tr[data-grid-row-activated='true'][aria-selected='true']{background-color:#c6edfa !important;}.azc-grid-selectableRow table tbody tr[aria-selected='true'] td{color:inherit !important;}.azc-grid table tbody:last-child tr:last-child td{border-bottom:1px solid #dcdfe2;}.azc-grid table tbody tr td{color:#3d3d3d;height:33px;border-top:1px solid #dcdfe2;border-bottom:1px solid #dcdfe2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.azc-control svg{overflow:hidden;}.msportalfx-gridcolumn-asseticon img,.msportalfx-gridcolumn-asseticon svg{margin-top:4px;height:21px;width:21px;}.msportalfx-svg-c04{fill:#7a7a7a;}.msportalfx-svg-c20{fill:#68217a;}.msportalfx-svg-c01{fill:#fff;}.k-grid-content table tbody tr{padding:1px 0 1px 10px;}.k-grid td{padding:0 .6em;}body{background-color:#2e80ab;background-image:linear-gradient(to bottom,#2e80ab 0%,#61b7da 100%);background-repeat:no-repeat;font-family:wf_segoe-ui_normal,"Segoe UI","Segoe WP",Tahoma,Arial,sans-serif;font-weight:400;font-size:small;-ms-scrollbar-arrow-color:#758393;-ms-scrollbar-face-color:#63707e;-ms-scrollbar-track-color:#dcdfe2;}a{color:#00bcf2;text-decoration:none;}img,a img,:link img,:visited img{border:0;}input.ng-invalid{border:1px solid #f00;}.collapsed{visibility:collapse;width:0;min-width:0;}
package/directives/blade/angular-portal-blade-grid.ts CHANGED
@@ -15,7 +15,7 @@ namespace angularportalazure {
15
15
  controller: function () {
16
16
  this.$onInit = function () {
17
17
  this.close = function () {
18
- portalService.bladeArea.clearLastLevel();
18
+ //portalService.bladeArea.clearLastLevel();
19
19
  };
20
20
  };
21
21
  },
package/directives/blade/angular-portal-blade-nav.ts CHANGED
@@ -15,7 +15,7 @@ namespace angularportalazure {
15
15
  controller: function () {
16
16
  this.$onInit = function () {
17
17
  this.close = function () {
18
- portalService.bladeArea.clearLastLevel();
18
+ //portalService.bladeArea.clearLastLevel();
19
19
  };
20
20
  };
21
21
  },
package/directives/blade/angular-portal-blade.ts CHANGED
@@ -32,9 +32,10 @@ namespace angularportalazure {
32
32
  AngularPortalBladeController.$inject = ['angularportalazure.portalService'];
33
33
  function AngularPortalBladeController(portalService: angularportalazure.PortalService) {
34
34
  this.$onInit = function () {
35
- console.log('$onInit');
35
+ portalService.areaNotification.show();
36
36
  this.close = function () {
37
- portalService.bladeArea.clearLastLevel();
37
+ //portalService.bladeArea.clearLastLevel();
38
+ portalService.areaNotification.hide();
38
39
  };
39
40
  };
40
41
  }
package/directives/home/home.html CHANGED
@@ -1,6 +1,6 @@
1
- <div class="fxs-portal">
1
+ <div id="apa-portal" class="fxs-portal">
2
2
  <div class="fxs-portal-top-bar fxs-portal-appbar"></div>
3
- <div id="azureportalscroll" class="fxs-portal-content fxs-panorama">
3
+ <div id="apa-portal-scroll" class="fxs-portal-content fxs-panorama">
4
4
  <div class="fxs-panorama-homearea" ng-class="{collapsed: !$ctrl.vm.portalService.panorama.startboard.tiles.showTiles}" ng-show="$ctrl.vm.portalService.panorama.isVisible">
5
5
  <header class="fxs-pannable" ng-class="{collapsed: !$ctrl.vm.portalService.panorama.startboard.tiles.showTiles}">
6
6
  <h1 class="fxs-panorama-title fxs-pannable">{{$ctrl.vm.portalService.panorama.title}}</h1>
@@ -29,12 +29,12 @@
29
29
  </div>
30
30
  </div>
31
31
  </div>
32
- <div class="fxs-journey-target fxs-journey">
32
+ <div id="apa-blade-area" class="fxs-journey-target fxs-journey">
33
33
  <div class="fxs-journey-layout fxs-stacklayout fxs-stacklayout-horizontal">
34
34
  <div data-ng-repeat="blade in $ctrl.vm.portalService.bladeArea.blades track by $index" class="azureportalblade fxs-stacklayout-child" ng-include="blade.path"></div>
35
35
  </div>
36
36
  </div>
37
- <div id="apa-notification-area" style="background-color:red;display: inline-block;height:100%;width:250px;position:absolute;left:624px;top:0">
37
+ <div id="apa-notification-area" style="display: none;">
38
38
  asdf
39
39
  </div>
40
40
  </div>
package/directives/home/home.ts CHANGED
@@ -13,9 +13,18 @@
13
13
 
14
14
  //angular.module('angularportalazure').directive('angularPortalHome', angularPortalHome);
15
15
 
16
+ AngularPortalHomeController.$inject = ['$scope', 'angularportalazure.portalService'];
17
+ function AngularPortalHomeController($scope: angular.IScope, portalService: angularportalazure.PortalService) {
18
+ this.$onInit = function () {
19
+ console.log('initializse');
20
+ portalService.areaNotification = new angularportalazure.AreaNotification($scope, portalService);
21
+ portalService.bladeArea = new angularportalazure.BladeArea($scope, portalService);
22
+ };
23
+ }
24
+
16
25
  var angularPortalHome = {
17
26
  templateUrl: '/node_modules/@ardimedia/angular-portal-azure/directives/home/home.html',
18
- controller: function () { },
27
+ controller: AngularPortalHomeController,
19
28
  bindings: {
20
29
  vm: '='
21
30
  }
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@ardimedia/angular-portal-azure",
3
3
  "description": "Angular Portal Azure - GUI Framework.",
4
4
  "author": "Ardimedia Anstalt <info@ardimedia.com> (http://www.ardimedia.com)",
5
- "version": "0.2.140",
5
+ "version": "0.2.141",
6
6
  "main": "index.js",
7
7
  "typings": "apn.d.ts",
8
8
  "dependencies": {