jsl-ui 9.28.2 → 9.28.3
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/lib/components/IntervalComponent.d.ts +17 -17
- package/lib/components/IntervalComponent.js +65 -68
- package/lib/components/auto-suggest/AutoSuggestComponent.d.ts +22 -22
- package/lib/components/auto-suggest/AutoSuggestComponent.js +47 -49
- package/lib/components/button/ButtonComponent.d.ts +18 -18
- package/lib/components/button/ButtonComponent.js +29 -46
- package/lib/components/checkbox/CheckBoxComponent.d.ts +28 -28
- package/lib/components/checkbox/CheckBoxComponent.js +81 -98
- package/lib/components/date/DateComponent.d.ts +32 -32
- package/lib/components/date/DateComponent.js +89 -106
- package/lib/components/date-range/DateRangeComponent.d.ts +35 -35
- package/lib/components/date-range/DateRangeComponent.js +123 -136
- package/lib/components/date-time/DateTimeComponent.d.ts +15 -15
- package/lib/components/date-time/DateTimeComponent.js +39 -53
- package/lib/components/dialog/DialogComponent.d.ts +67 -67
- package/lib/components/dialog/DialogComponent.js +198 -251
- package/lib/components/drop-down/DropDownComponent.d.ts +27 -27
- package/lib/components/drop-down/DropDownComponent.js +60 -74
- package/lib/components/expander/ExpanderComponent.d.ts +27 -27
- package/lib/components/expander/ExpanderComponent.js +89 -90
- package/lib/components/form-field/FormComponent.d.ts +12 -12
- package/lib/components/form-field/FormComponent.js +23 -26
- package/lib/components/form-field/FormFieldComponent.d.ts +39 -39
- package/lib/components/form-field/FormFieldComponent.js +138 -140
- package/lib/components/grid/GridComponent.d.ts +26 -26
- package/lib/components/grid/GridComponent.js +110 -116
- package/lib/components/input/InputComponent.d.ts +33 -33
- package/lib/components/input/InputComponent.js +126 -147
- package/lib/components/loading/LoadingComponent.d.ts +8 -8
- package/lib/components/loading/LoadingComponent.js +20 -22
- package/lib/components/navigation/NavigationComponent.d.ts +34 -34
- package/lib/components/navigation/NavigationComponent.js +45 -70
- package/lib/components/notification/Notification.d.ts +19 -19
- package/lib/components/notification/Notification.js +65 -69
- package/lib/components/number/NumberComponent.d.ts +26 -26
- package/lib/components/number/NumberComponent.js +80 -98
- package/lib/components/overlay/OverlayComponent.d.ts +27 -27
- package/lib/components/overlay/OverlayComponent.js +137 -149
- package/lib/components/progress/ProgressComponent.d.ts +18 -18
- package/lib/components/progress/ProgressComponent.js +40 -42
- package/lib/components/ribbon-menu/RibbonMenuComponent.d.ts +12 -12
- package/lib/components/ribbon-menu/RibbonMenuComponent.js +23 -34
- package/lib/components/select/SelectComponent.d.ts +79 -79
- package/lib/components/select/SelectComponent.js +356 -369
- package/lib/components/select/SelectDDAreaComponent.d.ts +32 -32
- package/lib/components/select/SelectDDAreaComponent.js +303 -317
- package/lib/components/slider/nouislider.d.ts +44 -44
- package/lib/components/slider/nouislider.js +2158 -2158
- package/lib/components/stack-panel/SplitterComponent.d.ts +21 -21
- package/lib/components/stack-panel/SplitterComponent.js +124 -126
- package/lib/components/stack-panel/StackPanelComponent.d.ts +20 -20
- package/lib/components/stack-panel/StackPanelComponent.js +50 -64
- package/lib/components/tabs/TabsComponent.d.ts +40 -40
- package/lib/components/tabs/TabsComponent.js +200 -204
- package/lib/components/time/TimeComponent.d.ts +29 -29
- package/lib/components/time/TimeComponent.js +104 -113
- package/lib/components/tree-view/TreeViewComponent.d.ts +23 -23
- package/lib/components/tree-view/TreeViewComponent.js +43 -45
- package/lib/components/virtual-render/VirtualRenderComponent.d.ts +30 -30
- package/lib/components/virtual-render/VirtualRenderComponent.js +92 -104
- package/lib/core/culture.d.ts +5 -5
- package/lib/core/culture.js +385 -385
- package/lib/core/date.d.ts +14 -14
- package/lib/core/date.js +346 -350
- package/lib/core/helper.d.ts +13 -13
- package/lib/core/helper.js +100 -104
- package/lib/core/jq.d.ts +37 -37
- package/lib/core/jq.js +362 -371
- package/lib/core/lang.d.ts +24 -24
- package/lib/core/lang.js +24 -28
- package/lib/core/numeric.d.ts +7 -7
- package/lib/core/numeric.js +139 -143
- package/lib/core/polyfills.js +22 -22
- package/lib/core.d.ts +6 -6
- package/lib/core.js +6 -6
- package/lib/grid/filterDialogs/dateRangeFilter.d.ts +7 -7
- package/lib/grid/filterDialogs/dateRangeFilter.js +106 -156
- package/lib/grid/filterDialogs/excelFilter.d.ts +9 -9
- package/lib/grid/filterDialogs/excelFilter.js +250 -316
- package/lib/grid/plugins/ext.overlay.d.ts +2 -2
- package/lib/grid/plugins/ext.overlay.js +295 -295
- package/lib/grid/plugins/slick.cellrangedecorator.d.ts +12 -12
- package/lib/grid/plugins/slick.cellrangedecorator.js +68 -68
- package/lib/grid/plugins/slick.cellrangeselector.d.ts +1 -1
- package/lib/grid/plugins/slick.cellrangeselector.js +144 -144
- package/lib/grid/plugins/slick.cellselectionmodel.d.ts +1 -1
- package/lib/grid/plugins/slick.cellselectionmodel.js +194 -194
- package/lib/grid/plugins/slick.headerbuttons.d.ts +55 -55
- package/lib/grid/plugins/slick.headerbuttons.js +156 -156
- package/lib/grid/plugins/slick.headermenu.d.ts +74 -74
- package/lib/grid/plugins/slick.headermenu.js +260 -260
- package/lib/grid/plugins/slick.rowmovemanager.d.ts +18 -18
- package/lib/grid/plugins/slick.rowmovemanager.js +249 -249
- package/lib/grid/plugins/slick.rowselectionmodel.d.ts +1 -1
- package/lib/grid/plugins/slick.rowselectionmodel.js +167 -167
- package/lib/grid/slick.core.d.ts +91 -91
- package/lib/grid/slick.core.js +574 -574
- package/lib/grid/slick.creator.d.ts +81 -81
- package/lib/grid/slick.creator.js +726 -726
- package/lib/grid/slick.dataview.d.ts +71 -71
- package/lib/grid/slick.dataview.js +1069 -1080
- package/lib/grid/slick.editors.core.d.ts +4 -4
- package/lib/grid/slick.editors.core.js +235 -235
- package/lib/grid/slick.editors.date.d.ts +2 -2
- package/lib/grid/slick.editors.date.js +125 -125
- package/lib/grid/slick.editors.lookup.d.ts +14 -14
- package/lib/grid/slick.editors.lookup.js +352 -353
- package/lib/grid/slick.editors.nav.d.ts +6 -6
- package/lib/grid/slick.editors.nav.js +22 -22
- package/lib/grid/slick.formatters.d.ts +17 -17
- package/lib/grid/slick.formatters.js +144 -144
- package/lib/grid/slick.grid.d.ts +285 -285
- package/lib/grid/slick.grid.js +5409 -5412
- package/lib/grid/slick.groupitemmetadataprovider.d.ts +39 -39
- package/lib/grid/slick.groupitemmetadataprovider.js +165 -165
- package/lib/grid/slick.tree.d.ts +33 -33
- package/lib/grid/slick.tree.js +208 -220
- package/lib/grid.css +1 -705
- package/lib/grid.d.ts +13 -13
- package/lib/grid.js +13 -13
- package/lib/index.css +8 -2195
- package/lib/index.css.map +1 -1
- package/lib/index.d.ts +56 -55
- package/lib/index.js +61 -61
- package/lib/index.js.map +1 -1
- package/lib/interaction/dataconverter.d.ts +4 -4
- package/lib/interaction/dataconverter.js +0 -1
- package/lib/interaction/eventhandler.d.ts +13 -13
- package/lib/interaction/eventhandler.js +39 -42
- package/lib/interaction/moveable.d.ts +39 -39
- package/lib/interaction/moveable.js +160 -174
- package/lib/interaction/resizable.d.ts +37 -37
- package/lib/interaction/resizable.js +109 -123
- package/lib/ui/auto.suggest.d.ts +18 -18
- package/lib/ui/auto.suggest.js +244 -259
- package/lib/ui/date.picker/date-picker-options.d.ts +11 -11
- package/lib/ui/date.picker/date-picker-options.js +76 -76
- package/lib/ui/date.picker/lib/date-manip.d.ts +74 -74
- package/lib/ui/date.picker/lib/date-manip.js +120 -120
- package/lib/ui/date.picker/lib/dom.d.ts +23 -23
- package/lib/ui/date.picker/lib/dom.js +28 -28
- package/lib/ui/date.picker/lib/emitter.d.ts +13 -13
- package/lib/ui/date.picker/lib/emitter.js +49 -49
- package/lib/ui/date.picker/lib/fns.d.ts +23 -23
- package/lib/ui/date.picker/lib/fns.js +39 -43
- package/lib/ui/date.picker/mode/base-mode.d.ts +26 -26
- package/lib/ui/date.picker/mode/base-mode.js +248 -248
- package/lib/ui/date.picker/mode/dropdown-mode.d.ts +28 -28
- package/lib/ui/date.picker/mode/dropdown-mode.js +50 -50
- package/lib/ui/date.picker/mode/index.d.ts +28 -28
- package/lib/ui/date.picker/mode/index.js +18 -18
- package/lib/ui/date.picker/mode/modal-mode.d.ts +25 -25
- package/lib/ui/date.picker/mode/modal-mode.js +17 -17
- package/lib/ui/date.picker/mode/permanent-mode.d.ts +29 -29
- package/lib/ui/date.picker/mode/permanent-mode.js +19 -19
- package/lib/ui/date.picker/views/day-picker.d.ts +40 -40
- package/lib/ui/date.picker/views/day-picker.js +155 -155
- package/lib/ui/date.picker/views/month-picker.d.ts +26 -26
- package/lib/ui/date.picker/views/month-picker.js +65 -65
- package/lib/ui/date.picker/views/year-picker.d.ts +20 -20
- package/lib/ui/date.picker/views/year-picker.js +66 -66
- package/lib/ui/date.picker.d.ts +66 -66
- package/lib/ui/date.picker.js +32 -32
- package/lib/ui/dialog.d.ts +22 -22
- package/lib/ui/dialog.js +98 -113
- package/lib/ui/drop.down.d.ts +52 -52
- package/lib/ui/drop.down.js +2112 -2112
- package/lib/ui/number.input.d.ts +13 -13
- package/lib/ui/number.input.js +56 -67
- package/package.json +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
export declare let keyCodes: {
|
|
2
|
-
LEFT: number;
|
|
3
|
-
RIGHT: number;
|
|
4
|
-
};
|
|
5
|
-
export declare function handleKeydownLRNav(e: any): void;
|
|
6
|
-
export declare function handleKeydownLRNoNav(e: any): void;
|
|
1
|
+
export declare let keyCodes: {
|
|
2
|
+
LEFT: number;
|
|
3
|
+
RIGHT: number;
|
|
4
|
+
};
|
|
5
|
+
export declare function handleKeydownLRNav(e: any): void;
|
|
6
|
+
export declare function handleKeydownLRNoNav(e: any): void;
|
|
@@ -1,22 +1,22 @@
|
|
|
1
|
-
export
|
|
2
|
-
LEFT: 37,
|
|
3
|
-
RIGHT: 39
|
|
4
|
-
};
|
|
5
|
-
/*
|
|
6
|
-
* Depending on the value of Grid option 'editorCellNavOnLRKeys', us
|
|
7
|
-
* Navigate to the cell on the left if the cursor is at the beginning of the input string
|
|
8
|
-
* and to the right cell if it's at the end. Otherwise, move the cursor within the text
|
|
9
|
-
*/
|
|
10
|
-
export function handleKeydownLRNav(e) {
|
|
11
|
-
var cursorPosition = e.target.selectionStart;
|
|
12
|
-
var textLength = e.target.value.length;
|
|
13
|
-
if ((e.which === keyCodes.LEFT && cursorPosition > 0) ||
|
|
14
|
-
e.which === keyCodes.RIGHT && cursorPosition < textLength) {
|
|
15
|
-
e.stopImmediatePropagation();
|
|
16
|
-
}
|
|
17
|
-
}
|
|
18
|
-
export function handleKeydownLRNoNav(e) {
|
|
19
|
-
if (e.which === keyCodes.LEFT || e.which === keyCodes.RIGHT) {
|
|
20
|
-
e.stopImmediatePropagation();
|
|
21
|
-
}
|
|
22
|
-
}
|
|
1
|
+
export let keyCodes = {
|
|
2
|
+
LEFT: 37,
|
|
3
|
+
RIGHT: 39
|
|
4
|
+
};
|
|
5
|
+
/*
|
|
6
|
+
* Depending on the value of Grid option 'editorCellNavOnLRKeys', us
|
|
7
|
+
* Navigate to the cell on the left if the cursor is at the beginning of the input string
|
|
8
|
+
* and to the right cell if it's at the end. Otherwise, move the cursor within the text
|
|
9
|
+
*/
|
|
10
|
+
export function handleKeydownLRNav(e) {
|
|
11
|
+
var cursorPosition = e.target.selectionStart;
|
|
12
|
+
var textLength = e.target.value.length;
|
|
13
|
+
if ((e.which === keyCodes.LEFT && cursorPosition > 0) ||
|
|
14
|
+
e.which === keyCodes.RIGHT && cursorPosition < textLength) {
|
|
15
|
+
e.stopImmediatePropagation();
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
export function handleKeydownLRNoNav(e) {
|
|
19
|
+
if (e.which === keyCodes.LEFT || e.which === keyCodes.RIGHT) {
|
|
20
|
+
e.stopImmediatePropagation();
|
|
21
|
+
}
|
|
22
|
+
}
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
import { ISlickFormatter } from './slick.core';
|
|
2
|
-
export declare let EmptyFormatter: ISlickFormatter;
|
|
3
|
-
export declare let ComponentFormatter: ISlickFormatter;
|
|
4
|
-
export declare let YesNoFormatter: ISlickFormatter;
|
|
5
|
-
export declare let CheckboxFormatter: ISlickFormatter;
|
|
6
|
-
export declare let CheckmarkFormatter: ISlickFormatter;
|
|
7
|
-
export declare let NumericFormatter: ISlickFormatter;
|
|
8
|
-
export declare let DateFormatter: ISlickFormatter;
|
|
9
|
-
export declare let HtmlFormatter: ISlickFormatter;
|
|
10
|
-
export declare let LookupFormatter: ISlickFormatter;
|
|
11
|
-
export declare let MultiLookupFormatter: ISlickFormatter;
|
|
12
|
-
export declare let TextFormatter: ISlickFormatter;
|
|
13
|
-
export declare let TooltipFormatter: ISlickFormatter;
|
|
14
|
-
export declare let MultiLineTextFormatter: ISlickFormatter;
|
|
15
|
-
export declare let TimeFormatter: ISlickFormatter;
|
|
16
|
-
export declare let DateTimeFormatter: ISlickFormatter;
|
|
17
|
-
export declare let ButtonFormatter: ISlickFormatter;
|
|
1
|
+
import { ISlickFormatter } from './slick.core';
|
|
2
|
+
export declare let EmptyFormatter: ISlickFormatter;
|
|
3
|
+
export declare let ComponentFormatter: ISlickFormatter;
|
|
4
|
+
export declare let YesNoFormatter: ISlickFormatter;
|
|
5
|
+
export declare let CheckboxFormatter: ISlickFormatter;
|
|
6
|
+
export declare let CheckmarkFormatter: ISlickFormatter;
|
|
7
|
+
export declare let NumericFormatter: ISlickFormatter;
|
|
8
|
+
export declare let DateFormatter: ISlickFormatter;
|
|
9
|
+
export declare let HtmlFormatter: ISlickFormatter;
|
|
10
|
+
export declare let LookupFormatter: ISlickFormatter;
|
|
11
|
+
export declare let MultiLookupFormatter: ISlickFormatter;
|
|
12
|
+
export declare let TextFormatter: ISlickFormatter;
|
|
13
|
+
export declare let TooltipFormatter: ISlickFormatter;
|
|
14
|
+
export declare let MultiLineTextFormatter: ISlickFormatter;
|
|
15
|
+
export declare let TimeFormatter: ISlickFormatter;
|
|
16
|
+
export declare let DateTimeFormatter: ISlickFormatter;
|
|
17
|
+
export declare let ButtonFormatter: ISlickFormatter;
|
|
@@ -1,144 +1,144 @@
|
|
|
1
|
-
/*
|
|
2
|
-
* Contains basic SlickGrid formatters.
|
|
3
|
-
*
|
|
4
|
-
* NOTE: These are merely examples. You will most likely need to implement something more
|
|
5
|
-
* robust/extensible/localizable/etc. for your use!
|
|
6
|
-
*/
|
|
7
|
-
import { numeric } from '../core/numeric';
|
|
8
|
-
import { date } from '../core/date';
|
|
9
|
-
function escapeHTMLChars(text) {
|
|
10
|
-
if (text == null) {
|
|
11
|
-
return "";
|
|
12
|
-
}
|
|
13
|
-
if (typeof text.replace !== "function") {
|
|
14
|
-
return text;
|
|
15
|
-
}
|
|
16
|
-
return text.replace(/&/g, "&").replace(/</g, "<").replace(/>/g, ">");
|
|
17
|
-
}
|
|
18
|
-
export
|
|
19
|
-
return "";
|
|
20
|
-
};
|
|
21
|
-
export
|
|
22
|
-
export
|
|
23
|
-
return value ? "Yes" : "No";
|
|
24
|
-
};
|
|
25
|
-
export
|
|
26
|
-
return '<div style="text-align:center">' + (value ? "✔" : "-") + '</div>'; // ❌
|
|
27
|
-
};
|
|
28
|
-
export
|
|
29
|
-
return value ? "✔" : "";
|
|
30
|
-
};
|
|
31
|
-
export
|
|
32
|
-
return {
|
|
33
|
-
addClasses: ["right"],
|
|
34
|
-
text: numeric.format(value, columnDef.format)
|
|
35
|
-
};
|
|
36
|
-
};
|
|
37
|
-
export
|
|
38
|
-
return date.format(value, columnDef.format);
|
|
39
|
-
};
|
|
40
|
-
export
|
|
41
|
-
return value || "";
|
|
42
|
-
};
|
|
43
|
-
export
|
|
44
|
-
var _a;
|
|
45
|
-
|
|
46
|
-
if (vl) {
|
|
47
|
-
if (Array.isArray(vl)) {
|
|
48
|
-
if (vl.length > 0) {
|
|
49
|
-
if (typeof (vl[0]) === "string") {
|
|
50
|
-
return escapeHTMLChars(vl.indexOf(value) >= 0 ? value : ""); //TODO: desired?
|
|
51
|
-
}
|
|
52
|
-
else {
|
|
53
|
-
|
|
54
|
-
return escapeHTMLChars((_a = vlList.filter(
|
|
55
|
-
}
|
|
56
|
-
}
|
|
57
|
-
else {
|
|
58
|
-
return "";
|
|
59
|
-
}
|
|
60
|
-
}
|
|
61
|
-
else {
|
|
62
|
-
return escapeHTMLChars(vl[value]);
|
|
63
|
-
}
|
|
64
|
-
}
|
|
65
|
-
else {
|
|
66
|
-
console.warn("No values list found for column " + columnDef.id);
|
|
67
|
-
}
|
|
68
|
-
return escapeHTMLChars(value);
|
|
69
|
-
};
|
|
70
|
-
export
|
|
71
|
-
if (value == null || value.length === 0) {
|
|
72
|
-
return "";
|
|
73
|
-
}
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
if (vl == null) {
|
|
77
|
-
console.warn("No values list found for column " + columnDef.id);
|
|
78
|
-
return result;
|
|
79
|
-
}
|
|
80
|
-
if (Array.isArray(vl)) {
|
|
81
|
-
if (vl.length > 0) {
|
|
82
|
-
if (typeof (vl[0]) === "string") {
|
|
83
|
-
result = value.filter(
|
|
84
|
-
}
|
|
85
|
-
else {
|
|
86
|
-
|
|
87
|
-
result = vlList.filter(
|
|
88
|
-
}
|
|
89
|
-
}
|
|
90
|
-
}
|
|
91
|
-
else {
|
|
92
|
-
result = value.map(
|
|
93
|
-
}
|
|
94
|
-
return result || "";
|
|
95
|
-
};
|
|
96
|
-
export
|
|
97
|
-
if (value == null) {
|
|
98
|
-
return "";
|
|
99
|
-
}
|
|
100
|
-
else {
|
|
101
|
-
return escapeHTMLChars(value + "");
|
|
102
|
-
}
|
|
103
|
-
};
|
|
104
|
-
// export let SingleWordTextFormatter: ISlickFormatter = function (row, cell, value, columnDef, dataContext): string {
|
|
105
|
-
// if (value == null) {
|
|
106
|
-
// return " ";
|
|
107
|
-
// } else {
|
|
108
|
-
// return " " + escapeHTMLChars(value + "");
|
|
109
|
-
// }
|
|
110
|
-
// };
|
|
111
|
-
export
|
|
112
|
-
if (value == null) {
|
|
113
|
-
return "";
|
|
114
|
-
}
|
|
115
|
-
else {
|
|
116
|
-
|
|
117
|
-
return { text: result, toolTip: result };
|
|
118
|
-
}
|
|
119
|
-
};
|
|
120
|
-
export
|
|
121
|
-
var txt = "";
|
|
122
|
-
if (value != null) {
|
|
123
|
-
txt = escapeHTMLChars(value + "");
|
|
124
|
-
}
|
|
125
|
-
return { text: txt, addClasses: ["slick-wrap"] };
|
|
126
|
-
};
|
|
127
|
-
function pad(nr) {
|
|
128
|
-
if (nr < 10) {
|
|
129
|
-
return "0" + nr.toString();
|
|
130
|
-
}
|
|
131
|
-
else {
|
|
132
|
-
return nr.toString();
|
|
133
|
-
}
|
|
134
|
-
}
|
|
135
|
-
export
|
|
136
|
-
return value ? (pad(value.getHours()) + ":" + pad(value.getMinutes())) : "";
|
|
137
|
-
};
|
|
138
|
-
export
|
|
139
|
-
return DateFormatter(row, cell, value, columnDef, dataContext) + " " +
|
|
140
|
-
TimeFormatter(row, cell, value, columnDef, dataContext);
|
|
141
|
-
};
|
|
142
|
-
export
|
|
143
|
-
return "<button class='grid-btn'>...</button>";
|
|
144
|
-
};
|
|
1
|
+
/*
|
|
2
|
+
* Contains basic SlickGrid formatters.
|
|
3
|
+
*
|
|
4
|
+
* NOTE: These are merely examples. You will most likely need to implement something more
|
|
5
|
+
* robust/extensible/localizable/etc. for your use!
|
|
6
|
+
*/
|
|
7
|
+
import { numeric } from '../core/numeric';
|
|
8
|
+
import { date } from '../core/date';
|
|
9
|
+
function escapeHTMLChars(text) {
|
|
10
|
+
if (text == null) {
|
|
11
|
+
return "";
|
|
12
|
+
}
|
|
13
|
+
if (typeof text.replace !== "function") {
|
|
14
|
+
return text;
|
|
15
|
+
}
|
|
16
|
+
return text.replace(/&/g, "&").replace(/</g, "<").replace(/>/g, ">");
|
|
17
|
+
}
|
|
18
|
+
export let EmptyFormatter = function (row, cell, value, columnDef, dataContext) {
|
|
19
|
+
return "";
|
|
20
|
+
};
|
|
21
|
+
export let ComponentFormatter = EmptyFormatter;
|
|
22
|
+
export let YesNoFormatter = function (row, cell, value, columnDef, dataContext) {
|
|
23
|
+
return value ? "Yes" : "No";
|
|
24
|
+
};
|
|
25
|
+
export let CheckboxFormatter = function (row, cell, value, columnDef, dataContext) {
|
|
26
|
+
return '<div style="text-align:center">' + (value ? "✔" : "-") + '</div>'; // ❌
|
|
27
|
+
};
|
|
28
|
+
export let CheckmarkFormatter = function (row, cell, value, columnDef, dataContext) {
|
|
29
|
+
return value ? "✔" : "";
|
|
30
|
+
};
|
|
31
|
+
export let NumericFormatter = function (row, cell, value, columnDef, dataContext) {
|
|
32
|
+
return {
|
|
33
|
+
addClasses: ["right"],
|
|
34
|
+
text: numeric.format(value, columnDef.format)
|
|
35
|
+
};
|
|
36
|
+
};
|
|
37
|
+
export let DateFormatter = function (row, cell, value, columnDef, dataContext) {
|
|
38
|
+
return date.format(value, columnDef.format);
|
|
39
|
+
};
|
|
40
|
+
export let HtmlFormatter = function (row, cell, value, columnDef, dataContext) {
|
|
41
|
+
return value || "";
|
|
42
|
+
};
|
|
43
|
+
export let LookupFormatter = function (row, cell, value, columnDef, dataContext) {
|
|
44
|
+
var _a;
|
|
45
|
+
let vl = columnDef.valueList;
|
|
46
|
+
if (vl) {
|
|
47
|
+
if (Array.isArray(vl)) {
|
|
48
|
+
if (vl.length > 0) {
|
|
49
|
+
if (typeof (vl[0]) === "string") {
|
|
50
|
+
return escapeHTMLChars(vl.indexOf(value) >= 0 ? value : ""); //TODO: desired?
|
|
51
|
+
}
|
|
52
|
+
else {
|
|
53
|
+
const vlList = vl;
|
|
54
|
+
return escapeHTMLChars((_a = vlList.filter((x) => x.value === value)[0]) === null || _a === void 0 ? void 0 : _a.text);
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
else {
|
|
58
|
+
return "";
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
else {
|
|
62
|
+
return escapeHTMLChars(vl[value]);
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
else {
|
|
66
|
+
console.warn("No values list found for column " + columnDef.id);
|
|
67
|
+
}
|
|
68
|
+
return escapeHTMLChars(value);
|
|
69
|
+
};
|
|
70
|
+
export let MultiLookupFormatter = function (row, cell, value, columnDef, dataContext) {
|
|
71
|
+
if (value == null || value.length === 0) {
|
|
72
|
+
return "";
|
|
73
|
+
}
|
|
74
|
+
const vl = columnDef.valueList;
|
|
75
|
+
let result = "";
|
|
76
|
+
if (vl == null) {
|
|
77
|
+
console.warn("No values list found for column " + columnDef.id);
|
|
78
|
+
return result;
|
|
79
|
+
}
|
|
80
|
+
if (Array.isArray(vl)) {
|
|
81
|
+
if (vl.length > 0) {
|
|
82
|
+
if (typeof (vl[0]) === "string") {
|
|
83
|
+
result = value.filter((v) => vl.indexOf(v) >= 0).join(", ");
|
|
84
|
+
}
|
|
85
|
+
else {
|
|
86
|
+
const vlList = vl;
|
|
87
|
+
result = vlList.filter((x) => value.indexOf(x.value) >= 0).map((x) => { var _a; return (_a = x.text) !== null && _a !== void 0 ? _a : ""; }).join(", ");
|
|
88
|
+
}
|
|
89
|
+
}
|
|
90
|
+
}
|
|
91
|
+
else {
|
|
92
|
+
result = value.map((v) => vl[v]).filter((v) => v != null).join(", ");
|
|
93
|
+
}
|
|
94
|
+
return result || "";
|
|
95
|
+
};
|
|
96
|
+
export let TextFormatter = function (row, cell, value, columnDef, dataContext) {
|
|
97
|
+
if (value == null) {
|
|
98
|
+
return "";
|
|
99
|
+
}
|
|
100
|
+
else {
|
|
101
|
+
return escapeHTMLChars(value + "");
|
|
102
|
+
}
|
|
103
|
+
};
|
|
104
|
+
// export let SingleWordTextFormatter: ISlickFormatter = function (row, cell, value, columnDef, dataContext): string {
|
|
105
|
+
// if (value == null) {
|
|
106
|
+
// return " ";
|
|
107
|
+
// } else {
|
|
108
|
+
// return " " + escapeHTMLChars(value + "");
|
|
109
|
+
// }
|
|
110
|
+
// };
|
|
111
|
+
export let TooltipFormatter = function (row, cell, value, columnDef, dataContext) {
|
|
112
|
+
if (value == null) {
|
|
113
|
+
return "";
|
|
114
|
+
}
|
|
115
|
+
else {
|
|
116
|
+
const result = escapeHTMLChars(value + "");
|
|
117
|
+
return { text: result, toolTip: result };
|
|
118
|
+
}
|
|
119
|
+
};
|
|
120
|
+
export let MultiLineTextFormatter = function (row, cell, value, columnDef, dataContext) {
|
|
121
|
+
var txt = "";
|
|
122
|
+
if (value != null) {
|
|
123
|
+
txt = escapeHTMLChars(value + "");
|
|
124
|
+
}
|
|
125
|
+
return { text: txt, addClasses: ["slick-wrap"] };
|
|
126
|
+
};
|
|
127
|
+
function pad(nr) {
|
|
128
|
+
if (nr < 10) {
|
|
129
|
+
return "0" + nr.toString();
|
|
130
|
+
}
|
|
131
|
+
else {
|
|
132
|
+
return nr.toString();
|
|
133
|
+
}
|
|
134
|
+
}
|
|
135
|
+
export let TimeFormatter = function (row, cell, value, columnDef, dataContext) {
|
|
136
|
+
return value ? (pad(value.getHours()) + ":" + pad(value.getMinutes())) : "";
|
|
137
|
+
};
|
|
138
|
+
export let DateTimeFormatter = function (row, cell, value, columnDef, dataContext) {
|
|
139
|
+
return DateFormatter(row, cell, value, columnDef, dataContext) + " " +
|
|
140
|
+
TimeFormatter(row, cell, value, columnDef, dataContext);
|
|
141
|
+
};
|
|
142
|
+
export let ButtonFormatter = function (row, cell, value, columnDef, dataContext) {
|
|
143
|
+
return "<button class='grid-btn'>...</button>";
|
|
144
|
+
};
|