@ardimedia/angular-portal-azure 0.2.84 → 0.2.86
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.
- package/apn.js +1 -68
- package/directives/blade/angular-portal-blade-grid.ts +0 -1
- package/directives/blade/angular-portal-blade-nav.ts +0 -1
- package/directives/blade/angular-portal-blade.ts +0 -5
- package/directives/blade/blade.html +63 -68
- package/directives/dirtyflag/dirtyflag.ts +0 -45
- package/directives/grid/grid.html +1 -1
- package/directives/grid/grid.ts +0 -6
- package/directives/home/home.html +10 -10
- package/directives/nav/nav.html +3 -3
- package/directives/nav/nav.ts +1 -1
- package/package.json +1 -1
package/apn.js
CHANGED
|
@@ -944,7 +944,6 @@ var angularportalazure;
|
|
|
944
944
|
controller: function () {
|
|
945
945
|
this.$onInit = function () {
|
|
946
946
|
this.close = function () {
|
|
947
|
-
angularportalazure.Debug.write('[angularportalazure-debug] \'directive:azurePortalBlade.close\' called.', [this, portalService]);
|
|
948
947
|
portalService.bladeArea.clearLastLevel();
|
|
949
948
|
};
|
|
950
949
|
};
|
|
@@ -971,7 +970,6 @@ var angularportalazure;
|
|
|
971
970
|
controller: function () {
|
|
972
971
|
this.$onInit = function () {
|
|
973
972
|
this.close = function () {
|
|
974
|
-
angularportalazure.Debug.write('[angularportalazure-debug] \'directive:azurePortalBlade.close\' called.', [this, portalService]);
|
|
975
973
|
portalService.bladeArea.clearLastLevel();
|
|
976
974
|
};
|
|
977
975
|
};
|
|
@@ -996,16 +994,11 @@ var angularportalazure;
|
|
|
996
994
|
templateUrl: '/node_modules/@ardimedia/angular-portal-azure/directives/blade/blade.html',
|
|
997
995
|
link: function (scope, element, attrs, controller) {
|
|
998
996
|
controller.close = function () {
|
|
999
|
-
angularportalazure.Debug.write('[angularportalazure-debug] \'directive:azurePortalBlade.close\' called.', [controller, portalService]);
|
|
1000
997
|
portalService.bladeArea.clearLastLevel();
|
|
1001
998
|
};
|
|
1002
999
|
},
|
|
1003
1000
|
controller: function () {
|
|
1004
1001
|
this.$onInit = function () {
|
|
1005
|
-
//this.vm.close = function () {
|
|
1006
|
-
// angularportalazure.Debug.write('[angularportalazure-debug] \'directive:azurePortalBlade.close\' called.', [this, portalService]);
|
|
1007
|
-
// portalService.bladeArea.clearLastLevel();
|
|
1008
|
-
//};
|
|
1009
1002
|
};
|
|
1010
1003
|
},
|
|
1011
1004
|
controllerAs: '$ctrl'
|
|
@@ -1014,42 +1007,6 @@ var angularportalazure;
|
|
|
1014
1007
|
angular.module('angularportalazure').directive('angularPortalBlade', angularPortalBlade);
|
|
1015
1008
|
})(angularportalazure || (angularportalazure = {}));
|
|
1016
1009
|
// http://blogs.msdn.com/b/laurieatkinson/archive/2014/08/23/implementing-a-save-warning-in-an-angular-spa.aspx
|
|
1017
|
-
//'use strict';
|
|
1018
|
-
//module App.Directives {
|
|
1019
|
-
// // USE:
|
|
1020
|
-
// // <form name="personForm" azureportal-dirty-flag>
|
|
1021
|
-
// interface IDirtyFlag extends ng.IDirective {
|
|
1022
|
-
// }
|
|
1023
|
-
// interface IDirtyFlagScope extends ng.IScope {
|
|
1024
|
-
// personForm: ng.IFormController;
|
|
1025
|
-
// vm: any;
|
|
1026
|
-
// }
|
|
1027
|
-
// class DirtyFlag implements IDirtyFlag {
|
|
1028
|
-
// static directiveId: string = 'azureportalDirtyFlag'
|
|
1029
|
-
// restrict: string = 'A';
|
|
1030
|
-
// personManager: App.Services.IpersonManager;
|
|
1031
|
-
// constructor(personManager) {
|
|
1032
|
-
// this.personManager = personManager;
|
|
1033
|
-
// }
|
|
1034
|
-
// link = (scope: IDirtyFlagScope, element, attrs) => {
|
|
1035
|
-
// var self = this;
|
|
1036
|
-
// // When the directive is first invoked, check if the stored dirty value is true and
|
|
1037
|
-
// // if so set the $dirty flag on the form.
|
|
1038
|
-
// if (scope.vm.person && scope.vm.person.isDirty) {
|
|
1039
|
-
// scope.personForm.$dirty = true;
|
|
1040
|
-
// }
|
|
1041
|
-
// // When the user navigates away from this view, check the value of the $dirty flag on this form.
|
|
1042
|
-
// // If it is dirty(indicating unsaved changes), then store the id of the current person as dirty
|
|
1043
|
-
// // using a service named personManger.
|
|
1044
|
-
// scope.$on('$locationChangeStart'), function () {
|
|
1045
|
-
// if (scope.personForm.$dirty) {
|
|
1046
|
-
// self.personManager.markpersonAsDirty(scope.vm.person.personId);
|
|
1047
|
-
// }
|
|
1048
|
-
// });
|
|
1049
|
-
// }
|
|
1050
|
-
// }
|
|
1051
|
-
// app.directive(DirtyFlag.directiveId, ['personmanager', (pm) => new DirtyFlag(pm)]);
|
|
1052
|
-
//}
|
|
1053
1010
|
var angularportalazure;
|
|
1054
1011
|
(function (angularportalazure) {
|
|
1055
1012
|
function grid($window) {
|
|
@@ -1059,12 +1016,6 @@ var angularportalazure;
|
|
|
1059
1016
|
bindToController: { vm: '=' },
|
|
1060
1017
|
templateUrl: '/node_modules/@ardimedia/angular-portal-azure/directives/grid/grid.html',
|
|
1061
1018
|
link: function (scope, element, attrs, controller) {
|
|
1062
|
-
//angular.forEach(controller.vm.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
1019
|
},
|
|
1069
1020
|
controller: function () { },
|
|
1070
1021
|
controllerAs: '$ctrl'
|
|
@@ -1097,7 +1048,7 @@ var angularportalazure;
|
|
|
1097
1048
|
bindToController: { vm: '=' },
|
|
1098
1049
|
templateUrl: '/node_modules/@ardimedia/angular-portal-azure/directives/nav/nav.html',
|
|
1099
1050
|
link: function (scope, element, attrs, controller) {
|
|
1100
|
-
angular.forEach(controller.
|
|
1051
|
+
angular.forEach(controller.items, function (item) {
|
|
1101
1052
|
// Set some default values, depending on existing values
|
|
1102
1053
|
if (item.isVisible == undefined) {
|
|
1103
1054
|
item.isVisible = true;
|
|
@@ -1116,24 +1067,8 @@ var angularportalazure;
|
|
|
1116
1067
|
}
|
|
1117
1068
|
angular.module('angularportalazure').directive('nav', ['$window', nav]);
|
|
1118
1069
|
})(angularportalazure || (angularportalazure = {}));
|
|
1119
|
-
//namespace angularportalazure {
|
|
1120
|
-
// /** If a Web API throws an exception, the following interface should be used to communicate the execption. */
|
|
1121
|
-
// export interface IException {
|
|
1122
|
-
// ExceptionType: string; // provided by the server
|
|
1123
|
-
// ClassName: string; // provided by the server - .NET exception class name
|
|
1124
|
-
// Data: Object; // provided by the server - object having trouble
|
|
1125
|
-
// Type: string; // provided by the server
|
|
1126
|
-
// Messages?: string[]; // provided by the server
|
|
1127
|
-
// Message: string; // provided by Web API or filled by the client if empty - .NET exception messages or user defined
|
|
1128
|
-
// MessageDetail: string; // Filled by the client - .NET exception detail message
|
|
1129
|
-
// Status: number; // Filled by the client - http error code
|
|
1130
|
-
// StatusText: string; // Filled by the client - http message
|
|
1131
|
-
// Url: string; // Filled by the client - http URL
|
|
1132
|
-
// }
|
|
1133
|
-
//}
|
|
1134
1070
|
/// <reference path="bladearea.ts" />
|
|
1135
1071
|
/// <reference path="debug.ts" />
|
|
1136
|
-
/// <reference path="iexception.ts" />
|
|
1137
1072
|
/// <reference path="portalservice.ts" />
|
|
1138
1073
|
var angularportalazure;
|
|
1139
1074
|
(function (angularportalazure) {
|
|
@@ -1464,7 +1399,6 @@ var angularportalazure;
|
|
|
1464
1399
|
angularportalazure.BladeNav = BladeNav;
|
|
1465
1400
|
})(angularportalazure || (angularportalazure = {}));
|
|
1466
1401
|
/// <reference path="debug.ts" />
|
|
1467
|
-
/// <reference path="iexception.ts" />
|
|
1468
1402
|
var angularportalazure;
|
|
1469
1403
|
(function (angularportalazure) {
|
|
1470
1404
|
var Exception = (function () {
|
|
@@ -1518,7 +1452,6 @@ var angularportalazure;
|
|
|
1518
1452
|
angularportalazure.Exception = Exception;
|
|
1519
1453
|
})(angularportalazure || (angularportalazure = {}));
|
|
1520
1454
|
/// <reference path="debug.ts" />
|
|
1521
|
-
/// <reference path="iexception.ts" />
|
|
1522
1455
|
var angularportalazure;
|
|
1523
1456
|
(function (angularportalazure) {
|
|
1524
1457
|
var IExceptionDotNet = (function () {
|
|
@@ -15,7 +15,6 @@ namespace angularportalazure {
|
|
|
15
15
|
controller: function () {
|
|
16
16
|
this.$onInit = function () {
|
|
17
17
|
this.close = function () {
|
|
18
|
-
angularportalazure.Debug.write('[angularportalazure-debug] \'directive:azurePortalBlade.close\' called.', [this, portalService]);
|
|
19
18
|
portalService.bladeArea.clearLastLevel();
|
|
20
19
|
};
|
|
21
20
|
};
|
|
@@ -15,7 +15,6 @@ namespace angularportalazure {
|
|
|
15
15
|
controller: function () {
|
|
16
16
|
this.$onInit = function () {
|
|
17
17
|
this.close = function () {
|
|
18
|
-
angularportalazure.Debug.write('[angularportalazure-debug] \'directive:azurePortalBlade.close\' called.', [this, portalService]);
|
|
19
18
|
portalService.bladeArea.clearLastLevel();
|
|
20
19
|
};
|
|
21
20
|
};
|
|
@@ -13,16 +13,11 @@ namespace angularportalazure {
|
|
|
13
13
|
templateUrl: '/node_modules/@ardimedia/angular-portal-azure/directives/blade/blade.html',
|
|
14
14
|
link: function (scope, element, attrs, controller) {
|
|
15
15
|
controller.close = function () {
|
|
16
|
-
angularportalazure.Debug.write('[angularportalazure-debug] \'directive:azurePortalBlade.close\' called.', [controller, portalService]);
|
|
17
16
|
portalService.bladeArea.clearLastLevel();
|
|
18
17
|
};
|
|
19
18
|
},
|
|
20
19
|
controller: function () {
|
|
21
20
|
this.$onInit = function () {
|
|
22
|
-
//this.vm.close = function () {
|
|
23
|
-
// angularportalazure.Debug.write('[angularportalazure-debug] \'directive:azurePortalBlade.close\' called.', [this, portalService]);
|
|
24
|
-
// portalService.bladeArea.clearLastLevel();
|
|
25
|
-
//};
|
|
26
21
|
};
|
|
27
22
|
},
|
|
28
23
|
controllerAs: '$ctrl'
|
|
@@ -1,17 +1,12 @@
|
|
|
1
|
-
<section data-ng-form="$ctrl.
|
|
1
|
+
<section data-ng-form="$ctrl.formblade" class="fxs-blade-locked fxs-blade fx-rightClick fxs-bladesize-small" ng-style="$ctrl.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.
|
|
5
|
+
<span ng-class="$ctrl.blade.statusbarClass">{{$ctrl.blade.statusbar}}</span>
|
|
6
6
|
</div>
|
|
7
7
|
</div>
|
|
8
8
|
<div class="fxs-blade-actions">
|
|
9
|
-
|
|
10
|
-
<svg class="msportal-fx-svg-placeholder" viewBox="0 0 50 50">
|
|
11
|
-
<path class="msportalfx-svg-c01" d="M 50 17.8 L 32.2 0 c -0.8 2.6 -0.9 5.2 -0.5 7.7 L 18.6 20.7 c -4 -1.6 -8.8 -2.1 -13 -0.7 l 9.4 9.1 L 0 50 l 21 -15 l 9 8.8 c 1.3 -4.2 0.9 -8.6 -0.7 -12.4 l 13 -13 C 44.8 18.7 47.4 18.6 50 17.8 Z" />
|
|
12
|
-
</svg>
|
|
13
|
-
</button>-->
|
|
14
|
-
<button data-ng-show="$ctrl.vm.blade.isMaximize" title="Maximize" class="fxs-blade-maximizeOrRestore" type="button">
|
|
9
|
+
<button data-ng-show="$ctrl.blade.isMaximize" title="Maximize" class="fxs-blade-maximizeOrRestore" type="button">
|
|
15
10
|
<svg class="msportal-fx-svg-placeholder" viewBox="0 0 20 20">
|
|
16
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" />
|
|
17
12
|
</svg>
|
|
@@ -24,22 +19,22 @@
|
|
|
24
19
|
</div>
|
|
25
20
|
<div class="fxs-blade-title">
|
|
26
21
|
<div class="fxs-blade-title-text-container">
|
|
27
|
-
<h2 class="fxs-pannable fxs-blade-title-titleText msportalfx-tooltip-overflow">{{$ctrl.
|
|
28
|
-
<h3 class="fxs-pannable msportalfx-tooltip-overflow">{{$ctrl.
|
|
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>
|
|
29
24
|
</div>
|
|
30
25
|
</div>
|
|
31
26
|
<div class="fxs-blade-commandBarContainer">
|
|
32
27
|
<div class="fxs-commandBar fxs-commandBar-active">
|
|
33
28
|
<ul class="fxs-commandBar-itemList fxs-commandBar-itemList-canExpand">
|
|
34
29
|
<!-- SHOW MORE COMMANDS -->
|
|
35
|
-
<li ng-show="$ctrl.
|
|
30
|
+
<li ng-show="$ctrl.blade.isCommandMore" class="fxs-commandBar-item-expandListContainer">
|
|
36
31
|
<a title="Fewer" class="fxs-commandBar-item fxs-commandBar-item-expandList" href="" data-bind="click: func._ellipsisCommandHandler, attr: { title: data.ellipsisCommandText }"></a>
|
|
37
32
|
</li>
|
|
38
33
|
<!-- SERACH -->
|
|
39
|
-
<li ng-show="$ctrl.
|
|
40
|
-
<a data-ng-click="$ctrl.
|
|
34
|
+
<li ng-show="$ctrl.blade.isCommandSearch">
|
|
35
|
+
<a data-ng-click="$ctrl.blade.commandSearch()" class="fxs-commandBar-item" href="#"
|
|
41
36
|
data-bind='css: { "fxs-commandBar-itemDisabled": !enabled(), "fxs-commandBar-itemPressed": pressed() }, attr: { href: enabled() ? "#" : null }'>
|
|
42
|
-
<div class="fxs-commandBar-item-text" data-bind="text: text()">{{$ctrl.
|
|
37
|
+
<div class="fxs-commandBar-item-text" data-bind="text: text()">{{$ctrl.blade.commandSearchText || 'suchen'}}</div>
|
|
43
38
|
<div class="fxs-commandBar-item-icon" data-bind="image: icon">
|
|
44
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">
|
|
45
40
|
<g>
|
|
@@ -51,10 +46,10 @@
|
|
|
51
46
|
</a>
|
|
52
47
|
</li>
|
|
53
48
|
<!-- ORDER -->
|
|
54
|
-
<li ng-show="$ctrl.
|
|
55
|
-
<a data-ng-click="$ctrl.
|
|
49
|
+
<li ng-show="$ctrl.blade.isCommandOrder">
|
|
50
|
+
<a data-ng-click="$ctrl.blade.commandOrder()" class="fxs-commandBar-item" href="#"
|
|
56
51
|
data-bind='css: { "fxs-commandBar-itemDisabled": !enabled(), "fxs-commandBar-itemPressed": pressed() }, attr: { href: enabled() ? "#" : null }'>
|
|
57
|
-
<div class="fxs-commandBar-item-text" data-bind="text: text()">{{$ctrl.
|
|
52
|
+
<div class="fxs-commandBar-item-text" data-bind="text: text()">{{$ctrl.blade.commandOrderText || 'bestellen'}}</div>
|
|
58
53
|
<div class="fxs-commandBar-item-icon" data-bind="image: icon">
|
|
59
54
|
<svg xmlns="http://www.w3.org/2000/svg" class="msportal-fx-svg-placeholder" viewBox="0 0 30.512 24.717" focusable="false">
|
|
60
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" />
|
|
@@ -63,20 +58,20 @@
|
|
|
63
58
|
</a>
|
|
64
59
|
</li>
|
|
65
60
|
<!-- NEW -->
|
|
66
|
-
<li ng-show="$ctrl.
|
|
67
|
-
<a data-ng-click="$ctrl.
|
|
61
|
+
<li ng-show="$ctrl.blade.isCommandNew">
|
|
62
|
+
<a data-ng-click="$ctrl.blade.commandNew()" class="fxs-commandBar-item" href="#"
|
|
68
63
|
data-bind='css: { "fxs-commandBar-itemDisabled": !enabled(), "fxs-commandBar-itemPressed": pressed() }, attr: { href: enabled() ? "#" : null }'>
|
|
69
|
-
<div class="fxs-commandBar-item-text" data-bind="text: text()">{{$ctrl.
|
|
64
|
+
<div class="fxs-commandBar-item-text" data-bind="text: text()">{{$ctrl.blade.commandNewText || 'neu'}}</div>
|
|
70
65
|
<div class="fxs-commandBar-item-icon" data-bind="image: icon">
|
|
71
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>
|
|
72
67
|
</div>
|
|
73
68
|
</a>
|
|
74
69
|
</li>
|
|
75
70
|
<!-- COPY -->
|
|
76
|
-
<li ng-show="$ctrl.
|
|
77
|
-
<a data-ng-click="$ctrl.
|
|
71
|
+
<li ng-show="$ctrl.blade.isCommandCopy">
|
|
72
|
+
<a data-ng-click="$ctrl.blade.commandCopy()" class="fxs-commandBar-item" href="#"
|
|
78
73
|
data-bind='css: { "fxs-commandBar-itemDisabled": !enabled(), "fxs-commandBar-itemPressed": pressed() }, attr: { href: enabled() ? "#" : null }'>
|
|
79
|
-
<div class="fxs-commandBar-item-text" data-bind="text: text()">{{$ctrl.
|
|
74
|
+
<div class="fxs-commandBar-item-text" data-bind="text: text()">{{$ctrl.blade.commandCopyText || 'kopieren'}}</div>
|
|
80
75
|
<div class="fxs-commandBar-item-icon" data-bind="image: icon">
|
|
81
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">
|
|
82
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" />
|
|
@@ -85,10 +80,10 @@
|
|
|
85
80
|
</a>
|
|
86
81
|
</li>
|
|
87
82
|
<!-- SAVE -->
|
|
88
|
-
<li ng-show="$ctrl.
|
|
89
|
-
<a data-ng-click="$ctrl.
|
|
83
|
+
<li ng-show="$ctrl.blade.isCommandSave">
|
|
84
|
+
<a data-ng-click="$ctrl.blade.commandSave()" class="fxs-commandBar-item" href="#"
|
|
90
85
|
data-bind='css: { "fxs-commandBar-itemDisabled": !enabled(), "fxs-commandBar-itemPressed": pressed() }, attr: { href: enabled() ? "#" : null }'>
|
|
91
|
-
<div class="fxs-commandBar-item-text" data-bind="text: text()">{{$ctrl.
|
|
86
|
+
<div class="fxs-commandBar-item-text" data-bind="text: text()">{{$ctrl.blade.commandSaveText || 'speichern'}}</div>
|
|
92
87
|
<div class="fxs-commandBar-item-icon" data-bind="image: icon">
|
|
93
88
|
<svg xmlns="http://www.w3.org/2000/svg" class="msportal-fx-svg-placeholder" viewBox="0 0 24 24" focusable="false">
|
|
94
89
|
<g>
|
|
@@ -100,9 +95,9 @@
|
|
|
100
95
|
</a>
|
|
101
96
|
</li>
|
|
102
97
|
<!-- DELETE -->
|
|
103
|
-
<li ng-show="$ctrl.
|
|
104
|
-
<a data-ng-click="$ctrl.
|
|
105
|
-
<div class="fxs-commandBar-item-text" data-bind="text: text()">{{$ctrl.
|
|
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>
|
|
106
101
|
<div class="fxs-commandBar-item-icon" data-bind="image: icon">
|
|
107
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">
|
|
108
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" />
|
|
@@ -115,63 +110,63 @@
|
|
|
115
110
|
</a>
|
|
116
111
|
</li>
|
|
117
112
|
<!-- CANCEL -->
|
|
118
|
-
<li ng-show="$ctrl.
|
|
119
|
-
<a data-ng-click="$ctrl.
|
|
120
|
-
<div class="fxs-commandBar-item-text" data-bind="text: text()">{{$ctrl.
|
|
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>
|
|
121
116
|
<div class="fxs-commandBar-item-icon" data-bind="image: icon">
|
|
122
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>
|
|
123
118
|
</div>
|
|
124
119
|
</a>
|
|
125
120
|
</li>
|
|
126
121
|
<!-- BROWSE -->
|
|
127
|
-
<li ng-show="$ctrl.
|
|
128
|
-
<a data-ng-click="$ctrl.
|
|
129
|
-
<div class="fxs-commandBar-item-text" data-bind="text: text()">{{$ctrl.
|
|
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>
|
|
130
125
|
<div class="fxs-commandBar-item-icon" data-bind="image: icon">
|
|
131
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>
|
|
132
127
|
</div>
|
|
133
128
|
</a>
|
|
134
129
|
</li>
|
|
135
130
|
<!-- START -->
|
|
136
|
-
<li ng-show="$ctrl.
|
|
137
|
-
<a data-ng-click="$ctrl.
|
|
138
|
-
<div class="fxs-commandBar-item-text" data-bind="text: text()">{{$ctrl.
|
|
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>
|
|
139
134
|
<div class="fxs-commandBar-item-icon" data-bind="image: icon">
|
|
140
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>
|
|
141
136
|
</div>
|
|
142
137
|
</a>
|
|
143
138
|
</li>
|
|
144
139
|
<!-- STOP -->
|
|
145
|
-
<li ng-show="$ctrl.
|
|
146
|
-
<a data-ng-click="$ctrl.
|
|
147
|
-
<div class="fxs-commandBar-item-text" data-bind="text: text()">{{$ctrl.
|
|
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>
|
|
148
143
|
<div class="fxs-commandBar-item-icon" data-bind="image: icon">
|
|
149
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>
|
|
150
145
|
</div>
|
|
151
146
|
</a>
|
|
152
147
|
</li>
|
|
153
148
|
<!-- RESTART -->
|
|
154
|
-
<li ng-show="$ctrl.
|
|
155
|
-
<a data-ng-click="$ctrl.
|
|
156
|
-
<div class="fxs-commandBar-item-text" data-bind="text: text()">{{$ctrl.
|
|
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>
|
|
157
152
|
<div class="fxs-commandBar-item-icon" data-bind="image: icon">
|
|
158
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>
|
|
159
154
|
</div>
|
|
160
155
|
</a>
|
|
161
156
|
</li>
|
|
162
157
|
<!-- SWAP -->
|
|
163
|
-
<li ng-show="$ctrl.
|
|
164
|
-
<a data-ng-click="$ctrl.
|
|
165
|
-
<div class="fxs-commandBar-item-text" data-bind="text: text()">{{$ctrl.
|
|
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>
|
|
166
161
|
<div class="fxs-commandBar-item-icon" data-bind="image: icon">
|
|
167
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>
|
|
168
163
|
</div>
|
|
169
164
|
</a>
|
|
170
165
|
</li>
|
|
171
166
|
<!-- DOCUMENT -->
|
|
172
|
-
<li ng-show="$ctrl.
|
|
173
|
-
<a data-ng-click="$ctrl.
|
|
174
|
-
<div class="fxs-commandBar-item-text" data-bind="text: text()">{{$ctrl.
|
|
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>
|
|
175
170
|
<div class="fxs-commandBar-item-icon" data-bind="image: icon">
|
|
176
171
|
<svg xmlns="http://www.w3.org/2000/svg" class="msportal-fx-svg-placeholder" viewBox="0 0 100 100" focusable="false">
|
|
177
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" />
|
|
@@ -180,9 +175,9 @@
|
|
|
180
175
|
</a>
|
|
181
176
|
</li>
|
|
182
177
|
<!-- DOCUMENT2 -->
|
|
183
|
-
<li ng-show="$ctrl.
|
|
184
|
-
<a data-ng-click="$ctrl.
|
|
185
|
-
<div class="fxs-commandBar-item-text" data-bind="text: text()">{{$ctrl.
|
|
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>
|
|
186
181
|
<div class="fxs-commandBar-item-icon" data-bind="image: icon">
|
|
187
182
|
<svg xmlns="http://www.w3.org/2000/svg" class="msportal-fx-svg-placeholder" viewBox="0 0 100 100" focusable="false">
|
|
188
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" />
|
|
@@ -191,9 +186,9 @@
|
|
|
191
186
|
</a>
|
|
192
187
|
</li>
|
|
193
188
|
<!-- DOCUMENT3 -->
|
|
194
|
-
<li ng-show="$ctrl.
|
|
195
|
-
<a data-ng-click="$ctrl.
|
|
196
|
-
<div class="fxs-commandBar-item-text" data-bind="text: text()">{{$ctrl.
|
|
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>
|
|
197
192
|
<div class="fxs-commandBar-item-icon" data-bind="image: icon">
|
|
198
193
|
<svg xmlns="http://www.w3.org/2000/svg" class="msportal-fx-svg-placeholder" viewBox="0 0 100 100" focusable="false">
|
|
199
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" />
|
|
@@ -202,9 +197,9 @@
|
|
|
202
197
|
</a>
|
|
203
198
|
</li>
|
|
204
199
|
<!-- DOCUMENT4 -->
|
|
205
|
-
<li ng-show="$ctrl.
|
|
206
|
-
<a data-ng-click="$ctrl.
|
|
207
|
-
<div class="fxs-commandBar-item-text" data-bind="text: text()">{{$ctrl.
|
|
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>
|
|
208
203
|
<div class="fxs-commandBar-item-icon" data-bind="image: icon">
|
|
209
204
|
<svg xmlns="http://www.w3.org/2000/svg" class="msportal-fx-svg-placeholder" viewBox="0 0 100 100" focusable="false">
|
|
210
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" />
|
|
@@ -213,9 +208,9 @@
|
|
|
213
208
|
</a>
|
|
214
209
|
</li>
|
|
215
210
|
<!-- Document5 -->
|
|
216
|
-
<li ng-show="$ctrl.
|
|
217
|
-
<a data-ng-click="$ctrl.
|
|
218
|
-
<div class="fxs-commandBar-item-text" data-bind="text: text()">{{$ctrl.
|
|
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>
|
|
219
214
|
<div class="fxs-commandBar-item-icon" data-bind="image: icon">
|
|
220
215
|
<svg xmlns="http://www.w3.org/2000/svg" class="msportal-fx-svg-placeholder" viewBox="0 0 100 100" focusable="false">
|
|
221
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" />
|
|
@@ -228,7 +223,7 @@
|
|
|
228
223
|
</div>
|
|
229
224
|
</header>
|
|
230
225
|
<div class="fxs-blade-content fxs-pannable" style="height:calc(100% - 175px);">
|
|
231
|
-
<div class="fxs-blade-stacklayout fxs-stacklayout fxs-stacklayout-vertical" ng-style="$ctrl.
|
|
226
|
+
<div class="fxs-blade-stacklayout fxs-stacklayout fxs-stacklayout-vertical" ng-style="$ctrl.blade.widthStackLayout">
|
|
232
227
|
<div class="fxs-stacklayout-child">
|
|
233
228
|
<div class="fxs-lens">
|
|
234
229
|
<h2 class="fxs-lens-title"></h2>
|
|
@@ -236,23 +231,23 @@
|
|
|
236
231
|
<section class="fxs-tile fxs-tilesize-fullwidthfitheight fx-rightClik">
|
|
237
232
|
<div class="fxs-part">
|
|
238
233
|
<header class="fxs-part-title">
|
|
239
|
-
<h2 class="msportalfx-tooltip-overflow">{{$ctrl.
|
|
240
|
-
<h3 class="msportalfx-tooltip-overflow">{{$ctrl.
|
|
234
|
+
<h2 class="msportalfx-tooltip-overflow">{{$ctrl.contentTitle}}</h2>
|
|
235
|
+
<h3 class="msportalfx-tooltip-overflow">{{$ctrl.contentSubTitle}}</h3>
|
|
241
236
|
</header>
|
|
242
237
|
<section class="fxs-part-content css-scope-HubsExtension">
|
|
243
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">
|
|
244
239
|
<div class="azc-grid-container">
|
|
245
240
|
|
|
246
241
|
<!-- neutral -->
|
|
247
|
-
<div data-ng-if="$ctrl.
|
|
242
|
+
<div data-ng-if="$ctrl.blade.isInnerHtml">
|
|
248
243
|
<div ng-transclude></div>
|
|
249
244
|
</div>
|
|
250
245
|
|
|
251
246
|
<!-- nav -->
|
|
252
|
-
<nav data-ng-if="$ctrl.
|
|
247
|
+
<nav data-ng-if="$ctrl.isNav" vm="$ctrl.vm"></nav>
|
|
253
248
|
|
|
254
249
|
<!-- grid -->
|
|
255
|
-
<grid data-ng-if="$ctrl.
|
|
250
|
+
<grid data-ng-if="$ctrl.blade.isNavGrid" vm="$ctrl.vm"></grid>
|
|
256
251
|
|
|
257
252
|
</div>
|
|
258
253
|
</div>
|
|
@@ -1,47 +1,2 @@
|
|
|
1
1
|
|
|
2
2
|
// http://blogs.msdn.com/b/laurieatkinson/archive/2014/08/23/implementing-a-save-warning-in-an-angular-spa.aspx
|
|
3
|
-
|
|
4
|
-
//'use strict';
|
|
5
|
-
//module App.Directives {
|
|
6
|
-
|
|
7
|
-
// // USE:
|
|
8
|
-
// // <form name="personForm" azureportal-dirty-flag>
|
|
9
|
-
|
|
10
|
-
// interface IDirtyFlag extends ng.IDirective {
|
|
11
|
-
// }
|
|
12
|
-
|
|
13
|
-
// interface IDirtyFlagScope extends ng.IScope {
|
|
14
|
-
// personForm: ng.IFormController;
|
|
15
|
-
// vm: any;
|
|
16
|
-
// }
|
|
17
|
-
|
|
18
|
-
// class DirtyFlag implements IDirtyFlag {
|
|
19
|
-
// static directiveId: string = 'azureportalDirtyFlag'
|
|
20
|
-
// restrict: string = 'A';
|
|
21
|
-
// personManager: App.Services.IpersonManager;
|
|
22
|
-
|
|
23
|
-
// constructor(personManager) {
|
|
24
|
-
// this.personManager = personManager;
|
|
25
|
-
// }
|
|
26
|
-
|
|
27
|
-
// link = (scope: IDirtyFlagScope, element, attrs) => {
|
|
28
|
-
// var self = this;
|
|
29
|
-
// // When the directive is first invoked, check if the stored dirty value is true and
|
|
30
|
-
// // if so set the $dirty flag on the form.
|
|
31
|
-
// if (scope.vm.person && scope.vm.person.isDirty) {
|
|
32
|
-
// scope.personForm.$dirty = true;
|
|
33
|
-
// }
|
|
34
|
-
|
|
35
|
-
// // When the user navigates away from this view, check the value of the $dirty flag on this form.
|
|
36
|
-
// // If it is dirty(indicating unsaved changes), then store the id of the current person as dirty
|
|
37
|
-
// // using a service named personManger.
|
|
38
|
-
// scope.$on('$locationChangeStart'), function () {
|
|
39
|
-
// if (scope.personForm.$dirty) {
|
|
40
|
-
// self.personManager.markpersonAsDirty(scope.vm.person.personId);
|
|
41
|
-
// }
|
|
42
|
-
// });
|
|
43
|
-
// }
|
|
44
|
-
// }
|
|
45
|
-
|
|
46
|
-
// app.directive(DirtyFlag.directiveId, ['personmanager', (pm) => new DirtyFlag(pm)]);
|
|
47
|
-
//}
|
|
@@ -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.
|
|
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">
|
|
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
|
@@ -6,12 +6,6 @@
|
|
|
6
6
|
bindToController: { vm: '=' },
|
|
7
7
|
templateUrl: '/node_modules/@ardimedia/angular-portal-azure/directives/grid/grid.html',
|
|
8
8
|
link: function (scope, element, attrs, controller) {
|
|
9
|
-
//angular.forEach(controller.vm.items, function (item) {
|
|
10
|
-
// // Set some default values, depending on existing values
|
|
11
|
-
// if (item.isVisible == undefined) { item.isVisible = true; }
|
|
12
|
-
// if (item.title == undefined || item.title == '') { item.style = { cursor: 'default' }; }
|
|
13
|
-
// if (item.bladePath == undefined || item.bladePath == '') { item.style = { cursor: 'default' }; }
|
|
14
|
-
//});
|
|
15
9
|
},
|
|
16
10
|
controller: function () { },
|
|
17
11
|
controllerAs: '$ctrl'
|
|
@@ -2,22 +2,22 @@
|
|
|
2
2
|
<div class="fxs-portal-top-bar fxs-portal-appbar"></div>
|
|
3
3
|
<div id="azureportalscroll" class="fxs-portal-content fxs-panorama">
|
|
4
4
|
|
|
5
|
-
<div class="fxs-panorama-homearea" ng-class="{collapsed: !$ctrl.
|
|
6
|
-
<header class="fxs-pannable" ng-class="{collapsed: !$ctrl.
|
|
7
|
-
<h1 class="fxs-panorama-title fxs-pannable">{{$ctrl.
|
|
8
|
-
<div class="fxs-avatarmenu-target fxs-avatarmenu" ng-class="{collapsed: !$ctrl.
|
|
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}">
|
|
9
9
|
<a class="fxs-avatarmenu-header" href="/Account/Manage">
|
|
10
10
|
<img alt="" src="/node_modules/@ardimedia/angular-portal-azure/images/avatar.jpg" />
|
|
11
|
-
<div class="fxs-avatarmenu-username">{{$ctrl.
|
|
12
|
-
<div class="fxs-avatarmenu-emailaddresse">{{$ctrl.
|
|
11
|
+
<div class="fxs-avatarmenu-username">{{$ctrl.user.name}}</div>
|
|
12
|
+
<div class="fxs-avatarmenu-emailaddresse">{{$ctrl.user.emailaddress}}</div>
|
|
13
13
|
</a>
|
|
14
14
|
</div>
|
|
15
15
|
</header>
|
|
16
|
-
<div class="fxs-startboard-target fxs-startboard fx-rightClick" ng-class="{collapsed: !$ctrl.
|
|
16
|
+
<div class="fxs-startboard-target fxs-startboard fx-rightClick" ng-class="{collapsed: !$ctrl.portalService.panorama.startboard.tiles.showTiles}">
|
|
17
17
|
<div class="fxs-startboard-layout fxs-flowlayout">
|
|
18
18
|
<div class="fxs-flowlayout-childcontainer">
|
|
19
|
-
<section data-ng-repeat="tile in $ctrl.
|
|
20
|
-
<div class="fxs-part fxs-part-clickable" ng-click="$ctrl.
|
|
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;">
|
|
21
21
|
<header class="fxs-part-title">
|
|
22
22
|
<h2 class="msportalfx-tooltip-overflow">{{tile.title}}</h2>
|
|
23
23
|
<h3 class="msportalfx-tooltip-overflow">{{tile.subTitle}}</h3>
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
</div>
|
|
33
33
|
<div class="fxs-journey-target fxs-journey">
|
|
34
34
|
<div class="fxs-journey-layout fxs-stacklayout fxs-stacklayout-horizontal">
|
|
35
|
-
<div data-ng-repeat="blade in $ctrl.
|
|
35
|
+
<div data-ng-repeat="blade in $ctrl.blades track by $index" class="azureportalblade fxs-stacklayout-child" ng-include="blade.path"></div>
|
|
36
36
|
</div>
|
|
37
37
|
</div>
|
|
38
38
|
</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.
|
|
2
|
+
<table class="azc-grid-full azc-grid-multiselectable" ng-if="!$ctrl.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.
|
|
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">
|
|
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.
|
|
19
|
+
<div ng-if="$ctrl.blade.isInnerHtml">
|
|
20
20
|
<div ng-transclude></div>
|
|
21
21
|
</div>
|
|
22
22
|
</div>
|
package/directives/nav/nav.ts
CHANGED
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
bindToController: { vm: '=' },
|
|
8
8
|
templateUrl: '/node_modules/@ardimedia/angular-portal-azure/directives/nav/nav.html',
|
|
9
9
|
link: function (scope, element, attrs, controller) {
|
|
10
|
-
angular.forEach(controller.
|
|
10
|
+
angular.forEach(controller.items, function (item) {
|
|
11
11
|
// Set some default values, depending on existing values
|
|
12
12
|
if (item.isVisible == undefined) { item.isVisible = true; }
|
|
13
13
|
if (item.title == undefined || item.title == '') { item.style = { cursor: 'default' }; }
|
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.
|
|
5
|
+
"version": "0.2.86",
|
|
6
6
|
"main": "index.js",
|
|
7
7
|
"typings": "apn.d.ts",
|
|
8
8
|
"dependencies": {
|