@ardimedia/angular-portal-azure 0.2.86 → 0.2.88

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 (9) hide show
  1. package/apn.js +53 -33
  2. package/directives/blade/angular-portal-blade.ts +6 -3
  3. package/directives/blade/blade.html +64 -64
  4. package/directives/grid/grid.html +1 -1
  5. package/directives/grid/grid.ts +11 -4
  6. package/directives/home/home.html +10 -11
  7. package/directives/nav/nav.html +3 -3
  8. package/directives/nav/nav.ts +37 -20
  9. package/package.json +1 -1
package/apn.js CHANGED
@@ -993,12 +993,15 @@ var angularportalazure;
993
993
  bindToController: { vm: '=' },
994
994
  templateUrl: '/node_modules/@ardimedia/angular-portal-azure/directives/blade/blade.html',
995
995
  link: function (scope, element, attrs, controller) {
996
- controller.close = function () {
997
- portalService.bladeArea.clearLastLevel();
998
- };
996
+ //controller.close = function () {
997
+ // portalService.bladeArea.clearLastLevel();
998
+ //};
999
999
  },
1000
1000
  controller: function () {
1001
1001
  this.$onInit = function () {
1002
+ this.close = function () {
1003
+ portalService.bladeArea.clearLastLevel();
1004
+ };
1002
1005
  };
1003
1006
  },
1004
1007
  controllerAs: '$ctrl'
@@ -1009,19 +1012,26 @@ var angularportalazure;
1009
1012
  // http://blogs.msdn.com/b/laurieatkinson/archive/2014/08/23/implementing-a-save-warning-in-an-angular-spa.aspx
1010
1013
  var angularportalazure;
1011
1014
  (function (angularportalazure) {
1012
- function grid($window) {
1015
+ grid.$inject = ['angularportalazure.portalService'];
1016
+ function grid(portalService) {
1013
1017
  return {
1014
1018
  restrict: 'E',
1019
+ transclude: true,
1015
1020
  scope: {},
1016
1021
  bindToController: { vm: '=' },
1017
1022
  templateUrl: '/node_modules/@ardimedia/angular-portal-azure/directives/grid/grid.html',
1018
- link: function (scope, element, attrs, controller) {
1023
+ link: function (scope, element, attrs, controller) { },
1024
+ controller: function () {
1025
+ //this.$onInit = function () {
1026
+ // this.close = function () {
1027
+ // portalService.bladeArea.clearLastLevel();
1028
+ // };
1029
+ //};
1019
1030
  },
1020
- controller: function () { },
1021
1031
  controllerAs: '$ctrl'
1022
1032
  };
1023
1033
  }
1024
- angular.module('angularportalazure').directive('grid', ['$window', grid]);
1034
+ angular.module('angularportalazure').directive('grid', grid);
1025
1035
  })(angularportalazure || (angularportalazure = {}));
1026
1036
  var angularportalazure;
1027
1037
  (function (angularportalazure) {
@@ -1040,32 +1050,42 @@ var angularportalazure;
1040
1050
  })(angularportalazure || (angularportalazure = {}));
1041
1051
  var angularportalazure;
1042
1052
  (function (angularportalazure) {
1043
- function nav($window) {
1044
- return {
1045
- restrict: 'E',
1046
- transclude: true,
1047
- scope: {},
1048
- bindToController: { vm: '=' },
1049
- templateUrl: '/node_modules/@ardimedia/angular-portal-azure/directives/nav/nav.html',
1050
- link: function (scope, element, attrs, controller) {
1051
- angular.forEach(controller.items, function (item) {
1052
- // Set some default values, depending on existing values
1053
- if (item.isVisible == undefined) {
1054
- item.isVisible = true;
1055
- }
1056
- if (item.title == undefined || item.title == '') {
1057
- item.style = { cursor: 'default' };
1058
- }
1059
- if (item.bladePath == undefined || item.bladePath == '') {
1060
- item.style = { cursor: 'default' };
1061
- }
1062
- });
1063
- },
1064
- controller: function () { },
1065
- controllerAs: '$ctrl'
1066
- };
1067
- }
1068
- angular.module('angularportalazure').directive('nav', ['$window', nav]);
1053
+ //nav.$inject = ['angularportalazure.portalService'];
1054
+ //function nav(portalService: angularportalazure.PortalService) {
1055
+ // return {
1056
+ // restrict: 'E',
1057
+ // transclude: true,
1058
+ // scope: {},
1059
+ // bindToController: { vm: '=' },
1060
+ // templateUrl: '/node_modules/@ardimedia/angular-portal-azure/directives/nav/nav.html',
1061
+ // link: function (scope, element, attrs, controller) {
1062
+ // angular.forEach(controller.items, function (item) {
1063
+ // // Set some default values, depending on existing values
1064
+ // if (item.isVisible == undefined) { item.isVisible = true; }
1065
+ // if (item.title == undefined || item.title == '') { item.style = { cursor: 'default' }; }
1066
+ // if (item.bladePath == undefined || item.bladePath == '') { item.style = { cursor: 'default' }; }
1067
+ // });
1068
+ // },
1069
+ // controller: function () {
1070
+ // //this.$onInit = function () {
1071
+ // // this.close = function () {
1072
+ // // portalService.bladeArea.clearLastLevel();
1073
+ // // };
1074
+ // //};
1075
+ // },
1076
+ // controllerAs: '$ctrl'
1077
+ // };
1078
+ //}
1079
+ //angular.module('angularportalazure').directive('nav', nav);
1080
+ var nav = {
1081
+ transclude: true,
1082
+ templateUrl: '/node_modules/@ardimedia/angular-portal-azure/directives/nav/nav.html',
1083
+ controller: function () { },
1084
+ bindings: {
1085
+ vm: '='
1086
+ }
1087
+ };
1088
+ angular.module('angularportalazure').component('nav', nav);
1069
1089
  })(angularportalazure || (angularportalazure = {}));
1070
1090
  /// <reference path="bladearea.ts" />
1071
1091
  /// <reference path="debug.ts" />
package/directives/blade/angular-portal-blade.ts CHANGED
@@ -12,12 +12,15 @@ namespace angularportalazure {
12
12
  bindToController: { vm: '=' },
13
13
  templateUrl: '/node_modules/@ardimedia/angular-portal-azure/directives/blade/blade.html',
14
14
  link: function (scope, element, attrs, controller) {
15
- controller.close = function () {
16
- portalService.bladeArea.clearLastLevel();
17
- };
15
+ //controller.close = function () {
16
+ // portalService.bladeArea.clearLastLevel();
17
+ //};
18
18
  },
19
19
  controller: function () {
20
20
  this.$onInit = function () {
21
+ this.close = function () {
22
+ portalService.bladeArea.clearLastLevel();
23
+ };
21
24
  };
22
25
  },
23
26
  controllerAs: '$ctrl'
package/directives/blade/blade.html CHANGED
@@ -1,17 +1,17 @@
1
- <section data-ng-form="$ctrl.formblade" class="fxs-blade-locked fxs-blade fx-rightClick fxs-bladesize-small" ng-style="$ctrl.blade.width">
1
+ <section data-ng-form="$ctrl.vm.formblade" class="fxs-blade-locked fxs-blade fx-rightClick fxs-bladesize-small" ng-style="$ctrl.vm.blade.width">
2
2
  <header class="fxs-blade-header">
3
3
  <div class="fxs-blade-statusbar-wrapper">
4
4
  <div class="fxs-blade-statusbar">
5
- <span ng-class="$ctrl.blade.statusbarClass">{{$ctrl.blade.statusbar}}</span>
5
+ <span ng-class="$ctrl.vm.blade.statusbarClass">{{$ctrl.vm.blade.statusbar}}</span>
6
6
  </div>
7
7
  </div>
8
8
  <div class="fxs-blade-actions">
9
- <button data-ng-show="$ctrl.blade.isMaximize" title="Maximize" class="fxs-blade-maximizeOrRestore" type="button">
9
+ <button data-ng-show="$ctrl.vm.blade.isMaximize" title="Maximize" class="fxs-blade-maximizeOrRestore" type="button">
10
10
  <svg class="msportal-fx-svg-placeholder" viewBox="0 0 20 20">
11
11
  <path class="msportalfx-svg-c01" d="M 3 4 v 12 h 14 V 4 H 3 Z M 5 14 V 6 h 10 v 8 H 5 Z" />
12
12
  </svg>
13
13
  </button>
14
- <button data-ng-click="$ctrl.close();" title="Schliessen" class="fxs-blade-close" type="button">
14
+ <button data-ng-click="$ctrl.vm.close();" title="Schliessen" class="fxs-blade-close" type="button">
15
15
  <svg class="msportal-fx-svg-placeholder" viewBox="0 0 20 20">
16
16
  <polygon class="msportalfx-svg-c01" points="16.894,5.414 15.48,4 10.436,9.044 5.414,4.023 4,5.437 9.022,10.458 4.022,15.458 5.436,16.872 10.436,11.872 15.458,16.894 16.872,15.48 11.85,10.458" />
17
17
  </svg>
@@ -19,22 +19,22 @@
19
19
  </div>
20
20
  <div class="fxs-blade-title">
21
21
  <div class="fxs-blade-title-text-container">
22
- <h2 class="fxs-pannable fxs-blade-title-titleText msportalfx-tooltip-overflow">{{$ctrl.blade.title}}</h2>
23
- <h3 class="fxs-pannable msportalfx-tooltip-overflow">{{$ctrl.blade.subTitle}}</h3>
22
+ <h2 class="fxs-pannable fxs-blade-title-titleText msportalfx-tooltip-overflow">{{$ctrl.vm.blade.title}}</h2>
23
+ <h3 class="fxs-pannable msportalfx-tooltip-overflow">{{$ctrl.vm.blade.subTitle}}</h3>
24
24
  </div>
25
25
  </div>
26
26
  <div class="fxs-blade-commandBarContainer">
27
27
  <div class="fxs-commandBar fxs-commandBar-active">
28
28
  <ul class="fxs-commandBar-itemList fxs-commandBar-itemList-canExpand">
29
29
  <!-- SHOW MORE COMMANDS -->
30
- <li ng-show="$ctrl.blade.isCommandMore" class="fxs-commandBar-item-expandListContainer">
30
+ <li ng-show="$ctrl.vm.blade.isCommandMore" class="fxs-commandBar-item-expandListContainer">
31
31
  <a title="Fewer" class="fxs-commandBar-item fxs-commandBar-item-expandList" href="" data-bind="click: func._ellipsisCommandHandler, attr: { title: data.ellipsisCommandText }"></a>
32
32
  </li>
33
33
  <!-- SERACH -->
34
- <li ng-show="$ctrl.blade.isCommandSearch">
35
- <a data-ng-click="$ctrl.blade.commandSearch()" class="fxs-commandBar-item" href="#"
34
+ <li ng-show="$ctrl.vm.blade.isCommandSearch">
35
+ <a data-ng-click="$ctrl.vm.blade.commandSearch()" class="fxs-commandBar-item" href="#"
36
36
  data-bind='css: { "fxs-commandBar-itemDisabled": !enabled(), "fxs-commandBar-itemPressed": pressed() }, attr: { href: enabled() ? "#" : null }'>
37
- <div class="fxs-commandBar-item-text" data-bind="text: text()">{{$ctrl.blade.commandSearchText || 'suchen'}}</div>
37
+ <div class="fxs-commandBar-item-text" data-bind="text: text()">{{$ctrl.vm.blade.commandSearchText || 'suchen'}}</div>
38
38
  <div class="fxs-commandBar-item-icon" data-bind="image: icon">
39
39
  <svg xmlns="http://www.w3.org/2000/svg" class="msportal-fx-svg-placeholder" viewBox="0 0 512 512" enable-background="new 0 0 512 512">
40
40
  <g>
@@ -46,10 +46,10 @@
46
46
  </a>
47
47
  </li>
48
48
  <!-- ORDER -->
49
- <li ng-show="$ctrl.blade.isCommandOrder">
50
- <a data-ng-click="$ctrl.blade.commandOrder()" class="fxs-commandBar-item" href="#"
49
+ <li ng-show="$ctrl.vm.blade.isCommandOrder">
50
+ <a data-ng-click="$ctrl.vm.blade.commandOrder()" class="fxs-commandBar-item" href="#"
51
51
  data-bind='css: { "fxs-commandBar-itemDisabled": !enabled(), "fxs-commandBar-itemPressed": pressed() }, attr: { href: enabled() ? "#" : null }'>
52
- <div class="fxs-commandBar-item-text" data-bind="text: text()">{{$ctrl.blade.commandOrderText || 'bestellen'}}</div>
52
+ <div class="fxs-commandBar-item-text" data-bind="text: text()">{{$ctrl.vm.blade.commandOrderText || 'bestellen'}}</div>
53
53
  <div class="fxs-commandBar-item-icon" data-bind="image: icon">
54
54
  <svg xmlns="http://www.w3.org/2000/svg" class="msportal-fx-svg-placeholder" viewBox="0 0 30.512 24.717" focusable="false">
55
55
  <path d="M26.818,16.14l3.607-10.796c0.181-0.519,0.044-0.831-0.102-1.037c-0.374-0.527-1.143-0.532-1.292-0.532L8.646,3.771 L8.102,1.19C7.955,0.581,7.521,0,6.646,0H0.917C0.323,0,0,0.278,0,0.833v1.49C0,2.86,0.322,3,0.938,3h4.837l3.702,15.717 c-0.588,0.623-0.908,1.531-0.908,2.378c0,1.864,1.484,3.582,3.38,3.582c1.79,0,3.132-1.677,3.35-2.677h7.21 c0.218,1,1.305,2.717,3.349,2.717c1.863,0,3.378-1.614,3.378-3.475c0-1.851-1.125-3.492-3.359-3.492c-0.929,0-2.031,0.5-2.543,1.25 h-8.859c-0.643-1-1.521-1.31-2.409-1.345L11.943,17h13.479C26.438,17,26.638,16.63,26.818,16.14z M25.883,19.931 c0.701,0,1.27,0.569,1.27,1.27c0,0.701-0.569,1.27-1.27,1.27s-1.271-0.568-1.271-1.27C24.613,20.5,25.182,19.931,25.883,19.931z M13.205,21.201c0,0.709-0.576,1.286-1.283,1.286c-0.709-0.002-1.286-0.577-1.286-1.286s0.577-1.286,1.286-1.286 C12.629,19.915,13.205,20.492,13.205,21.201z" />
@@ -58,20 +58,20 @@
58
58
  </a>
59
59
  </li>
60
60
  <!-- NEW -->
61
- <li ng-show="$ctrl.blade.isCommandNew">
62
- <a data-ng-click="$ctrl.blade.commandNew()" class="fxs-commandBar-item" href="#"
61
+ <li ng-show="$ctrl.vm.blade.isCommandNew">
62
+ <a data-ng-click="$ctrl.vm.blade.commandNew()" class="fxs-commandBar-item" href="#"
63
63
  data-bind='css: { "fxs-commandBar-itemDisabled": !enabled(), "fxs-commandBar-itemPressed": pressed() }, attr: { href: enabled() ? "#" : null }'>
64
- <div class="fxs-commandBar-item-text" data-bind="text: text()">{{$ctrl.blade.commandNewText || 'neu'}}</div>
64
+ <div class="fxs-commandBar-item-text" data-bind="text: text()">{{$ctrl.vm.blade.commandNewText || 'neu'}}</div>
65
65
  <div class="fxs-commandBar-item-icon" data-bind="image: icon">
66
66
  <svg xmlns="http://www.w3.org/2000/svg" class="msportal-fx-svg-placeholder" viewBox="0 0 24 24" focusable="false"> <g> <g> <polygon points="14,21 9,21 9,2 14,2 14,20.87" /> </g> <g> <polygon points="20.87,14 2,14 2,9 21,9 21,14" /> </g> </g> </svg>
67
67
  </div>
68
68
  </a>
69
69
  </li>
70
70
  <!-- COPY -->
71
- <li ng-show="$ctrl.blade.isCommandCopy">
72
- <a data-ng-click="$ctrl.blade.commandCopy()" class="fxs-commandBar-item" href="#"
71
+ <li ng-show="$ctrl.vm.blade.isCommandCopy">
72
+ <a data-ng-click="$ctrl.vm.blade.commandCopy()" class="fxs-commandBar-item" href="#"
73
73
  data-bind='css: { "fxs-commandBar-itemDisabled": !enabled(), "fxs-commandBar-itemPressed": pressed() }, attr: { href: enabled() ? "#" : null }'>
74
- <div class="fxs-commandBar-item-text" data-bind="text: text()">{{$ctrl.blade.commandCopyText || 'kopieren'}}</div>
74
+ <div class="fxs-commandBar-item-text" data-bind="text: text()">{{$ctrl.vm.blade.commandCopyText || 'kopieren'}}</div>
75
75
  <div class="fxs-commandBar-item-icon" data-bind="image: icon">
76
76
  <svg xmlns="http://www.w3.org/2000/svg" class="msportal-fx-svg-placeholder" viewBox="0 0 512 512" enable-background="new 0 0 512 512">
77
77
  <path d="M320,128V0H96L0,96v288h192v128h320V128H320z M96,45.255V96H45.255L96,45.255z M32,352V128h96V32h160v96l-96,96v128H32z M288,173.255V224h-50.745L288,173.255z M480,480H224V256h96v-96h160V480z" />
@@ -80,10 +80,10 @@
80
80
  </a>
81
81
  </li>
82
82
  <!-- SAVE -->
83
- <li ng-show="$ctrl.blade.isCommandSave">
84
- <a data-ng-click="$ctrl.blade.commandSave()" class="fxs-commandBar-item" href="#"
83
+ <li ng-show="$ctrl.vm.blade.isCommandSave">
84
+ <a data-ng-click="$ctrl.vm.blade.commandSave()" class="fxs-commandBar-item" href="#"
85
85
  data-bind='css: { "fxs-commandBar-itemDisabled": !enabled(), "fxs-commandBar-itemPressed": pressed() }, attr: { href: enabled() ? "#" : null }'>
86
- <div class="fxs-commandBar-item-text" data-bind="text: text()">{{$ctrl.blade.commandSaveText || 'speichern'}}</div>
86
+ <div class="fxs-commandBar-item-text" data-bind="text: text()">{{$ctrl.vm.blade.commandSaveText || 'speichern'}}</div>
87
87
  <div class="fxs-commandBar-item-icon" data-bind="image: icon">
88
88
  <svg xmlns="http://www.w3.org/2000/svg" class="msportal-fx-svg-placeholder" viewBox="0 0 24 24" focusable="false">
89
89
  <g>
@@ -95,9 +95,9 @@
95
95
  </a>
96
96
  </li>
97
97
  <!-- DELETE -->
98
- <li ng-show="$ctrl.blade.isCommandDelete">
99
- <a data-ng-click="$ctrl.blade.commandDelete()" class="fxs-commandBar-item" href="#" data-bind='css: { "fxs-commandBar-itemDisabled": !enabled(), "fxs-commandBar-itemPressed": pressed() }, attr: { href: enabled() ? "#" : null }'>
100
- <div class="fxs-commandBar-item-text" data-bind="text: text()">{{$ctrl.blade.commandDeleteText || 'löschen'}}</div>
98
+ <li ng-show="$ctrl.vm.blade.isCommandDelete">
99
+ <a data-ng-click="$ctrl.vm.blade.commandDelete()" class="fxs-commandBar-item" href="#" data-bind='css: { "fxs-commandBar-itemDisabled": !enabled(), "fxs-commandBar-itemPressed": pressed() }, attr: { href: enabled() ? "#" : null }'>
100
+ <div class="fxs-commandBar-item-text" data-bind="text: text()">{{$ctrl.vm.blade.commandDeleteText || 'löschen'}}</div>
101
101
  <div class="fxs-commandBar-item-icon" data-bind="image: icon">
102
102
  <svg xmlns="http://www.w3.org/2000/svg" class="msportal-fx-svg-placeholder" viewBox="0 0 512 512" enable-background="new 0 0 512 512">
103
103
  <!--<path d="M 19.846 6.5 H 5.154 C 4.601 6.5 4.5 6.27 4.5 6 s 0.101 -1.5 0.654 -1.5 h 14.692 C 20.399 4.5 20.5 5.73 20.5 6 S 20.399 6.5 19.846 6.5 Z" />
@@ -110,63 +110,63 @@
110
110
  </a>
111
111
  </li>
112
112
  <!-- CANCEL -->
113
- <li ng-show="$ctrl.blade.isCommandCancel">
114
- <a data-ng-click="$ctrl.blade.commandCancel()" class="fxs-commandBar-item" href="#" data-bind='css: { "fxs-commandBar-itemDisabled": !enabled(), "fxs-commandBar-itemPressed": pressed() }, attr: { href: enabled() ? "#" : null }'>
115
- <div class="fxs-commandBar-item-text" data-bind="text: text()">{{$ctrl.blade.commandCancelText || 'abbrechen'}}</div>
113
+ <li ng-show="$ctrl.vm.blade.isCommandCancel">
114
+ <a data-ng-click="$ctrl.vm.blade.commandCancel()" class="fxs-commandBar-item" href="#" data-bind='css: { "fxs-commandBar-itemDisabled": !enabled(), "fxs-commandBar-itemPressed": pressed() }, attr: { href: enabled() ? "#" : null }'>
115
+ <div class="fxs-commandBar-item-text" data-bind="text: text()">{{$ctrl.vm.blade.commandCancelText || 'abbrechen'}}</div>
116
116
  <div class="fxs-commandBar-item-icon" data-bind="image: icon">
117
117
  <svg class="msportal-fx-svg-placeholder" viewBox="0 0 20 20"><polygon points="16.894,5.414 15.48,4 10.436,9.044 5.414,4.023 4,5.437 9.022,10.458 4.022,15.458 5.436,16.872 10.436,11.872 15.458,16.894 16.872,15.48 11.85,10.458" /></svg>
118
118
  </div>
119
119
  </a>
120
120
  </li>
121
121
  <!-- BROWSE -->
122
- <li ng-show="$ctrl.blade.isCommandBrowse">
123
- <a data-ng-click="$ctrl.blade.commandBrowse()" class="fxs-commandBar-item" href="#" data-bind='css: { "fxs-commandBar-itemDisabled": !enabled(), "fxs-commandBar-itemPressed": pressed() }, attr: { href: enabled() ? "#" : null }'>
124
- <div class="fxs-commandBar-item-text" data-bind="text: text()">{{$ctrl.blade.commandBrowseText || 'Browse'}}</div>
122
+ <li ng-show="$ctrl.vm.blade.isCommandBrowse">
123
+ <a data-ng-click="$ctrl.vm.blade.commandBrowse()" class="fxs-commandBar-item" href="#" data-bind='css: { "fxs-commandBar-itemDisabled": !enabled(), "fxs-commandBar-itemPressed": pressed() }, attr: { href: enabled() ? "#" : null }'>
124
+ <div class="fxs-commandBar-item-text" data-bind="text: text()">{{$ctrl.vm.blade.commandBrowseText || 'Browse'}}</div>
125
125
  <div class="fxs-commandBar-item-icon" data-bind="image: icon">
126
126
  <svg xmlns="http://www.w3.org/2000/svg" class="msportal-fx-svg-placeholder" viewBox="0 0 24 24" focusable="false"> <g> <polygon clip-rule="evenodd" fill-rule="evenodd" points="14.607,2.04 17.727,4.61 8.557,13.31 11.377,16.12 19.987,6.96 22.507,9.48 22.507,2.04" /> <path clip-rule="evenodd" fill-rule="evenodd" d="M 19.507 19.04 h -15 v -14 h 7 v -3 h -7.92 c -1.66 0 -2.09 1.77 -2.08 1.75 c -0.02 -0.74 0.01 11.45 0.02 16.17 c 0 1.09 2.05 2.08 2 2.08 c 0.68 -0.05 12.88 -0.02 17.36 -0.01 c 1 0.01 1.6 -1.46 1.62 -1.4 c -0.02 0.93 0 -6.59 0 -6.59 h -3 V 19.04 Z" /> </g> </svg>
127
127
  </div>
128
128
  </a>
129
129
  </li>
130
130
  <!-- START -->
131
- <li ng-show="$ctrl.blade.isCommandStart">
132
- <a data-ng-click="$ctrl.blade.commandStart()" class="fxs-commandBar-item fxs-commandBar-itemDisabled" data-bind='css: { "fxs-commandBar-itemDisabled": !enabled(), "fxs-commandBar-itemPressed": pressed() }, attr: { href: enabled() ? "#" : null }'>
133
- <div class="fxs-commandBar-item-text" data-bind="text: text()">{{$ctrl.blade.commandStartText || 'Start'}}</div>
131
+ <li ng-show="$ctrl.vm.blade.isCommandStart">
132
+ <a data-ng-click="$ctrl.vm.blade.commandStart()" class="fxs-commandBar-item fxs-commandBar-itemDisabled" data-bind='css: { "fxs-commandBar-itemDisabled": !enabled(), "fxs-commandBar-itemPressed": pressed() }, attr: { href: enabled() ? "#" : null }'>
133
+ <div class="fxs-commandBar-item-text" data-bind="text: text()">{{$ctrl.vm.blade.commandStartText || 'Start'}}</div>
134
134
  <div class="fxs-commandBar-item-icon" data-bind="image: icon">
135
135
  <svg xmlns="http://www.w3.org/2000/svg" class="msportal-fx-svg-placeholder" viewBox="0 0 24 24" focusable="false"> <g> <polygon points="20,11.95 6,22 6,2" /> </g> </svg>
136
136
  </div>
137
137
  </a>
138
138
  </li>
139
139
  <!-- STOP -->
140
- <li ng-show="$ctrl.blade.isCommandStop">
141
- <a data-ng-click="$ctrl.blade.commandStop()" class="fxs-commandBar-item" href="#" data-bind='css: { "fxs-commandBar-itemDisabled": !enabled(), "fxs-commandBar-itemPressed": pressed() }, attr: { href: enabled() ? "#" : null }'>
142
- <div class="fxs-commandBar-item-text" data-bind="text: text()">{{$ctrl.blade.commandStopText || 'Stop'}}</div>
140
+ <li ng-show="$ctrl.vm.blade.isCommandStop">
141
+ <a data-ng-click="$ctrl.vm.blade.commandStop()" class="fxs-commandBar-item" href="#" data-bind='css: { "fxs-commandBar-itemDisabled": !enabled(), "fxs-commandBar-itemPressed": pressed() }, attr: { href: enabled() ? "#" : null }'>
142
+ <div class="fxs-commandBar-item-text" data-bind="text: text()">{{$ctrl.vm.blade.commandStopText || 'Stop'}}</div>
143
143
  <div class="fxs-commandBar-item-icon" data-bind="image: icon">
144
144
  <svg xmlns="http://www.w3.org/2000/svg" class="msportal-fx-svg-placeholder" viewBox="0 0 24 24" focusable="false"> <rect x="4" y="4" width="16" height="16" /> </svg>
145
145
  </div>
146
146
  </a>
147
147
  </li>
148
148
  <!-- RESTART -->
149
- <li ng-show="$ctrl.blade.isCommandRestart">
150
- <a data-ng-click="$ctrl.blade.commandRestart()" class="fxs-commandBar-item" href="#" data-bind='css: { "fxs-commandBar-itemDisabled": !enabled(), "fxs-commandBar-itemPressed": pressed() }, attr: { href: enabled() ? "#" : null }'>
151
- <div class="fxs-commandBar-item-text" data-bind="text: text()">{{$ctrl.blade.commandRestartText || 'Restart'}}</div>
149
+ <li ng-show="$ctrl.vm.blade.isCommandRestart">
150
+ <a data-ng-click="$ctrl.vm.blade.commandRestart()" class="fxs-commandBar-item" href="#" data-bind='css: { "fxs-commandBar-itemDisabled": !enabled(), "fxs-commandBar-itemPressed": pressed() }, attr: { href: enabled() ? "#" : null }'>
151
+ <div class="fxs-commandBar-item-text" data-bind="text: text()">{{$ctrl.vm.blade.commandRestartText || 'Restart'}}</div>
152
152
  <div class="fxs-commandBar-item-icon" data-bind="image: icon">
153
153
  <svg xmlns="http://www.w3.org/2000/svg" class="msportal-fx-svg-placeholder" viewBox="0 0 24 24" focusable="false"> <g> <g> <polygon points="3.25,2 11.94,2 11.94,10.17" /> <path d="M 12.6 22 C 7.32 21.91 3 17.53 3 12.19 c 0 -3.12 1.49 -5.86 3.78 -7.58 l 2.08 2.08 c -1.8 1.18 -2.98 3.22 -2.98 5.55 c 0 3.74 3.02 6.81 6.71 6.87 c 3.71 0.06 6.7 -2.9 6.7 -6.63 c 0 -2.37 -1.22 -4.48 -3.06 -5.71 l 2.04 -2.06 c 2.36 1.8 3.73 4.7 3.73 7.88 C 22 17.92 17.9 22.09 12.6 22 Z" /> </g> </g> </svg>
154
154
  </div>
155
155
  </a>
156
156
  </li>
157
157
  <!-- SWAP -->
158
- <li ng-show="$ctrl.blade.isCommandSwap">
159
- <a data-ng-click="$ctrl.blade.commandSwap()" class="fxs-commandBar-item" href="#" data-bind='css: { "fxs-commandBar-itemDisabled": !enabled(), "fxs-commandBar-itemPressed": pressed() }, attr: { href: enabled() ? "#" : null }'>
160
- <div class="fxs-commandBar-item-text" data-bind="text: text()">{{$ctrl.blade.commandSwapText || 'Swap'}}</div>
158
+ <li ng-show="$ctrl.vm.blade.isCommandSwap">
159
+ <a data-ng-click="$ctrl.vm.blade.commandSwap()" class="fxs-commandBar-item" href="#" data-bind='css: { "fxs-commandBar-itemDisabled": !enabled(), "fxs-commandBar-itemPressed": pressed() }, attr: { href: enabled() ? "#" : null }'>
160
+ <div class="fxs-commandBar-item-text" data-bind="text: text()">{{$ctrl.vm.blade.commandSwapText || 'Swap'}}</div>
161
161
  <div class="fxs-commandBar-item-icon" data-bind="image: icon">
162
162
  <svg xmlns="http://www.w3.org/2000/svg" class="msportal-fx-svg-placeholder" viewBox="0 0 24 24" focusable="false"><polygon points="14.047,4.976 8.075,9.769 12.968,10.134 10.7,11.963 4.142,11.488 5.011,4.958 7.279,3.129 6.63,8.004 12.657,2.855 13.663,4.336" /><polygon points="19.927,19.097 17.806,20.715 18.318,16.061 12.026,21.145 10.59,19.38 16.873,14.295 11.98,13.93 14.248,12.101 20.604,12.32" /></svg>
163
163
  </div>
164
164
  </a>
165
165
  </li>
166
166
  <!-- DOCUMENT -->
167
- <li ng-show="$ctrl.blade.isCommandDocument">
168
- <a data-ng-click="$ctrl.blade.commandDocument()" class="fxs-commandBar-item" href="#" data-bind='css: { "fxs-commandBar-itemDisabled": !enabled(), "fxs-commandBar-itemPressed": pressed() }, attr: { href: enabled() ? "#" : null }'>
169
- <div class="fxs-commandBar-item-text" data-bind="text: text()">{{$ctrl.blade.commandDocumentText || 'Dokument'}}</div>
167
+ <li ng-show="$ctrl.vm.blade.isCommandDocument">
168
+ <a data-ng-click="$ctrl.vm.blade.commandDocument()" class="fxs-commandBar-item" href="#" data-bind='css: { "fxs-commandBar-itemDisabled": !enabled(), "fxs-commandBar-itemPressed": pressed() }, attr: { href: enabled() ? "#" : null }'>
169
+ <div class="fxs-commandBar-item-text" data-bind="text: text()">{{$ctrl.vm.blade.commandDocumentText || 'Dokument'}}</div>
170
170
  <div class="fxs-commandBar-item-icon" data-bind="image: icon">
171
171
  <svg xmlns="http://www.w3.org/2000/svg" class="msportal-fx-svg-placeholder" viewBox="0 0 100 100" focusable="false">
172
172
  <path d="M65.164,11.126H26.033c-2.627,0-4.767,2.141-4.767,4.768v68.213c0,2.63,2.14,4.768,4.767,4.768h47.932 c2.63,0,4.768-2.138,4.768-4.768V25.869L65.164,11.126z M66.289,18.261l5.948,6.463h-5.948V18.261z M74.729,84.106 c0,0.421-0.344,0.765-0.765,0.765H26.033c-0.421,0-0.763-0.344-0.763-0.765V15.894c0-0.421,0.342-0.762,0.763-0.762h36.251v11.595 c0,1.104,0.899,1.999,2.003,1.999h10.442V84.106z M32.333,32.421h34c0.828,0,1.5,0.672,1.5,1.5s-0.672,1.5-1.5,1.5h-34 c-0.828,0-1.5-0.672-1.5-1.5S31.505,32.421,32.333,32.421z M67.833,44.001c0,0.828-0.672,1.5-1.5,1.5h-34 c-0.828,0-1.5-0.672-1.5-1.5s0.672-1.5,1.5-1.5h34C67.161,42.501,67.833,43.173,67.833,44.001z M67.833,53.751 c0,0.828-0.672,1.5-1.5,1.5h-34c-0.828,0-1.5-0.672-1.5-1.5s0.672-1.5,1.5-1.5h34C67.161,52.251,67.833,52.923,67.833,53.751z M67.833,63.667c0,0.828-0.672,1.5-1.5,1.5h-34c-0.828,0-1.5-0.672-1.5-1.5s0.672-1.5,1.5-1.5h34 C67.161,62.167,67.833,62.839,67.833,63.667z" />
@@ -175,9 +175,9 @@
175
175
  </a>
176
176
  </li>
177
177
  <!-- DOCUMENT2 -->
178
- <li ng-show="$ctrl.blade.isCommandDocument2">
179
- <a data-ng-click="$ctrl.blade.commandDocument2()" class="fxs-commandBar-item" href="#" data-bind='css: { "fxs-commandBar-itemDisabled": !enabled(), "fxs-commandBar-itemPressed": pressed() }, attr: { href: enabled() ? "#" : null }'>
180
- <div class="fxs-commandBar-item-text" data-bind="text: text()">{{$ctrl.blade.commandDocument2Text || 'Dokument'}}</div>
178
+ <li ng-show="$ctrl.vm.blade.isCommandDocument2">
179
+ <a data-ng-click="$ctrl.vm.blade.commandDocument2()" class="fxs-commandBar-item" href="#" data-bind='css: { "fxs-commandBar-itemDisabled": !enabled(), "fxs-commandBar-itemPressed": pressed() }, attr: { href: enabled() ? "#" : null }'>
180
+ <div class="fxs-commandBar-item-text" data-bind="text: text()">{{$ctrl.vm.blade.commandDocument2Text || 'Dokument'}}</div>
181
181
  <div class="fxs-commandBar-item-icon" data-bind="image: icon">
182
182
  <svg xmlns="http://www.w3.org/2000/svg" class="msportal-fx-svg-placeholder" viewBox="0 0 100 100" focusable="false">
183
183
  <path d="M65.164,11.126H26.033c-2.627,0-4.767,2.141-4.767,4.768v68.213c0,2.63,2.14,4.768,4.767,4.768h47.932 c2.63,0,4.768-2.138,4.768-4.768V25.869L65.164,11.126z M66.289,18.261l5.948,6.463h-5.948V18.261z M74.729,84.106 c0,0.421-0.344,0.765-0.765,0.765H26.033c-0.421,0-0.763-0.344-0.763-0.765V15.894c0-0.421,0.342-0.762,0.763-0.762h36.251v11.595 c0,1.104,0.899,1.999,2.003,1.999h10.442V84.106z M32.333,32.421h34c0.828,0,1.5,0.672,1.5,1.5s-0.672,1.5-1.5,1.5h-34 c-0.828,0-1.5-0.672-1.5-1.5S31.505,32.421,32.333,32.421z M67.833,44.001c0,0.828-0.672,1.5-1.5,1.5h-34 c-0.828,0-1.5-0.672-1.5-1.5s0.672-1.5,1.5-1.5h34C67.161,42.501,67.833,43.173,67.833,44.001z M67.833,53.751 c0,0.828-0.672,1.5-1.5,1.5h-34c-0.828,0-1.5-0.672-1.5-1.5s0.672-1.5,1.5-1.5h34C67.161,52.251,67.833,52.923,67.833,53.751z M67.833,63.667c0,0.828-0.672,1.5-1.5,1.5h-34c-0.828,0-1.5-0.672-1.5-1.5s0.672-1.5,1.5-1.5h34 C67.161,62.167,67.833,62.839,67.833,63.667z" />
@@ -186,9 +186,9 @@
186
186
  </a>
187
187
  </li>
188
188
  <!-- DOCUMENT3 -->
189
- <li ng-show="$ctrl.blade.isCommandDocument3">
190
- <a data-ng-click="$ctrl.blade.commandDocument3()" class="fxs-commandBar-item" href="#" data-bind='css: { "fxs-commandBar-itemDisabled": !enabled(), "fxs-commandBar-itemPressed": pressed() }, attr: { href: enabled() ? "#" : null }'>
191
- <div class="fxs-commandBar-item-text" data-bind="text: text()">{{$ctrl.blade.commandDocument3Text || 'Dokument'}}</div>
189
+ <li ng-show="$ctrl.vm.blade.isCommandDocument3">
190
+ <a data-ng-click="$ctrl.vm.blade.commandDocument3()" class="fxs-commandBar-item" href="#" data-bind='css: { "fxs-commandBar-itemDisabled": !enabled(), "fxs-commandBar-itemPressed": pressed() }, attr: { href: enabled() ? "#" : null }'>
191
+ <div class="fxs-commandBar-item-text" data-bind="text: text()">{{$ctrl.vm.blade.commandDocument3Text || 'Dokument'}}</div>
192
192
  <div class="fxs-commandBar-item-icon" data-bind="image: icon">
193
193
  <svg xmlns="http://www.w3.org/2000/svg" class="msportal-fx-svg-placeholder" viewBox="0 0 100 100" focusable="false">
194
194
  <path d="M65.164,11.126H26.033c-2.627,0-4.767,2.141-4.767,4.768v68.213c0,2.63,2.14,4.768,4.767,4.768h47.932 c2.63,0,4.768-2.138,4.768-4.768V25.869L65.164,11.126z M66.289,18.261l5.948,6.463h-5.948V18.261z M74.729,84.106 c0,0.421-0.344,0.765-0.765,0.765H26.033c-0.421,0-0.763-0.344-0.763-0.765V15.894c0-0.421,0.342-0.762,0.763-0.762h36.251v11.595 c0,1.104,0.899,1.999,2.003,1.999h10.442V84.106z M32.333,32.421h34c0.828,0,1.5,0.672,1.5,1.5s-0.672,1.5-1.5,1.5h-34 c-0.828,0-1.5-0.672-1.5-1.5S31.505,32.421,32.333,32.421z M67.833,44.001c0,0.828-0.672,1.5-1.5,1.5h-34 c-0.828,0-1.5-0.672-1.5-1.5s0.672-1.5,1.5-1.5h34C67.161,42.501,67.833,43.173,67.833,44.001z M67.833,53.751 c0,0.828-0.672,1.5-1.5,1.5h-34c-0.828,0-1.5-0.672-1.5-1.5s0.672-1.5,1.5-1.5h34C67.161,52.251,67.833,52.923,67.833,53.751z M67.833,63.667c0,0.828-0.672,1.5-1.5,1.5h-34c-0.828,0-1.5-0.672-1.5-1.5s0.672-1.5,1.5-1.5h34 C67.161,62.167,67.833,62.839,67.833,63.667z" />
@@ -197,9 +197,9 @@
197
197
  </a>
198
198
  </li>
199
199
  <!-- DOCUMENT4 -->
200
- <li ng-show="$ctrl.blade.isCommandDocument4">
201
- <a data-ng-click="$ctrl.blade.commandDocument4()" class="fxs-commandBar-item" href="#" data-bind='css: { "fxs-commandBar-itemDisabled": !enabled(), "fxs-commandBar-itemPressed": pressed() }, attr: { href: enabled() ? "#" : null }'>
202
- <div class="fxs-commandBar-item-text" data-bind="text: text()">{{$ctrl.blade.commandDocument4Text || 'Dokument'}}</div>
200
+ <li ng-show="$ctrl.vm.blade.isCommandDocument4">
201
+ <a data-ng-click="$ctrl.vm.blade.commandDocument4()" class="fxs-commandBar-item" href="#" data-bind='css: { "fxs-commandBar-itemDisabled": !enabled(), "fxs-commandBar-itemPressed": pressed() }, attr: { href: enabled() ? "#" : null }'>
202
+ <div class="fxs-commandBar-item-text" data-bind="text: text()">{{$ctrl.vm.blade.commandDocument4Text || 'Dokument'}}</div>
203
203
  <div class="fxs-commandBar-item-icon" data-bind="image: icon">
204
204
  <svg xmlns="http://www.w3.org/2000/svg" class="msportal-fx-svg-placeholder" viewBox="0 0 100 100" focusable="false">
205
205
  <path d="M65.164,11.126H26.033c-2.627,0-4.767,2.141-4.767,4.768v68.213c0,2.63,2.14,4.768,4.767,4.768h47.932 c2.63,0,4.768-2.138,4.768-4.768V25.869L65.164,11.126z M66.289,18.261l5.948,6.463h-5.948V18.261z M74.729,84.106 c0,0.421-0.344,0.765-0.765,0.765H26.033c-0.421,0-0.763-0.344-0.763-0.765V15.894c0-0.421,0.342-0.762,0.763-0.762h36.251v11.595 c0,1.104,0.899,1.999,2.003,1.999h10.442V84.106z M32.333,32.421h34c0.828,0,1.5,0.672,1.5,1.5s-0.672,1.5-1.5,1.5h-34 c-0.828,0-1.5-0.672-1.5-1.5S31.505,32.421,32.333,32.421z M67.833,44.001c0,0.828-0.672,1.5-1.5,1.5h-34 c-0.828,0-1.5-0.672-1.5-1.5s0.672-1.5,1.5-1.5h34C67.161,42.501,67.833,43.173,67.833,44.001z M67.833,53.751 c0,0.828-0.672,1.5-1.5,1.5h-34c-0.828,0-1.5-0.672-1.5-1.5s0.672-1.5,1.5-1.5h34C67.161,52.251,67.833,52.923,67.833,53.751z M67.833,63.667c0,0.828-0.672,1.5-1.5,1.5h-34c-0.828,0-1.5-0.672-1.5-1.5s0.672-1.5,1.5-1.5h34 C67.161,62.167,67.833,62.839,67.833,63.667z" />
@@ -208,9 +208,9 @@
208
208
  </a>
209
209
  </li>
210
210
  <!-- Document5 -->
211
- <li ng-show="$ctrl.blade.isCommandDocument5">
212
- <a data-ng-click="$ctrl.blade.commandDocument5()" class="fxs-commandBar-item" href="#" data-bind='css: { "fxs-commandBar-itemDisabled": !enabled(), "fxs-commandBar-itemPressed": pressed() }, attr: { href: enabled() ? "#" : null }'>
213
- <div class="fxs-commandBar-item-text" data-bind="text: text()">{{$ctrl.blade.commandDocument5Text || 'Dokument'}}</div>
211
+ <li ng-show="$ctrl.vm.blade.isCommandDocument5">
212
+ <a data-ng-click="$ctrl.vm.blade.commandDocument5()" class="fxs-commandBar-item" href="#" data-bind='css: { "fxs-commandBar-itemDisabled": !enabled(), "fxs-commandBar-itemPressed": pressed() }, attr: { href: enabled() ? "#" : null }'>
213
+ <div class="fxs-commandBar-item-text" data-bind="text: text()">{{$ctrl.vm.blade.commandDocument5Text || 'Dokument'}}</div>
214
214
  <div class="fxs-commandBar-item-icon" data-bind="image: icon">
215
215
  <svg xmlns="http://www.w3.org/2000/svg" class="msportal-fx-svg-placeholder" viewBox="0 0 100 100" focusable="false">
216
216
  <path d="M65.164,11.126H26.033c-2.627,0-4.767,2.141-4.767,4.768v68.213c0,2.63,2.14,4.768,4.767,4.768h47.932 c2.63,0,4.768-2.138,4.768-4.768V25.869L65.164,11.126z M66.289,18.261l5.948,6.463h-5.948V18.261z M74.729,84.106 c0,0.421-0.344,0.765-0.765,0.765H26.033c-0.421,0-0.763-0.344-0.763-0.765V15.894c0-0.421,0.342-0.762,0.763-0.762h36.251v11.595 c0,1.104,0.899,1.999,2.003,1.999h10.442V84.106z M32.333,32.421h34c0.828,0,1.5,0.672,1.5,1.5s-0.672,1.5-1.5,1.5h-34 c-0.828,0-1.5-0.672-1.5-1.5S31.505,32.421,32.333,32.421z M67.833,44.001c0,0.828-0.672,1.5-1.5,1.5h-34 c-0.828,0-1.5-0.672-1.5-1.5s0.672-1.5,1.5-1.5h34C67.161,42.501,67.833,43.173,67.833,44.001z M67.833,53.751 c0,0.828-0.672,1.5-1.5,1.5h-34c-0.828,0-1.5-0.672-1.5-1.5s0.672-1.5,1.5-1.5h34C67.161,52.251,67.833,52.923,67.833,53.751z M67.833,63.667c0,0.828-0.672,1.5-1.5,1.5h-34c-0.828,0-1.5-0.672-1.5-1.5s0.672-1.5,1.5-1.5h34 C67.161,62.167,67.833,62.839,67.833,63.667z" />
@@ -223,7 +223,7 @@
223
223
  </div>
224
224
  </header>
225
225
  <div class="fxs-blade-content fxs-pannable" style="height:calc(100% - 175px);">
226
- <div class="fxs-blade-stacklayout fxs-stacklayout fxs-stacklayout-vertical" ng-style="$ctrl.blade.widthStackLayout">
226
+ <div class="fxs-blade-stacklayout fxs-stacklayout fxs-stacklayout-vertical" ng-style="$ctrl.vm.blade.widthStackLayout">
227
227
  <div class="fxs-stacklayout-child">
228
228
  <div class="fxs-lens">
229
229
  <h2 class="fxs-lens-title"></h2>
@@ -231,23 +231,23 @@
231
231
  <section class="fxs-tile fxs-tilesize-fullwidthfitheight fx-rightClik">
232
232
  <div class="fxs-part">
233
233
  <header class="fxs-part-title">
234
- <h2 class="msportalfx-tooltip-overflow">{{$ctrl.contentTitle}}</h2>
235
- <h3 class="msportalfx-tooltip-overflow">{{$ctrl.contentSubTitle}}</h3>
234
+ <h2 class="msportalfx-tooltip-overflow">{{$ctrl.vm.contentTitle}}</h2>
235
+ <h3 class="msportalfx-tooltip-overflow">{{$ctrl.vm.contentSubTitle}}</h3>
236
236
  </header>
237
237
  <section class="fxs-part-content css-scope-HubsExtension">
238
238
  <div tabindex="0" class="fxcontrol-base azc-control azc-theme-frost azc-grid-focusableRow azc-grid-selectableRow azc-grid-activateableRow azc-grid-rightClickableRow azc-grid azc-grid-headerHidden Formatter FormatterHtmlBindings Focusable Selectable RightClickableRow" data-bind="pcGrid: $root" data-control="true">
239
239
  <div class="azc-grid-container">
240
240
 
241
241
  <!-- neutral -->
242
- <div data-ng-if="$ctrl.blade.isInnerHtml">
242
+ <div data-ng-if="$ctrl.vm.blade.isInnerHtml">
243
243
  <div ng-transclude></div>
244
244
  </div>
245
245
 
246
246
  <!-- nav -->
247
- <nav data-ng-if="$ctrl.isNav" vm="$ctrl.vm"></nav>
247
+ <nav data-ng-if="$ctrl.vm.isNav" vm="$ctrl.vm"></nav>
248
248
 
249
249
  <!-- grid -->
250
- <grid data-ng-if="$ctrl.blade.isNavGrid" vm="$ctrl.vm"></grid>
250
+ <grid data-ng-if="$ctrl.vm.blade.isNavGrid" vm="$ctrl.vm"></grid>
251
251
 
252
252
  </div>
253
253
  </div>
package/directives/grid/grid.html CHANGED
@@ -5,7 +5,7 @@
5
5
  <col class="col1">
6
6
  </colgroup>
7
7
  <tbody class="azc-grid-groupdata" role="rowgroup">
8
- <tr data-ng-repeat="item in $ctrl.items track by $index" data-ng-click="$ctrl.navigateTo(item.bladePath);" role="row" aria-selected="false" data-grid-row-activated="false" data-grid-selectable="true" data-grid-focusable="true" data-grid-activateable="true" ng-show="item.isVisible" style="cursor:pointer" ng-style="item.style">
8
+ <tr data-ng-repeat="item in $ctrl.vm.items track by $index" data-ng-click="$ctrl.vm.navigateTo(item.bladePath);" role="row" aria-selected="false" data-grid-row-activated="false" data-grid-selectable="true" data-grid-focusable="true" data-grid-activateable="true" ng-show="item.isVisible" style="cursor:pointer" ng-style="item.style">
9
9
  <td class="msportalfx-gridcolumn-asseticon" role="gridcell" data-grid-cell-activated="false">
10
10
  <div class="azc-vivaControl" data-bind='vivaControl: "DEB28B4C-518F-4F70-A817-BF9277606CAB"'>
11
11
  <div data-bind="image: value">
package/directives/grid/grid.ts CHANGED
@@ -1,16 +1,23 @@
1
1
  namespace angularportalazure {
2
- function grid($window) {
2
+ grid.$inject = ['angularportalazure.portalService'];
3
+ function grid(portalService: angularportalazure.PortalService) {
3
4
  return {
4
5
  restrict: 'E',
6
+ transclude: true,
5
7
  scope: {},
6
8
  bindToController: { vm: '=' },
7
9
  templateUrl: '/node_modules/@ardimedia/angular-portal-azure/directives/grid/grid.html',
8
- link: function (scope, element, attrs, controller) {
10
+ link: function (scope, element, attrs, controller) { },
11
+ controller: function () {
12
+ //this.$onInit = function () {
13
+ // this.close = function () {
14
+ // portalService.bladeArea.clearLastLevel();
15
+ // };
16
+ //};
9
17
  },
10
- controller: function () { },
11
18
  controllerAs: '$ctrl'
12
19
  };
13
20
  }
14
21
 
15
- angular.module('angularportalazure').directive('grid', ['$window', grid]);
22
+ angular.module('angularportalazure').directive('grid', grid);
16
23
  }
package/directives/home/home.html CHANGED
@@ -1,23 +1,22 @@
1
1
  <div class="fxs-portal">
2
2
  <div class="fxs-portal-top-bar fxs-portal-appbar"></div>
3
3
  <div id="azureportalscroll" class="fxs-portal-content fxs-panorama">
4
-
5
- <div class="fxs-panorama-homearea" ng-class="{collapsed: !$ctrl.portalService.panorama.startboard.tiles.showTiles}" ng-show="$ctrl.portalService.panorama.isVisible">
6
- <header class="fxs-pannable" ng-class="{collapsed: !$ctrl.portalService.panorama.startboard.tiles.showTiles}">
7
- <h1 class="fxs-panorama-title fxs-pannable">{{$ctrl.title}}</h1>
8
- <div class="fxs-avatarmenu-target fxs-avatarmenu" ng-class="{collapsed: !$ctrl.portalService.panorama.startboard.tiles.showTiles}">
4
+ <div class="fxs-panorama-homearea" ng-class="{collapsed: !$ctrl.vm.portalService.panorama.startboard.tiles.showTiles}" ng-show="$ctrl.vm.portalService.panorama.isVisible">
5
+ <header class="fxs-pannable" ng-class="{collapsed: !$ctrl.vm.portalService.panorama.startboard.tiles.showTiles}">
6
+ <h1 class="fxs-panorama-title fxs-pannable">{{$ctrl.vm.title}}</h1>
7
+ <div class="fxs-avatarmenu-target fxs-avatarmenu" ng-class="{collapsed: !$ctrl.vm.portalService.panorama.startboard.tiles.showTiles}">
9
8
  <a class="fxs-avatarmenu-header" href="/Account/Manage">
10
9
  <img alt="" src="/node_modules/@ardimedia/angular-portal-azure/images/avatar.jpg" />
11
- <div class="fxs-avatarmenu-username">{{$ctrl.user.name}}</div>
12
- <div class="fxs-avatarmenu-emailaddresse">{{$ctrl.user.emailaddress}}</div>
10
+ <div class="fxs-avatarmenu-username">{{$ctrl.vm.user.name}}</div>
11
+ <div class="fxs-avatarmenu-emailaddresse">{{$ctrl.vm.user.emailaddress}}</div>
13
12
  </a>
14
13
  </div>
15
14
  </header>
16
- <div class="fxs-startboard-target fxs-startboard fx-rightClick" ng-class="{collapsed: !$ctrl.portalService.panorama.startboard.tiles.showTiles}">
15
+ <div class="fxs-startboard-target fxs-startboard fx-rightClick" ng-class="{collapsed: !$ctrl.vm.portalService.panorama.startboard.tiles.showTiles}">
17
16
  <div class="fxs-startboard-layout fxs-flowlayout">
18
17
  <div class="fxs-flowlayout-childcontainer">
19
- <section data-ng-repeat="tile in $ctrl.tiles track by $index" class="fxs-tile fx-rightClick fxs-flowlayout-element" data-ng-class="{'fxs-tilesize-normal':tile.size=='normal', 'fxs-tilesize-mini':tile.size=='mini', 'fxs-tilesize-herowide':tile.size=='herowide'}" data-ng-style="{'left': tile.left, 'top': tile.top}">
20
- <div class="fxs-part fxs-part-clickable" ng-click="$ctrl.navigateTo(tile.bladePath);tile.clicked();" style="cursor:pointer;">
18
+ <section data-ng-repeat="tile in $ctrl.vm.tiles track by $index" class="fxs-tile fx-rightClick fxs-flowlayout-element" data-ng-class="{'fxs-tilesize-normal':tile.size=='normal', 'fxs-tilesize-mini':tile.size=='mini', 'fxs-tilesize-herowide':tile.size=='herowide'}" data-ng-style="{'left': tile.left, 'top': tile.top}">
19
+ <div class="fxs-part fxs-part-clickable" ng-click="$ctrl.vm.navigateTo(tile.bladePath);tile.clicked();" style="cursor:pointer;">
21
20
  <header class="fxs-part-title">
22
21
  <h2 class="msportalfx-tooltip-overflow">{{tile.title}}</h2>
23
22
  <h3 class="msportalfx-tooltip-overflow">{{tile.subTitle}}</h3>
@@ -32,7 +31,7 @@
32
31
  </div>
33
32
  <div class="fxs-journey-target fxs-journey">
34
33
  <div class="fxs-journey-layout fxs-stacklayout fxs-stacklayout-horizontal">
35
- <div data-ng-repeat="blade in $ctrl.blades track by $index" class="azureportalblade fxs-stacklayout-child" ng-include="blade.path"></div>
34
+ <div data-ng-repeat="blade in $ctrl.vm.blades track by $index" class="azureportalblade fxs-stacklayout-child" ng-include="blade.path"></div>
36
35
  </div>
37
36
  </div>
38
37
  </div>
package/directives/nav/nav.html CHANGED
@@ -1,12 +1,12 @@
1
1
  <div>
2
- <table class="azc-grid-full azc-grid-multiselectable" ng-if="!$ctrl.blade.isInnerHtml">
2
+ <table class="azc-grid-full azc-grid-multiselectable" ng-if="!$ctrl.vm.blade.isInnerHtml">
3
3
  <caption data-bind="text: data.summary"></caption>
4
4
  <colgroup>
5
5
  <col class="col0" style="width: 20px;">
6
6
  <col class="col1">
7
7
  </colgroup>
8
8
  <tbody class="azc-grid-groupdata" role="rowgroup">
9
- <tr data-ng-repeat="item in $ctrl.items track by $index" data-ng-click="$ctrl.navigateTo(item.bladePath);item.onNavItemClick();" role="row" aria-selected="false" data-grid-row-activated="false" data-grid-selectable="true" data-grid-focusable="true" data-grid-activateable="true" ng-show="item.isVisible" style="cursor:pointer" ng-style="item.style">
9
+ <tr data-ng-repeat="item in $ctrl.vm.items track by $index" data-ng-click="$ctrl.vm.navigateTo(item.bladePath);item.onNavItemClick();" role="row" aria-selected="false" data-grid-row-activated="false" data-grid-selectable="true" data-grid-focusable="true" data-grid-activateable="true" ng-show="item.isVisible" style="cursor:pointer" ng-style="item.style">
10
10
  <td class="msportalfx-gridcolumn-asseticon" role="gridcell" data-grid-cell-activated="false">
11
11
  <i ng-class="item.cssClass"></i>
12
12
  </td>
@@ -16,7 +16,7 @@
16
16
  </tr>
17
17
  </tbody>
18
18
  </table>
19
- <div ng-if="$ctrl.blade.isInnerHtml">
19
+ <div ng-if="$ctrl.vm.blade.isInnerHtml">
20
20
  <div ng-transclude></div>
21
21
  </div>
22
22
  </div>
package/directives/nav/nav.ts CHANGED
@@ -1,23 +1,40 @@
1
1
  namespace angularportalazure {
2
- function nav($window) {
3
- return {
4
- restrict: 'E',
5
- transclude: true,
6
- scope: {},
7
- bindToController: { vm: '=' },
8
- templateUrl: '/node_modules/@ardimedia/angular-portal-azure/directives/nav/nav.html',
9
- link: function (scope, element, attrs, controller) {
10
- angular.forEach(controller.items, function (item) {
11
- // Set some default values, depending on existing values
12
- if (item.isVisible == undefined) { item.isVisible = true; }
13
- if (item.title == undefined || item.title == '') { item.style = { cursor: 'default' }; }
14
- if (item.bladePath == undefined || item.bladePath == '') { item.style = { cursor: 'default' }; }
15
- });
16
- },
17
- controller: function () { },
18
- controllerAs: '$ctrl'
19
- };
20
- }
2
+ //nav.$inject = ['angularportalazure.portalService'];
3
+ //function nav(portalService: angularportalazure.PortalService) {
4
+ // return {
5
+ // restrict: 'E',
6
+ // transclude: true,
7
+ // scope: {},
8
+ // bindToController: { vm: '=' },
9
+ // templateUrl: '/node_modules/@ardimedia/angular-portal-azure/directives/nav/nav.html',
10
+ // link: function (scope, element, attrs, controller) {
11
+ // angular.forEach(controller.items, function (item) {
12
+ // // Set some default values, depending on existing values
13
+ // if (item.isVisible == undefined) { item.isVisible = true; }
14
+ // if (item.title == undefined || item.title == '') { item.style = { cursor: 'default' }; }
15
+ // if (item.bladePath == undefined || item.bladePath == '') { item.style = { cursor: 'default' }; }
16
+ // });
17
+ // },
18
+ // controller: function () {
19
+ // //this.$onInit = function () {
20
+ // // this.close = function () {
21
+ // // portalService.bladeArea.clearLastLevel();
22
+ // // };
23
+ // //};
24
+ // },
25
+ // controllerAs: '$ctrl'
26
+ // };
27
+ //}
28
+ //angular.module('angularportalazure').directive('nav', nav);
21
29
 
22
- angular.module('angularportalazure').directive('nav', ['$window', nav]);
30
+ var nav = {
31
+ transclude: true,
32
+ templateUrl: '/node_modules/@ardimedia/angular-portal-azure/directives/nav/nav.html',
33
+ controller: function () { },
34
+ bindings: {
35
+ vm: '='
36
+ }
37
+ };
38
+
39
+ angular.module('angularportalazure').component('nav', nav);
23
40
  }
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.86",
5
+ "version": "0.2.88",
6
6
  "main": "index.js",
7
7
  "typings": "apn.d.ts",
8
8
  "dependencies": {