@ardimedia/angular-portal-azure 0.2.140 → 0.2.142

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 +13 -1
  2. package/apn.js +101 -19
  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
@@ -50,6 +50,7 @@ declare var $: JQueryStatic;
50
50
  declare namespace angularportalazure {
51
51
  class Blade extends angularportalazure.UserControlBase {
52
52
  constructor($scope: angular.IScope, portalService: angularportalazure.PortalService, path: string, title: string, subtitle?: string, width?: number);
53
+ private watcherTitle;
53
54
  private bladeContentHeight;
54
55
  bladeContentInnerHeight: number;
55
56
  private _path;
@@ -150,6 +151,7 @@ declare namespace angularportalazure {
150
151
  onCommandStop(): void;
151
152
  onCommandSwap(): void;
152
153
  /** Obsolete */
154
+ setTitle(watchExpression: string, func: () => void): void;
153
155
  private setBladeHeights();
154
156
  }
155
157
  }
@@ -157,6 +159,8 @@ declare namespace angularportalazure {
157
159
  class BladeArea extends angularportalazure.UserControlBase {
158
160
  static $inject: string[];
159
161
  constructor($scope: angular.IScope, portalService: angularportalazure.PortalService);
162
+ private areaBlades;
163
+ private portalScroll;
160
164
  private listener1;
161
165
  blades: Array<angularportalazure.Blade>;
162
166
  raiseAddBladeEvent(args: angularportalazure.IAddBladeEventArgs): void;
@@ -171,6 +175,7 @@ declare namespace angularportalazure {
171
175
  hidePanorama(): void;
172
176
  /** We need to call this when BladeArea is no longer used, otherwise the listener does not get removed. */
173
177
  close(): void;
178
+ private setupResizerListener();
174
179
  }
175
180
  }
176
181
  declare namespace angularportalazure {
@@ -203,8 +208,15 @@ declare namespace angularportalazure {
203
208
  declare namespace angularportalazure {
204
209
  class AreaNotification extends angularportalazure.UserControlBase {
205
210
  constructor($scope: angular.IScope, portalService: angularportalazure.PortalService);
206
- notificationArea: Element;
211
+ private portalWidth;
212
+ private portalHeight;
213
+ private areaNotification;
214
+ widthAreaUsed: number;
215
+ width: number;
216
+ backgroundColor: string;
217
+ hide(): void;
207
218
  show(): void;
219
+ private setupResizerListener();
208
220
  }
209
221
  }
210
222
  declare namespace angularportalazure {
package/apn.js CHANGED
@@ -474,12 +474,13 @@ var angularportalazure;
474
474
  //}
475
475
  //#endregion
476
476
  //#endregion
477
- //setTitle(watchExpression: string, func: () => void) {
478
- // if (this.watcherTitle === undefined) {
479
- // this.watcherTitle = this.$scope.$watch(watchExpression, () => { func(); });
480
- // this.$scope.$on('$destroy', () => { this.watcherTitle(); });
481
- // }
482
- //}
477
+ Blade.prototype.setTitle = function (watchExpression, func) {
478
+ var _this = this;
479
+ if (this.watcherTitle === undefined) {
480
+ this.watcherTitle = this.$scope.$watch(watchExpression, function () { func(); });
481
+ this.$scope.$on('$destroy', function () { _this.watcherTitle(); });
482
+ }
483
+ };
483
484
  Blade.prototype.setBladeHeights = function () {
484
485
  var that = this;
485
486
  that.bladeContentHeight = $('.fxs-blade-content').height();
@@ -513,9 +514,11 @@ var angularportalazure;
513
514
  var _this = _super.call(this, $scope, portalService) || this;
514
515
  _this.blades = new Array();
515
516
  var that = _this;
517
+ _this.areaBlades = $('#apa-blade-area');
518
+ _this.portalScroll = $('#apa-portal-scroll');
516
519
  // Set dependencies
517
520
  _this.portalService = portalService;
518
- _this.portalService.bladeArea = _this;
521
+ //this.portalService.bladeArea = this;
519
522
  //#region Add BladeArea.AddBlade event listener
520
523
  /** OBSOLETE: remove when all OBSOLETE code has been removed */
521
524
  if (portalService instanceof angularportalazure.PortalService == false) {
@@ -527,8 +530,9 @@ var angularportalazure;
527
530
  _this.listener1 = that.portalService.$rootScope.$on('BladeArea.AddBlade', function (event, args) {
528
531
  that.addBlade(args.path, args.pathSender);
529
532
  });
530
- return _this;
531
533
  //#endregion
534
+ _this.setupResizerListener();
535
+ return _this;
532
536
  }
533
537
  //#endregion
534
538
  //#region Methods
@@ -572,9 +576,9 @@ var angularportalazure;
572
576
  if (that.portalService.$window.document === undefined) {
573
577
  throw new Error('[angularportalazure.BladeArea] \'this.$window.document\' undefined.');
574
578
  }
575
- var portalcontent = that.portalService.$window.document.getElementById('azureportalscroll');
579
+ var portalcontent = that.portalService.$window.document.getElementById('apa-portal-scroll');
576
580
  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\'.');
581
+ 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
582
  }
579
583
  }
580
584
  //#endregion
@@ -677,6 +681,48 @@ var angularportalazure;
677
681
  BladeArea.prototype.close = function () {
678
682
  this.listener1(); // Unregister listener1
679
683
  };
684
+ //#endregion
685
+ //#region OBSOLETE
686
+ //addBladePath(path: string) {
687
+ // // Fix issue with old code
688
+ // if (this.portalService.$window === undefined) {
689
+ // this.portalService.$window = <any>this.portalService;
690
+ // }
691
+ // this.addBlade(path);
692
+ // //this.addBladeOld(path);
693
+ //}
694
+ //addBladeOld(path: string) {
695
+ // var that = this;
696
+ // if (path === undefined || path == '') { return; }
697
+ // var blade = new angularportalazure.Blade(that.$scope, that.portalService, path, '');
698
+ // that.blades.push(blade);
699
+ // var portalcontent = that.portalService.$window.document.getElementById('apa-portal-scroll');
700
+ // that.portalService.$window.setTimeout(function () {
701
+ // var azureportalblades = that.portalService.$window.document.getElementsByClassName('azureportalblade');
702
+ // var i = that.blades.length - 1;
703
+ // // HACK: Sometime azureportalblades[i].offsetLeft is undefined.
704
+ // // So now if it is, the user has to scroll on its own.
705
+ // if (azureportalblades[i] !== undefined && (<any>azureportalblades[i]).offsetLeft !== undefined) {
706
+ // var sl = (<any>azureportalblades[i]).offsetLeft - 30;
707
+ // portalcontent.scrollLeft = sl;
708
+ // }
709
+ // }, 250);
710
+ //}
711
+ //#endregion
712
+ BladeArea.prototype.setupResizerListener = function () {
713
+ var that = this;
714
+ that.portalScroll.css('margin-right', that.portalService.areaNotification.widthAreaUsed + 'px');
715
+ console.log(that.portalScroll.css('margin-right'));
716
+ // http://stackoverflow.com/questions/4298612/jquery-how-to-call-resize-event-only-once-its-finished-resizing
717
+ var id;
718
+ $(window).resize(function () {
719
+ clearTimeout(id);
720
+ id = setTimeout(function () {
721
+ that.portalScroll.css('margin-right', that.portalService.areaNotification.widthAreaUsed + 'px');
722
+ console.log(that.portalScroll.css('margin-right'));
723
+ }, 50);
724
+ });
725
+ };
680
726
  return BladeArea;
681
727
  }(angularportalazure.UserControlBase));
682
728
  //#region Constructor
@@ -784,13 +830,41 @@ var angularportalazure;
784
830
  //#region Constructor
785
831
  function AreaNotification($scope, portalService) {
786
832
  var _this = _super.call(this, $scope, portalService) || this;
787
- _this.notificationArea = $('#apa-notification-area')[0];
788
- console.log(_this.notificationArea);
833
+ _this.widthAreaUsed = 0;
834
+ _this.width = 250;
835
+ _this.backgroundColor = '#32383f';
836
+ _this.areaNotification = $('#apa-notification-area');
837
+ _this.hide();
838
+ _this.setupResizerListener();
789
839
  return _this;
790
840
  }
791
841
  //#endregion
792
842
  //#region Methods
843
+ AreaNotification.prototype.hide = function () {
844
+ this.widthAreaUsed = 0;
845
+ this.areaNotification.css('display', 'none');
846
+ };
793
847
  AreaNotification.prototype.show = function () {
848
+ this.areaNotification.css('position', 'absolute');
849
+ this.areaNotification.css('top:0', '0');
850
+ this.areaNotification.css('height', '100%');
851
+ this.areaNotification.css('background-color', this.backgroundColor);
852
+ this.areaNotification.css('border-left', '2px solid gray');
853
+ this.areaNotification.css('width', this.width + 'px');
854
+ this.areaNotification.css('left', $(window).width() - this.width + 'px');
855
+ this.widthAreaUsed = this.width;
856
+ this.areaNotification.css('display', 'inline-block');
857
+ };
858
+ AreaNotification.prototype.setupResizerListener = function () {
859
+ var that = this;
860
+ // http://stackoverflow.com/questions/4298612/jquery-how-to-call-resize-event-only-once-its-finished-resizing
861
+ var id;
862
+ $(window).resize(function () {
863
+ clearTimeout(id);
864
+ id = setTimeout(function () {
865
+ that.show();
866
+ }, 50);
867
+ });
794
868
  };
795
869
  return AreaNotification;
796
870
  }(angularportalazure.UserControlBase));
@@ -991,8 +1065,7 @@ var angularportalazure;
991
1065
  _this.portalService = portalService;
992
1066
  _this.portalService.portalShell = _this;
993
1067
  _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);
1068
+ //this.portalService.bladeArea = new angularportalazure.BladeArea(this.$scope, portalService);
996
1069
  _this.portalService.panorama.title = title;
997
1070
  return _this;
998
1071
  //this.initialize();
@@ -1053,7 +1126,7 @@ var angularportalazure;
1053
1126
  controller: function () {
1054
1127
  this.$onInit = function () {
1055
1128
  this.close = function () {
1056
- portalService.bladeArea.clearLastLevel();
1129
+ //portalService.bladeArea.clearLastLevel();
1057
1130
  };
1058
1131
  };
1059
1132
  },
@@ -1080,7 +1153,7 @@ var angularportalazure;
1080
1153
  controller: function () {
1081
1154
  this.$onInit = function () {
1082
1155
  this.close = function () {
1083
- portalService.bladeArea.clearLastLevel();
1156
+ //portalService.bladeArea.clearLastLevel();
1084
1157
  };
1085
1158
  };
1086
1159
  },
@@ -1122,9 +1195,10 @@ var angularportalazure;
1122
1195
  AngularPortalBladeController.$inject = ['angularportalazure.portalService'];
1123
1196
  function AngularPortalBladeController(portalService) {
1124
1197
  this.$onInit = function () {
1125
- console.log('$onInit');
1198
+ portalService.areaNotification.show();
1126
1199
  this.close = function () {
1127
- portalService.bladeArea.clearLastLevel();
1200
+ //portalService.bladeArea.clearLastLevel();
1201
+ portalService.areaNotification.hide();
1128
1202
  };
1129
1203
  };
1130
1204
  }
@@ -1186,9 +1260,17 @@ var angularportalazure;
1186
1260
  // };
1187
1261
  //}
1188
1262
  //angular.module('angularportalazure').directive('angularPortalHome', angularPortalHome);
1263
+ AngularPortalHomeController.$inject = ['$scope', 'angularportalazure.portalService'];
1264
+ function AngularPortalHomeController($scope, portalService) {
1265
+ this.$onInit = function () {
1266
+ console.log('initializse');
1267
+ portalService.areaNotification = new angularportalazure.AreaNotification($scope, portalService);
1268
+ portalService.bladeArea = new angularportalazure.BladeArea($scope, portalService);
1269
+ };
1270
+ }
1189
1271
  var angularPortalHome = {
1190
1272
  templateUrl: '/node_modules/@ardimedia/angular-portal-azure/directives/home/home.html',
1191
- controller: function () { },
1273
+ controller: AngularPortalHomeController,
1192
1274
  bindings: {
1193
1275
  vm: '='
1194
1276
  }
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.142",
6
6
  "main": "index.js",
7
7
  "typings": "apn.d.ts",
8
8
  "dependencies": {