@memberjunction/ng-explorer-core 1.0.9 → 1.0.11
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/dist/lib/app-view/application-view.component.js +2 -2
- package/dist/lib/base-browser-component/base-browser-component.d.ts +1 -1
- package/dist/lib/base-browser-component/base-browser-component.d.ts.map +1 -1
- package/dist/lib/base-browser-component/base-browser-component.js +20 -12
- package/dist/lib/generic-browse-list/generic-browse-list.component.js +1 -1
- package/dist/lib/generic-browser-list/generic-browser-list.component.d.ts +3 -1
- package/dist/lib/generic-browser-list/generic-browser-list.component.d.ts.map +1 -1
- package/dist/lib/generic-browser-list/generic-browser-list.component.js +114 -101
- package/dist/lib/header/header.component.js +2 -2
- package/dist/lib/navigation/navigation.component.d.ts.map +1 -1
- package/dist/lib/navigation/navigation.component.js +90 -64
- package/dist/lib/single-dashboard/single-dashboard.component.js +15 -27
- package/dist/lib/single-entity/single-entity.component.js +8 -12
- package/dist/module.d.ts +18 -19
- package/dist/module.d.ts.map +1 -1
- package/dist/module.js +2 -10
- package/package.json +16 -17
|
@@ -21,93 +21,119 @@ import * as i2 from "@memberjunction/ng-shared";
|
|
|
21
21
|
import * as i3 from "@angular/common";
|
|
22
22
|
import * as i4 from "@angular/platform-browser";
|
|
23
23
|
import * as i5 from "@progress/kendo-angular-indicators";
|
|
24
|
-
import * as i6 from "@
|
|
25
|
-
import * as i7 from "@
|
|
26
|
-
import * as i8 from "@
|
|
27
|
-
import * as i9 from "@memberjunction/ng-
|
|
28
|
-
import * as i10 from "
|
|
29
|
-
import * as i11 from "../generic/resource-container-component";
|
|
24
|
+
import * as i6 from "@memberjunction/ng-container-directives";
|
|
25
|
+
import * as i7 from "@progress/kendo-angular-layout";
|
|
26
|
+
import * as i8 from "@memberjunction/ng-ask-skip";
|
|
27
|
+
import * as i9 from "@memberjunction/ng-tabstrip";
|
|
28
|
+
import * as i10 from "../generic/resource-container-component";
|
|
30
29
|
const _c0 = ["mjTabstrip"];
|
|
31
30
|
const _c1 = ["drawerWrapper"];
|
|
32
31
|
const _c2 = ["container"];
|
|
33
32
|
function NavigationComponent_kendo_loader_2_Template(rf, ctx) { if (rf & 1) {
|
|
34
33
|
i0.ɵɵelement(0, "kendo-loader", 6);
|
|
35
34
|
} }
|
|
36
|
-
|
|
37
|
-
|
|
35
|
+
const _forTrack0 = ($index, $item) => $item.id;
|
|
36
|
+
function NavigationComponent_kendo_drawer_container_3_ng_template_3_div_2_Template(rf, ctx) { if (rf & 1) {
|
|
37
|
+
i0.ɵɵelementStart(0, "div", 16)(1, "div");
|
|
38
|
+
i0.ɵɵtext(2);
|
|
39
|
+
i0.ɵɵelementEnd();
|
|
40
|
+
i0.ɵɵelementStart(3, "span", 17);
|
|
41
|
+
i0.ɵɵtext(4);
|
|
42
|
+
i0.ɵɵelementEnd()();
|
|
43
|
+
} if (rf & 2) {
|
|
44
|
+
const item_r9 = i0.ɵɵnextContext().$implicit;
|
|
45
|
+
i0.ɵɵadvance(2);
|
|
46
|
+
i0.ɵɵtextInterpolate(item_r9.text);
|
|
47
|
+
i0.ɵɵadvance(2);
|
|
48
|
+
i0.ɵɵtextInterpolate(item_r9.description);
|
|
49
|
+
} }
|
|
50
|
+
function NavigationComponent_kendo_drawer_container_3_ng_template_3_Template(rf, ctx) { if (rf & 1) {
|
|
51
|
+
i0.ɵɵelementStart(0, "div", 14);
|
|
52
|
+
i0.ɵɵelement(1, "span");
|
|
53
|
+
i0.ɵɵelementEnd();
|
|
54
|
+
i0.ɵɵtemplate(2, NavigationComponent_kendo_drawer_container_3_ng_template_3_div_2_Template, 5, 2, "div", 15);
|
|
55
|
+
} if (rf & 2) {
|
|
56
|
+
const item_r9 = ctx.$implicit;
|
|
57
|
+
const ctx_r5 = i0.ɵɵnextContext(2);
|
|
58
|
+
i0.ɵɵadvance();
|
|
59
|
+
i0.ɵɵclassMap(item_r9.icon);
|
|
60
|
+
i0.ɵɵadvance();
|
|
61
|
+
i0.ɵɵproperty("ngIf", !ctx_r5.mini);
|
|
62
|
+
} }
|
|
63
|
+
function NavigationComponent_kendo_drawer_container_3_For_12_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
64
|
+
i0.ɵɵelement(0, "span", 19);
|
|
38
65
|
} }
|
|
39
|
-
function
|
|
40
|
-
i0.ɵɵelement(0, "
|
|
66
|
+
function NavigationComponent_kendo_drawer_container_3_For_12_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
67
|
+
i0.ɵɵelement(0, "span");
|
|
41
68
|
} if (rf & 2) {
|
|
42
|
-
const
|
|
43
|
-
|
|
44
|
-
i0.ɵɵproperty("icon", ctx_r11.sharedService.kendoSVGIcon(tab_r8.icon));
|
|
69
|
+
const tab_r12 = i0.ɵɵnextContext().$implicit;
|
|
70
|
+
i0.ɵɵclassMap(tab_r12.icon);
|
|
45
71
|
} }
|
|
46
|
-
function
|
|
47
|
-
i0.ɵɵelementStart(0, "mj-tab",
|
|
48
|
-
i0.ɵɵtemplate(1,
|
|
72
|
+
function NavigationComponent_kendo_drawer_container_3_For_12_Template(rf, ctx) { if (rf & 1) {
|
|
73
|
+
i0.ɵɵelementStart(0, "mj-tab", 13);
|
|
74
|
+
i0.ɵɵtemplate(1, NavigationComponent_kendo_drawer_container_3_For_12_Conditional_1_Template, 1, 0, "span", 18)(2, NavigationComponent_kendo_drawer_container_3_For_12_Conditional_2_Template, 1, 2);
|
|
49
75
|
i0.ɵɵtext(3);
|
|
50
76
|
i0.ɵɵelementEnd();
|
|
51
77
|
} if (rf & 2) {
|
|
52
|
-
const
|
|
78
|
+
const tab_r12 = ctx.$implicit;
|
|
53
79
|
i0.ɵɵproperty("TabCloseable", true);
|
|
54
80
|
i0.ɵɵadvance();
|
|
55
|
-
i0.ɵɵ
|
|
56
|
-
i0.ɵɵadvance();
|
|
57
|
-
i0.ɵɵ
|
|
58
|
-
i0.ɵɵadvance();
|
|
59
|
-
i0.ɵɵtextInterpolate1(" ", tab_r8.labelLoading ? "Loading..." : tab_r8.label, " ");
|
|
81
|
+
i0.ɵɵconditional(1, (tab_r12 == null ? null : tab_r12.contentLoading) ? 1 : (tab_r12 == null ? null : tab_r12.icon) ? 2 : -1);
|
|
82
|
+
i0.ɵɵadvance(2);
|
|
83
|
+
i0.ɵɵtextInterpolate1(" ", tab_r12.labelLoading ? "Loading..." : tab_r12.label, " ");
|
|
60
84
|
} }
|
|
61
|
-
function
|
|
62
|
-
const
|
|
63
|
-
i0.ɵɵelementStart(0, "mj-tab-body")(1, "mj-resource",
|
|
64
|
-
i0.ɵɵlistener("ResourceRecordSaved", function
|
|
85
|
+
function NavigationComponent_kendo_drawer_container_3_For_14_Template(rf, ctx) { if (rf & 1) {
|
|
86
|
+
const _r26 = i0.ɵɵgetCurrentView();
|
|
87
|
+
i0.ɵɵelementStart(0, "mj-tab-body")(1, "mj-resource", 20);
|
|
88
|
+
i0.ɵɵlistener("ResourceRecordSaved", function NavigationComponent_kendo_drawer_container_3_For_14_Template_mj_resource_ResourceRecordSaved_1_listener() { const restoredCtx = i0.ɵɵrestoreView(_r26); const tab_r20 = restoredCtx.$implicit; const ctx_r25 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r25.SaveSingleWorkspaceItem(tab_r20)); })("ContentLoadingStarted", function NavigationComponent_kendo_drawer_container_3_For_14_Template_mj_resource_ContentLoadingStarted_1_listener() { const restoredCtx = i0.ɵɵrestoreView(_r26); const tab_r20 = restoredCtx.$implicit; const ctx_r27 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r27.setTabContentLoadingStatus(tab_r20, true)); })("ContentLoadingComplete", function NavigationComponent_kendo_drawer_container_3_For_14_Template_mj_resource_ContentLoadingComplete_1_listener() { const restoredCtx = i0.ɵɵrestoreView(_r26); const tab_r20 = restoredCtx.$implicit; const ctx_r28 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r28.setTabContentLoadingStatus(tab_r20, false)); });
|
|
65
89
|
i0.ɵɵelementEnd()();
|
|
66
90
|
} if (rf & 2) {
|
|
67
|
-
const
|
|
68
|
-
const
|
|
69
|
-
const
|
|
91
|
+
const tab_r20 = ctx.$implicit;
|
|
92
|
+
const i_r21 = ctx.$index;
|
|
93
|
+
const ctx_r8 = i0.ɵɵnextContext(2);
|
|
70
94
|
i0.ɵɵadvance();
|
|
71
|
-
i0.ɵɵproperty("Data",
|
|
95
|
+
i0.ɵɵproperty("Data", tab_r20.data)("isVisible", ctx_r8.activeTabIndex - 1 === i_r21);
|
|
72
96
|
} }
|
|
73
97
|
function NavigationComponent_kendo_drawer_container_3_Template(rf, ctx) { if (rf & 1) {
|
|
74
|
-
const
|
|
98
|
+
const _r30 = i0.ɵɵgetCurrentView();
|
|
75
99
|
i0.ɵɵelementStart(0, "kendo-drawer-container")(1, "kendo-drawer", 7, 8);
|
|
76
|
-
i0.ɵɵlistener("select", function NavigationComponent_kendo_drawer_container_3_Template_kendo_drawer_select_1_listener($event) { i0.ɵɵrestoreView(
|
|
100
|
+
i0.ɵɵlistener("select", function NavigationComponent_kendo_drawer_container_3_Template_kendo_drawer_select_1_listener($event) { i0.ɵɵrestoreView(_r30); const ctx_r29 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r29.onDrawerSelect($event)); });
|
|
101
|
+
i0.ɵɵtemplate(3, NavigationComponent_kendo_drawer_container_3_ng_template_3_Template, 3, 3, "ng-template", 9);
|
|
77
102
|
i0.ɵɵelementEnd();
|
|
78
|
-
i0.ɵɵelementStart(
|
|
79
|
-
i0.ɵɵlistener("TabClosed", function
|
|
80
|
-
i0.ɵɵelementStart(
|
|
81
|
-
i0.ɵɵtext(
|
|
103
|
+
i0.ɵɵelementStart(4, "kendo-drawer-content", 10)(5, "mj-tabstrip", 11, 12);
|
|
104
|
+
i0.ɵɵlistener("TabClosed", function NavigationComponent_kendo_drawer_container_3_Template_mj_tabstrip_TabClosed_5_listener($event) { i0.ɵɵrestoreView(_r30); const ctx_r31 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r31.handleTabClosed($event)); })("TabSelected", function NavigationComponent_kendo_drawer_container_3_Template_mj_tabstrip_TabSelected_5_listener($event) { i0.ɵɵrestoreView(_r30); const ctx_r32 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r32.handleTabSelected($event)); })("TabContextMenu", function NavigationComponent_kendo_drawer_container_3_Template_mj_tabstrip_TabContextMenu_5_listener($event) { i0.ɵɵrestoreView(_r30); const ctx_r33 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r33.handleTabContextMenu($event)); });
|
|
105
|
+
i0.ɵɵelementStart(7, "mj-tab", 13);
|
|
106
|
+
i0.ɵɵtext(8, " Home ");
|
|
82
107
|
i0.ɵɵelementEnd();
|
|
83
|
-
i0.ɵɵelementStart(
|
|
84
|
-
i0.ɵɵelement(
|
|
108
|
+
i0.ɵɵelementStart(9, "mj-tab-body");
|
|
109
|
+
i0.ɵɵelement(10, "router-outlet");
|
|
85
110
|
i0.ɵɵelementEnd();
|
|
86
|
-
i0.ɵɵ
|
|
111
|
+
i0.ɵɵrepeaterCreate(11, NavigationComponent_kendo_drawer_container_3_For_12_Template, 4, 3, "mj-tab", 13, _forTrack0);
|
|
112
|
+
i0.ɵɵrepeaterCreate(13, NavigationComponent_kendo_drawer_container_3_For_14_Template, 2, 2, "mj-tab-body", null, _forTrack0);
|
|
87
113
|
i0.ɵɵelementEnd()()();
|
|
88
114
|
} if (rf & 2) {
|
|
89
115
|
const ctx_r2 = i0.ɵɵnextContext();
|
|
90
116
|
i0.ɵɵadvance();
|
|
91
117
|
i0.ɵɵproperty("items", ctx_r2.drawerItems)("mode", ctx_r2.mode)("mini", ctx_r2.mini)("animation", false)("autoCollapse", false);
|
|
92
|
-
i0.ɵɵadvance(
|
|
118
|
+
i0.ɵɵadvance(6);
|
|
93
119
|
i0.ɵɵproperty("TabCloseable", false);
|
|
94
120
|
i0.ɵɵadvance(4);
|
|
95
|
-
i0.ɵɵ
|
|
96
|
-
i0.ɵɵadvance();
|
|
97
|
-
i0.ɵɵ
|
|
121
|
+
i0.ɵɵrepeater(ctx_r2.tabs);
|
|
122
|
+
i0.ɵɵadvance(2);
|
|
123
|
+
i0.ɵɵrepeater(ctx_r2.tabs);
|
|
98
124
|
} }
|
|
99
125
|
function NavigationComponent_div_5_Template(rf, ctx) { if (rf & 1) {
|
|
100
|
-
const
|
|
101
|
-
i0.ɵɵelementStart(0, "div",
|
|
102
|
-
i0.ɵɵlistener("click", function NavigationComponent_div_5_Template_div_click_1_listener() { i0.ɵɵrestoreView(
|
|
126
|
+
const _r35 = i0.ɵɵgetCurrentView();
|
|
127
|
+
i0.ɵɵelementStart(0, "div", 21)(1, "div", 22);
|
|
128
|
+
i0.ɵɵlistener("click", function NavigationComponent_div_5_Template_div_click_1_listener() { i0.ɵɵrestoreView(_r35); const ctx_r34 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r34.handleContextMenuOption(1)); });
|
|
103
129
|
i0.ɵɵtext(2, "Close All");
|
|
104
130
|
i0.ɵɵelementEnd();
|
|
105
|
-
i0.ɵɵelementStart(3, "div",
|
|
106
|
-
i0.ɵɵlistener("click", function NavigationComponent_div_5_Template_div_click_3_listener() { i0.ɵɵrestoreView(
|
|
131
|
+
i0.ɵɵelementStart(3, "div", 22);
|
|
132
|
+
i0.ɵɵlistener("click", function NavigationComponent_div_5_Template_div_click_3_listener() { i0.ɵɵrestoreView(_r35); const ctx_r36 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r36.handleContextMenuOption(2)); });
|
|
107
133
|
i0.ɵɵtext(4, "Close Others");
|
|
108
134
|
i0.ɵɵelementEnd();
|
|
109
|
-
i0.ɵɵelementStart(5, "div",
|
|
110
|
-
i0.ɵɵlistener("click", function NavigationComponent_div_5_Template_div_click_5_listener() { i0.ɵɵrestoreView(
|
|
135
|
+
i0.ɵɵelementStart(5, "div", 22);
|
|
136
|
+
i0.ɵɵlistener("click", function NavigationComponent_div_5_Template_div_click_5_listener() { i0.ɵɵrestoreView(_r35); const ctx_r37 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r37.handleContextMenuOption(3)); });
|
|
111
137
|
i0.ɵɵtext(6, "Close Tabs to the Right");
|
|
112
138
|
i0.ɵɵelementEnd()();
|
|
113
139
|
} if (rf & 2) {
|
|
@@ -213,7 +239,7 @@ export class NavigationComponent {
|
|
|
213
239
|
const tab = this.closedTabs[i];
|
|
214
240
|
yield this.removeWorkspaceItem(tab, transGroup);
|
|
215
241
|
}
|
|
216
|
-
|
|
242
|
+
transGroup.Submit(); // INTENTIONALLY NOT USING AWAIT here - let's let the database updates for workspace edits happen in the background, no need to wait
|
|
217
243
|
yield this.waitForDomUpdate(); // make sure the DOM is updated before we do anything else so that the tab control knows about the changes from our data structure changes ABOVE
|
|
218
244
|
if (this.activeTabIndex > this.tabs.length) // DO NOT add 1 here because in this case, the array boundary is the max for the tab control
|
|
219
245
|
this.activeTabIndex = this.tabs.length; // don't subtract 1 here because the activeTabIndex is relative to the full set of tabs and the this.tabs array doesn't include the HOME tab
|
|
@@ -764,7 +790,7 @@ export class NavigationComponent {
|
|
|
764
790
|
return __awaiter(this, void 0, void 0, function* () {
|
|
765
791
|
const tabIndex = this.tabs.indexOf(tab);
|
|
766
792
|
if (tabIndex >= 0) {
|
|
767
|
-
|
|
793
|
+
this.removeWorkspaceItem(this.tabs[tabIndex], null /*no transaction group*/); // INTENTIONAL - do not use await here, we want to let the database updates happen in the background
|
|
768
794
|
// await this.waitForDomUpdate(); // make sure dom is up to date
|
|
769
795
|
// now, check to see how many tabs we have left and if we have none, then we need to select the HOME tab
|
|
770
796
|
if (this.tabs.length > 0) {
|
|
@@ -938,7 +964,7 @@ export class NavigationComponent {
|
|
|
938
964
|
selected: false,
|
|
939
965
|
text: 'Ask Skip',
|
|
940
966
|
path: '/askskip',
|
|
941
|
-
|
|
967
|
+
icon: "fa-solid fa-robot"
|
|
942
968
|
};
|
|
943
969
|
this.drawerItems.push(drawerItem);
|
|
944
970
|
});
|
|
@@ -950,7 +976,7 @@ export class NavigationComponent {
|
|
|
950
976
|
selected: true,
|
|
951
977
|
text: 'Home',
|
|
952
978
|
path: '/home',
|
|
953
|
-
|
|
979
|
+
icon: "fa-solid fa-house"
|
|
954
980
|
};
|
|
955
981
|
this.drawerItems.push(drawerItem);
|
|
956
982
|
});
|
|
@@ -962,7 +988,7 @@ export class NavigationComponent {
|
|
|
962
988
|
selected: false,
|
|
963
989
|
text: 'Settings',
|
|
964
990
|
path: '/settings',
|
|
965
|
-
|
|
991
|
+
icon: "fa-solid fa-gear"
|
|
966
992
|
};
|
|
967
993
|
this.drawerItems.push(drawerItem);
|
|
968
994
|
});
|
|
@@ -981,7 +1007,7 @@ export class NavigationComponent {
|
|
|
981
1007
|
selected: false,
|
|
982
1008
|
text: 'Files',
|
|
983
1009
|
path: '/files',
|
|
984
|
-
|
|
1010
|
+
icon: "fa-regular fa-folder"
|
|
985
1011
|
};
|
|
986
1012
|
this.drawerItems.push(drawerItem);
|
|
987
1013
|
}
|
|
@@ -994,7 +1020,7 @@ export class NavigationComponent {
|
|
|
994
1020
|
selected: false,
|
|
995
1021
|
text: 'Data',
|
|
996
1022
|
path: '/data',
|
|
997
|
-
|
|
1023
|
+
icon: "fa-solid fa-database"
|
|
998
1024
|
};
|
|
999
1025
|
this.drawerItems.push(drawerItem);
|
|
1000
1026
|
});
|
|
@@ -1003,13 +1029,12 @@ export class NavigationComponent {
|
|
|
1003
1029
|
return __awaiter(this, void 0, void 0, function* () {
|
|
1004
1030
|
const rt = this.sharedService.ResourceTypeByName(resourceType);
|
|
1005
1031
|
if (rt) {
|
|
1006
|
-
const icon = rt.Icon;
|
|
1007
1032
|
const drawerItem = {
|
|
1008
1033
|
id: key,
|
|
1009
1034
|
selected: false,
|
|
1010
1035
|
text: resourceType,
|
|
1011
1036
|
path: path,
|
|
1012
|
-
|
|
1037
|
+
icon: rt.Icon ? rt.Icon : "fa-regular fa-file-alt"
|
|
1013
1038
|
};
|
|
1014
1039
|
this.drawerItems.push(drawerItem);
|
|
1015
1040
|
}
|
|
@@ -1031,6 +1056,7 @@ export class NavigationComponent {
|
|
|
1031
1056
|
}
|
|
1032
1057
|
toggle() {
|
|
1033
1058
|
this.drawer.toggle();
|
|
1059
|
+
this.mini = !this.mini;
|
|
1034
1060
|
this.sharedService.InvokeManualResize();
|
|
1035
1061
|
}
|
|
1036
1062
|
}
|
|
@@ -1050,9 +1076,9 @@ NavigationComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Navigat
|
|
|
1050
1076
|
i0.ɵɵlistener("resize", function NavigationComponent_resize_HostBindingHandler() { return ctx.onWindowResize(); }, false, i0.ɵɵresolveWindow)("click", function NavigationComponent_click_HostBindingHandler() { return ctx.onClick(); }, false, i0.ɵɵresolveDocument);
|
|
1051
1077
|
} if (rf & 2) {
|
|
1052
1078
|
i0.ɵɵclassProp("mobile-screen", ctx.isMobileScreen);
|
|
1053
|
-
} }, inputs: { applicationName: "applicationName" }, decls: 6, vars: 6, consts: [[1, "navigation-wrap", 3, "ngClass"], ["drawerWrapper", ""], ["type", "converging-spinner", 4, "ngIf"], [4, "ngIf"], ["action", "route"], ["class", "context-menu", 3, "ngStyle", 4, "ngIf"], ["type", "converging-spinner"], [3, "items", "mode", "mini", "animation", "autoCollapse", "select"], ["drawer", ""], ["mjFillContainer", ""], ["mjFillContainer", "", 3, "TabClosed", "TabSelected", "TabContextMenu"], ["mjTabstrip", ""], [3, "TabCloseable"], [
|
|
1079
|
+
} }, inputs: { applicationName: "applicationName" }, decls: 6, vars: 6, consts: [[1, "navigation-wrap", 3, "ngClass"], ["drawerWrapper", ""], ["type", "converging-spinner", 4, "ngIf"], [4, "ngIf"], ["action", "route"], ["class", "context-menu", 3, "ngStyle", 4, "ngIf"], ["type", "converging-spinner"], [3, "items", "mode", "mini", "animation", "autoCollapse", "select"], ["drawer", ""], ["kendoDrawerItemTemplate", ""], ["mjFillContainer", ""], ["mjFillContainer", "", 3, "TabClosed", "TabSelected", "TabContextMenu"], ["mjTabstrip", ""], [3, "TabCloseable"], [1, "drawer-item-icon"], ["class", "item-descr-wrap", 4, "ngIf"], [1, "item-descr-wrap"], [1, "item-descr"], ["class", "fa-regular fa-clock"], [1, "fa-regular", "fa-clock"], ["mjFillContainer", "", 1, "tab-resource", 3, "Data", "isVisible", "ResourceRecordSaved", "ContentLoadingStarted", "ContentLoadingComplete"], [1, "context-menu", 3, "ngStyle"], [1, "context-menu-item", 3, "click"]], template: function NavigationComponent_Template(rf, ctx) { if (rf & 1) {
|
|
1054
1080
|
i0.ɵɵelementStart(0, "div", 0, 1);
|
|
1055
|
-
i0.ɵɵtemplate(2, NavigationComponent_kendo_loader_2_Template, 1, 0, "kendo-loader", 2)(3, NavigationComponent_kendo_drawer_container_3_Template,
|
|
1081
|
+
i0.ɵɵtemplate(2, NavigationComponent_kendo_loader_2_Template, 1, 0, "kendo-loader", 2)(3, NavigationComponent_kendo_drawer_container_3_Template, 15, 6, "kendo-drawer-container", 3);
|
|
1056
1082
|
i0.ɵɵelement(4, "mj-skip-button", 4);
|
|
1057
1083
|
i0.ɵɵelementEnd();
|
|
1058
1084
|
i0.ɵɵtemplate(5, NavigationComponent_div_5_Template, 7, 1, "div", 5);
|
|
@@ -1064,10 +1090,10 @@ NavigationComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Navigat
|
|
|
1064
1090
|
i0.ɵɵproperty("ngIf", !ctx.loading);
|
|
1065
1091
|
i0.ɵɵadvance(2);
|
|
1066
1092
|
i0.ɵɵproperty("ngIf", ctx.contextMenuVisible);
|
|
1067
|
-
} }, dependencies: [i3.NgClass, i3.
|
|
1093
|
+
} }, dependencies: [i3.NgClass, i3.NgIf, i3.NgStyle, i1.RouterOutlet, i5.LoaderComponent, i6.FillContainer, i7.DrawerComponent, i7.DrawerContainerComponent, i7.DrawerContentComponent, i7.DrawerItemTemplateDirective, i8.SkipButtonComponent, i9.MJTabStripComponent, i9.MJTabBodyComponent, i9.MJTabComponent, i10.ResourceContainerComponent], styles: [".navigation-wrap[_ngcontent-%COMP%] {\n height: calc(100vh - 80px);\n width: 100%;\n overflow:hidden\n}\n\n.nav-tab-title[_ngcontent-%COMP%] {\n margin-left: 10px;\n}\n\n.drawer-item-icon[_ngcontent-%COMP%] {\n width: 12px;\n height: 12px;\n}\n\n.context-menu[_ngcontent-%COMP%] {\n position: fixed;\n z-index: 9999;\n background-color: #ffffff;\n border: 1px solid #ccc;\n padding: 3px 3px;\n box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);\n}\n\n.context-menu-item[_ngcontent-%COMP%] {\n padding: 8px 16px;\n cursor: pointer;\n}\n\n.context-menu-item[_ngcontent-%COMP%]:hover {\n background-color: #f1f1f1;\n}\n .navigation-wrap .drawer-container {\n background: var(--gray-color);\n}\n .navigation-wrap .drawer-container .k-content {\n padding: 25px;\n}\n .navigation-wrap .drawer-container .k-tabstrip-items-wrapper {\n background: var(--med-gray);\n padding-left: 20px;\n}\n .navigation-wrap .drawer-container .k-tabstrip-items-wrapper .k-item.k-active{\n border: 1px solid var(--light-gray);\n background: var(--light-gray);\n border-radius: 8px 8px 0 0;\n color: var(--blue-text);\n\n}\n .navigation-wrap .drawer-container .k-tabstrip-items-wrapper .k-item:hover {\n color: var(--blue-text);\n}\n\n .navigation-wrap .drawer-container .k-tabstrip-items-wrapper .k-item {\n\n background: var(--med-gray);\n border-radius: 0;\n border-right: 1px solid #909090;\n}\n\n.tab-resource[_ngcontent-%COMP%] {\n display: block;\n}"] });
|
|
1068
1094
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(NavigationComponent, [{
|
|
1069
1095
|
type: Component,
|
|
1070
|
-
args: [{ selector: 'app-navigation', template: "<div class=\"navigation-wrap\" [ngClass]=\"{'waiting': loader}\" #drawerWrapper>\n <kendo-loader *ngIf=\"loading\" type=\"converging-spinner\" ></kendo-loader>\n <kendo-drawer-container *ngIf=\"!loading\" >\n <kendo-drawer\n #drawer\n [items]=\"drawerItems\"\n [mode]=\"mode\"\n [mini]=\"mini\"\n [animation]=\"false\"\n (select)=\"onDrawerSelect($event)\"\n [autoCollapse]=\"false\"\n >\n
|
|
1096
|
+
args: [{ selector: 'app-navigation', template: "<div class=\"navigation-wrap\" [ngClass]=\"{'waiting': loader}\" #drawerWrapper>\n <kendo-loader *ngIf=\"loading\" type=\"converging-spinner\" ></kendo-loader>\n <kendo-drawer-container *ngIf=\"!loading\" >\n <kendo-drawer\n #drawer\n [items]=\"drawerItems\"\n [mode]=\"mode\"\n [mini]=\"mini\"\n [animation]=\"false\"\n (select)=\"onDrawerSelect($event)\"\n [autoCollapse]=\"false\"\n >\n <ng-template kendoDrawerItemTemplate let-item>\n <div class=\"drawer-item-icon\">\n <span [class]=\"item.icon\"></span>\n </div>\n <div class=\"item-descr-wrap\" *ngIf=\"!mini\">\n <div>{{ item.text }}</div>\n <span class=\"item-descr\">{{ item.description }}</span>\n </div>\n </ng-template> \n </kendo-drawer>\n <kendo-drawer-content mjFillContainer>\n\n <mj-tabstrip #mjTabstrip mjFillContainer (TabClosed)=\"handleTabClosed($event)\" (TabSelected)=\"handleTabSelected($event)\" (TabContextMenu)=\"handleTabContextMenu($event)\">\n <mj-tab [TabCloseable]=\"false\">\n Home\n </mj-tab>\n <mj-tab-body>\n <router-outlet></router-outlet>\n </mj-tab-body>\n\n @for(tab of tabs; track tab.id; let i = $index) {\n <mj-tab [TabCloseable]=\"true\">\n @if(tab?.contentLoading) {\n <span class=\"fa-regular fa-clock\"></span>\n }\n @else if (tab?.icon) {\n <span [class]=\"tab.icon\"></span>\n }\n {{ tab.labelLoading ? 'Loading...' : tab.label }}\n </mj-tab>\n }\n @for(tab of tabs; track tab.id; let i = $index) {\n <mj-tab-body>\n <mj-resource [Data]=\"tab.data\" [isVisible]=\"activeTabIndex - 1 === i\"\n (ResourceRecordSaved)=\"SaveSingleWorkspaceItem(tab)\"\n (ContentLoadingStarted)=\"setTabContentLoadingStatus(tab, true)\"\n (ContentLoadingComplete)=\"setTabContentLoadingStatus(tab, false)\"\n mjFillContainer\n class=\"tab-resource\"\n ></mj-resource>\n </mj-tab-body> \n }\n </mj-tabstrip>\n </kendo-drawer-content>\n </kendo-drawer-container>\n\n \n <mj-skip-button\n action=\"route\"\n ></mj-skip-button>\n <!-- Skip Button shows up through the above line of code -->\n</div>\n\n<div class=\"context-menu\" [ngStyle]=\"contextMenuStyle\" *ngIf=\"contextMenuVisible\">\n <div class=\"context-menu-item\" (click)=\"handleContextMenuOption(1)\">Close All</div>\n <div class=\"context-menu-item\" (click)=\"handleContextMenuOption(2)\">Close Others</div>\n <div class=\"context-menu-item\" (click)=\"handleContextMenuOption(3)\">Close Tabs to the Right</div>\n </div>\n", styles: [".navigation-wrap {\n height: calc(100vh - 80px);\n width: 100%;\n overflow:hidden\n}\n\n.nav-tab-title {\n margin-left: 10px;\n}\n\n.drawer-item-icon {\n width: 12px;\n height: 12px;\n}\n\n.context-menu {\n position: fixed;\n z-index: 9999;\n background-color: #ffffff;\n border: 1px solid #ccc;\n padding: 3px 3px;\n box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);\n}\n\n.context-menu-item {\n padding: 8px 16px;\n cursor: pointer;\n}\n\n.context-menu-item:hover {\n background-color: #f1f1f1;\n}\n::ng-deep .navigation-wrap .drawer-container {\n background: var(--gray-color);\n}\n::ng-deep .navigation-wrap .drawer-container .k-content {\n padding: 25px;\n}\n::ng-deep .navigation-wrap .drawer-container .k-tabstrip-items-wrapper {\n background: var(--med-gray);\n padding-left: 20px;\n}\n::ng-deep .navigation-wrap .drawer-container .k-tabstrip-items-wrapper .k-item.k-active{\n border: 1px solid var(--light-gray);\n background: var(--light-gray);\n border-radius: 8px 8px 0 0;\n color: var(--blue-text);\n\n}\n::ng-deep .navigation-wrap .drawer-container .k-tabstrip-items-wrapper .k-item:hover {\n color: var(--blue-text);\n}\n\n::ng-deep .navigation-wrap .drawer-container .k-tabstrip-items-wrapper .k-item {\n\n background: var(--med-gray);\n border-radius: 0;\n border-right: 1px solid #909090;\n}\n\n.tab-resource {\n display: block;\n}"] }]
|
|
1071
1097
|
}], () => [{ type: i1.Router }, { type: i1.ActivatedRoute }, { type: i2.SharedService }, { type: i3.Location }, { type: i0.Renderer2 }, { type: i4.Title }, { type: i0.ChangeDetectorRef }], { applicationName: [{
|
|
1072
1098
|
type: Input
|
|
1073
1099
|
}], isMobileScreen: [{
|
|
@@ -1092,4 +1118,4 @@ NavigationComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Navigat
|
|
|
1092
1118
|
type: HostListener,
|
|
1093
1119
|
args: ['document:click']
|
|
1094
1120
|
}] }); })();
|
|
1095
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(NavigationComponent, { className: "NavigationComponent", filePath: "src/lib/navigation/navigation.component.ts", lineNumber:
|
|
1121
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(NavigationComponent, { className: "NavigationComponent", filePath: "src/lib/navigation/navigation.component.ts", lineNumber: 30 }); })();
|
|
@@ -74,62 +74,50 @@ function SingleDashboardComponent_div_10_Template(rf, ctx) { if (rf & 1) {
|
|
|
74
74
|
const _r27 = i0.ɵɵgetCurrentView();
|
|
75
75
|
i0.ɵɵelementStart(0, "div")(1, "kendo-button", 18);
|
|
76
76
|
i0.ɵɵlistener("click", function SingleDashboardComponent_div_10_Template_kendo_button_click_1_listener() { i0.ɵɵrestoreView(_r27); const ctx_r26 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r26.onClickSaveDashboard()); });
|
|
77
|
-
i0.ɵɵelement(2, "
|
|
77
|
+
i0.ɵɵelement(2, "span", 22);
|
|
78
78
|
i0.ɵɵtext(3, " Save ");
|
|
79
79
|
i0.ɵɵelementEnd();
|
|
80
80
|
i0.ɵɵelementStart(4, "kendo-button", 18);
|
|
81
81
|
i0.ɵɵlistener("click", function SingleDashboardComponent_div_10_Template_kendo_button_click_4_listener() { i0.ɵɵrestoreView(_r27); const ctx_r28 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r28.onclickCancelChanges()); });
|
|
82
|
-
i0.ɵɵelement(5, "
|
|
82
|
+
i0.ɵɵelement(5, "span", 23);
|
|
83
83
|
i0.ɵɵtext(6, " Cancel ");
|
|
84
84
|
i0.ɵɵelementEnd()();
|
|
85
|
-
} if (rf & 2) {
|
|
86
|
-
const ctx_r6 = i0.ɵɵnextContext();
|
|
87
|
-
i0.ɵɵadvance(2);
|
|
88
|
-
i0.ɵɵproperty("icon", ctx_r6.sharedService.kendoSVGIcon("check"));
|
|
89
|
-
i0.ɵɵadvance(3);
|
|
90
|
-
i0.ɵɵproperty("icon", ctx_r6.sharedService.kendoSVGIcon("cancel"));
|
|
91
85
|
} }
|
|
92
86
|
function SingleDashboardComponent_ng_template_11_Template(rf, ctx) { if (rf & 1) {
|
|
93
87
|
const _r30 = i0.ɵɵgetCurrentView();
|
|
94
88
|
i0.ɵɵelementStart(0, "kendo-button", 18);
|
|
95
89
|
i0.ɵɵlistener("click", function SingleDashboardComponent_ng_template_11_Template_kendo_button_click_0_listener() { i0.ɵɵrestoreView(_r30); const ctx_r29 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r29.addItem()); });
|
|
96
|
-
i0.ɵɵelement(1, "
|
|
90
|
+
i0.ɵɵelement(1, "span", 24);
|
|
97
91
|
i0.ɵɵtext(2, " Add Item ");
|
|
98
92
|
i0.ɵɵelementEnd();
|
|
99
93
|
i0.ɵɵelementStart(3, "kendo-button", 18);
|
|
100
94
|
i0.ɵɵlistener("click", function SingleDashboardComponent_ng_template_11_Template_kendo_button_click_3_listener() { i0.ɵɵrestoreView(_r30); const ctx_r31 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r31.toggleEditDashboard(true)); });
|
|
101
|
-
i0.ɵɵelement(4, "
|
|
95
|
+
i0.ɵɵelement(4, "span", 25);
|
|
102
96
|
i0.ɵɵtext(5, " Edit Dashboard ");
|
|
103
97
|
i0.ɵɵelementEnd();
|
|
104
|
-
} if (rf & 2) {
|
|
105
|
-
const ctx_r7 = i0.ɵɵnextContext();
|
|
106
|
-
i0.ɵɵadvance();
|
|
107
|
-
i0.ɵɵproperty("icon", ctx_r7.sharedService.kendoSVGIcon("plus"));
|
|
108
|
-
i0.ɵɵadvance(3);
|
|
109
|
-
i0.ɵɵproperty("icon", ctx_r7.sharedService.kendoSVGIcon("gear"));
|
|
110
98
|
} }
|
|
111
99
|
function SingleDashboardComponent_For_16_Conditional_3_Template(rf, ctx) { if (rf & 1) {
|
|
112
100
|
const _r39 = i0.ɵɵgetCurrentView();
|
|
113
|
-
i0.ɵɵelementStart(0, "div")(1, "div",
|
|
101
|
+
i0.ɵɵelementStart(0, "div")(1, "div", 29)(2, "button", 30);
|
|
114
102
|
i0.ɵɵlistener("click", function SingleDashboardComponent_For_16_Conditional_3_Template_button_click_2_listener() { i0.ɵɵrestoreView(_r39); const ctx_r38 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r38.toggleEditDashboard(true)); });
|
|
115
|
-
i0.ɵɵelement(3, "span",
|
|
103
|
+
i0.ɵɵelement(3, "span", 31);
|
|
116
104
|
i0.ɵɵelementEnd();
|
|
117
|
-
i0.ɵɵelementStart(4, "button",
|
|
105
|
+
i0.ɵɵelementStart(4, "button", 30);
|
|
118
106
|
i0.ɵɵlistener("click", function SingleDashboardComponent_For_16_Conditional_3_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r39); const item_r32 = i0.ɵɵnextContext().$implicit; const ctx_r40 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r40.showConfirmDeleteDashboardItem(item_r32)); });
|
|
119
|
-
i0.ɵɵelement(5, "span",
|
|
107
|
+
i0.ɵɵelement(5, "span", 32);
|
|
120
108
|
i0.ɵɵelementEnd()()();
|
|
121
109
|
} }
|
|
122
110
|
const _c1 = a0 => [a0];
|
|
123
111
|
const _c2 = a1 => ["dashboard-item-header", a1];
|
|
124
112
|
function SingleDashboardComponent_For_16_Template(rf, ctx) { if (rf & 1) {
|
|
125
113
|
const _r43 = i0.ɵɵgetCurrentView();
|
|
126
|
-
i0.ɵɵelementStart(0, "kendo-tilelayout-item",
|
|
114
|
+
i0.ɵɵelementStart(0, "kendo-tilelayout-item", 26);
|
|
127
115
|
i0.ɵɵlistener("mouseenter", function SingleDashboardComponent_For_16_Template_kendo_tilelayout_item_mouseenter_0_listener($event) { i0.ɵɵrestoreView(_r43); const ctx_r42 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r42.onMouseEnter($event)); })("mouseleave", function SingleDashboardComponent_For_16_Template_kendo_tilelayout_item_mouseleave_0_listener($event) { i0.ɵɵrestoreView(_r43); const ctx_r44 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r44.onMouseOut($event)); });
|
|
128
|
-
i0.ɵɵelementStart(1, "kendo-tilelayout-item-header",
|
|
116
|
+
i0.ɵɵelementStart(1, "kendo-tilelayout-item-header", 27);
|
|
129
117
|
i0.ɵɵtext(2);
|
|
130
118
|
i0.ɵɵtemplate(3, SingleDashboardComponent_For_16_Conditional_3_Template, 6, 0, "div");
|
|
131
119
|
i0.ɵɵelementEnd();
|
|
132
|
-
i0.ɵɵelementStart(4, "kendo-tilelayout-item-body",
|
|
120
|
+
i0.ɵɵelementStart(4, "kendo-tilelayout-item-body", 27)(5, "mj-resource", 28);
|
|
133
121
|
i0.ɵɵlistener("ContentLoadingStarted", function SingleDashboardComponent_For_16_Template_mj_resource_ContentLoadingStarted_5_listener($event) { i0.ɵɵrestoreView(_r43); const ctx_r45 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r45.loadingStarted($event)); })("ContentLoadingComplete", function SingleDashboardComponent_For_16_Template_mj_resource_ContentLoadingComplete_5_listener($event) { i0.ɵɵrestoreView(_r43); const ctx_r46 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r46.loadingComplete($event)); });
|
|
134
122
|
i0.ɵɵelementEnd()()();
|
|
135
123
|
} if (rf & 2) {
|
|
@@ -426,17 +414,17 @@ SingleDashboardComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Si
|
|
|
426
414
|
} if (rf & 2) {
|
|
427
415
|
let _t;
|
|
428
416
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.dashboardNameInput = _t.first);
|
|
429
|
-
} }, inputs: { ResourceData: "ResourceData" }, outputs: { dashboardSaved: "dashboardSaved", loadComplete: "loadComplete", loadStarted: "loadStarted" }, decls: 17, vars: 11, consts: [[3, "selectedResource", "onClose", 4, "ngIf"], [4, "ngIf"], [3, "dashboardItem", "removeDashboardItem", "onClose", 4, "ngIf"], [1, "dashboard-container"], [1, "main-head-dashboard"], [1, "dashboard-title"], ["class", "dashboard-header k-d-flex k-flex-row k-justify-content-flex-end", 4, "ngIf", "ngIfElse"], ["dashboard_name_header", ""], [1, "dashboard-header", "k-d-flex", "k-flex-row", "k-justify-content-flex-end"], [4, "ngIf", "ngIfElse"], ["edit_dashboard_buttons", ""], [1, "tile-resource-container"], [3, "columns", "rowHeight", "resizable", "reorderable", "reorder", "resize"], [3, "selectedResource", "onClose"], [3, "items", "config", "onClose", "triggerAddItem", "onSave"], [3, "dashboardItem", "removeDashboardItem", "onClose"], ["type", "text", "placeholder", "Enter name here", "id", "txtDashboardName", 1, "k-textbox", "k-input", "k-input-md", "k-rounded-md", "k-input-solid", 3, "keydown.enter"], ["dashboardNameInput", ""], [3, "click"], [1, "k-i-check", "k-button-icon", "k-icon", "ng-star-inserted"], [1, "k-icon", "k-i-cancel"], [1, "k-icon", "k-i-star"], [
|
|
417
|
+
} }, inputs: { ResourceData: "ResourceData" }, outputs: { dashboardSaved: "dashboardSaved", loadComplete: "loadComplete", loadStarted: "loadStarted" }, decls: 17, vars: 11, consts: [[3, "selectedResource", "onClose", 4, "ngIf"], [4, "ngIf"], [3, "dashboardItem", "removeDashboardItem", "onClose", 4, "ngIf"], [1, "dashboard-container"], [1, "main-head-dashboard"], [1, "dashboard-title"], ["class", "dashboard-header k-d-flex k-flex-row k-justify-content-flex-end", 4, "ngIf", "ngIfElse"], ["dashboard_name_header", ""], [1, "dashboard-header", "k-d-flex", "k-flex-row", "k-justify-content-flex-end"], [4, "ngIf", "ngIfElse"], ["edit_dashboard_buttons", ""], [1, "tile-resource-container"], [3, "columns", "rowHeight", "resizable", "reorderable", "reorder", "resize"], [3, "selectedResource", "onClose"], [3, "items", "config", "onClose", "triggerAddItem", "onSave"], [3, "dashboardItem", "removeDashboardItem", "onClose"], ["type", "text", "placeholder", "Enter name here", "id", "txtDashboardName", 1, "k-textbox", "k-input", "k-input-md", "k-rounded-md", "k-input-solid", 3, "keydown.enter"], ["dashboardNameInput", ""], [3, "click"], [1, "k-i-check", "k-button-icon", "k-icon", "ng-star-inserted"], [1, "k-icon", "k-i-cancel"], [1, "k-icon", "k-i-star"], [1, "fa-solid", "fa-check"], [1, "fa-solid", "fa-xmark"], [1, "fa-solid", "fa-plus"], [1, "fa-solid", "fa-gear"], [3, "ngClass", "col", "colSpan", "rowSpan", "id", "mouseenter", "mouseleave"], [3, "ngClass"], [3, "Data", "isVisible", "ContentLoadingStarted", "ContentLoadingComplete"], [1, "btn-wrapper"], ["kendoButton", "", 3, "click"], [1, "fa-solid", "fa-pen-to-square"], [1, "fa-solid", "fa-trash"], [3, "ngClass", "col", "colSpan", "rowSpan", "id"]], template: function SingleDashboardComponent_Template(rf, ctx) { if (rf & 1) {
|
|
430
418
|
i0.ɵɵtemplate(0, SingleDashboardComponent_app_add_item_dialog_0_Template, 1, 1, "app-add-item-dialog", 0)(1, SingleDashboardComponent_div_1_Template, 2, 2, "div", 1)(2, SingleDashboardComponent_app_delete_item_dialog_2_Template, 1, 1, "app-delete-item-dialog", 2);
|
|
431
419
|
i0.ɵɵelementStart(3, "div", 3)(4, "div", 4)(5, "div", 5);
|
|
432
420
|
i0.ɵɵtemplate(6, SingleDashboardComponent_div_6_Template, 7, 0, "div", 6)(7, SingleDashboardComponent_ng_template_7_Template, 3, 1, "ng-template", null, 7, i0.ɵɵtemplateRefExtractor);
|
|
433
421
|
i0.ɵɵelementEnd();
|
|
434
422
|
i0.ɵɵelementStart(9, "div", 8);
|
|
435
|
-
i0.ɵɵtemplate(10, SingleDashboardComponent_div_10_Template, 7,
|
|
423
|
+
i0.ɵɵtemplate(10, SingleDashboardComponent_div_10_Template, 7, 0, "div", 9)(11, SingleDashboardComponent_ng_template_11_Template, 6, 0, "ng-template", null, 10, i0.ɵɵtemplateRefExtractor);
|
|
436
424
|
i0.ɵɵelementEnd()();
|
|
437
425
|
i0.ɵɵelementStart(13, "div", 11)(14, "kendo-tilelayout", 12);
|
|
438
426
|
i0.ɵɵlistener("reorder", function SingleDashboardComponent_Template_kendo_tilelayout_reorder_14_listener($event) { return ctx.onReorder($event); })("resize", function SingleDashboardComponent_Template_kendo_tilelayout_resize_14_listener($event) { return ctx.onResize($event); });
|
|
439
|
-
i0.ɵɵrepeaterCreate(15, SingleDashboardComponent_For_16_Template, 6, 17, "kendo-tilelayout-item",
|
|
427
|
+
i0.ɵɵrepeaterCreate(15, SingleDashboardComponent_For_16_Template, 6, 17, "kendo-tilelayout-item", 33, _forTrack0);
|
|
440
428
|
i0.ɵɵelementEnd()()();
|
|
441
429
|
} if (rf & 2) {
|
|
442
430
|
const _r5 = i0.ɵɵreference(8);
|
|
@@ -457,7 +445,7 @@ SingleDashboardComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Si
|
|
|
457
445
|
} }, styles: [".dashboard-title[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n gap: 20px;\n}\n.dashboard-title[_ngcontent-%COMP%] .k-icon[_ngcontent-%COMP%] {\n color: var(--border-blue);\n font-size: 25px;\n}\n.dashboard-title[_ngcontent-%COMP%] h3[_ngcontent-%COMP%] {\ncolor: #424242;\nfont-size: 28px;\nfont-style: normal;\nfont-weight: 300;\nline-height: 28px;\n}\n.dashboard-header[_ngcontent-%COMP%] {\n display: flex;\n gap: 10px;\n align-items: center;\n}\n .dashboard-header .k-button-solid-base {\n border: 1px solid var(--border-blue) !important;\n color: var(--border-blue) !important;\n border-radius: 10px;\n line-height: 34px;\n background: var(--white-color);\n}\n .dashboard-header .k-button-solid-primary {\n background: var(--border-blue) !important;\n color: var(--white-color) !important;\n border-radius: 10px;\n line-height: 34px;\n border-color: var(--border-blue);\n}\n .dashboard-header .btn-ref .k-button-text {\n display: flex;\n gap: 10px;\n}\n .dashboard-header[_ngcontent-%COMP%] .btn-ref[_ngcontent-%COMP%] {\n border: none;\n background: transparent;\n}\n.main-head-dashboard[_ngcontent-%COMP%] {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 20px;\n padding-bottom: 20px;\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n}\n\n.tile-resource-container[_ngcontent-%COMP%] .k-tilelayout[_ngcontent-%COMP%] {\n background: #fff;\n}\n\n.bg-light-grey[_ngcontent-%COMP%] {\n background-color: lightgray;\n}\n\n.bg-dark-grey[_ngcontent-%COMP%] {\n background-color: darkgray;\n}\n\n.bg-blue[_ngcontent-%COMP%] {\n background-color: #4250AD;\n color: white;\n}\n\n.dashboard-item-header[_ngcontent-%COMP%] {\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.button-spacing[_ngcontent-%COMP%] {\n margin-right: 8px\n}\n\n.btn-wrapper[_ngcontent-%COMP%] > button[_ngcontent-%COMP%] {\n margin-left: 5px;\n}"] });
|
|
458
446
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SingleDashboardComponent, [{
|
|
459
447
|
type: Component,
|
|
460
|
-
args: [{ selector: 'mj-single-dashboard', template: "<app-add-item-dialog *ngIf=\"isItemDialogOpened\" (onClose)=\"closeDialog($event)\" [selectedResource]=\"selectedResource\"></app-add-item-dialog>\n<div *ngIf=\"isEditDialogOpened\">\n <app-edit-dashboard (onClose)=\"closeDashboardDialog($event)\" (triggerAddItem)=\"addItem($event)\" [items]=\"items\" [config]=\"config\" (onSave)=\"saveChanges($event)\"></app-edit-dashboard>\n</div>\n\n<app-delete-item-dialog *ngIf=\"isDeletingDashboardItem\" [dashboardItem]=\"selectedDashboardItem\" (removeDashboardItem)=\"deleteDashboardItem($event)\" (onClose)=\"closeDeleteItemComponent()\"></app-delete-item-dialog>\n\n<div class=\"dashboard-container\">\n <div class=\"main-head-dashboard\">\n <div class=\"dashboard-title\">\n <div *ngIf=\"isEditDashboardNameDialogOpened; else dashboard_name_header\" class=\"dashboard-header k-d-flex k-flex-row k-justify-content-flex-end\">\n <input class=\"k-textbox k-input k-input-md k-rounded-md k-input-solid\" (keydown.enter)=\"saveDashboardName()\" type=\"text\" placeholder=\"Enter name here\" id=\"txtDashboardName\" #dashboardNameInput>\n <kendo-button (click)=\"saveDashboardName()\">\n <span class=\"k-i-check k-button-icon k-icon ng-star-inserted\"></span>\n </kendo-button>\n <kendo-button (click)=\"cancelNameChange()\" >\n <span class=\"k-icon k-i-cancel\"></span>\n </kendo-button>\n </div>\n <ng-template #dashboard_name_header>\n <span class=\"k-icon k-i-star\"></span>\n <h3 (click)=\"toggleInlineNameEdit(true)\">{{dashboardEntity ? dashboardEntity.Name : ''}}</h3>\n </ng-template>\n </div>\n <div class=\"dashboard-header k-d-flex k-flex-row k-justify-content-flex-end\">\n <div *ngIf=\"isEditingDashboard; else edit_dashboard_buttons\">\n <kendo-button (click)=\"onClickSaveDashboard()\">\n <
|
|
448
|
+
args: [{ selector: 'mj-single-dashboard', template: "<app-add-item-dialog *ngIf=\"isItemDialogOpened\" (onClose)=\"closeDialog($event)\" [selectedResource]=\"selectedResource\"></app-add-item-dialog>\n<div *ngIf=\"isEditDialogOpened\">\n <app-edit-dashboard (onClose)=\"closeDashboardDialog($event)\" (triggerAddItem)=\"addItem($event)\" [items]=\"items\" [config]=\"config\" (onSave)=\"saveChanges($event)\"></app-edit-dashboard>\n</div>\n\n<app-delete-item-dialog *ngIf=\"isDeletingDashboardItem\" [dashboardItem]=\"selectedDashboardItem\" (removeDashboardItem)=\"deleteDashboardItem($event)\" (onClose)=\"closeDeleteItemComponent()\"></app-delete-item-dialog>\n\n<div class=\"dashboard-container\">\n <div class=\"main-head-dashboard\">\n <div class=\"dashboard-title\">\n <div *ngIf=\"isEditDashboardNameDialogOpened; else dashboard_name_header\" class=\"dashboard-header k-d-flex k-flex-row k-justify-content-flex-end\">\n <input class=\"k-textbox k-input k-input-md k-rounded-md k-input-solid\" (keydown.enter)=\"saveDashboardName()\" type=\"text\" placeholder=\"Enter name here\" id=\"txtDashboardName\" #dashboardNameInput>\n <kendo-button (click)=\"saveDashboardName()\">\n <span class=\"k-i-check k-button-icon k-icon ng-star-inserted\"></span>\n </kendo-button>\n <kendo-button (click)=\"cancelNameChange()\" >\n <span class=\"k-icon k-i-cancel\"></span>\n </kendo-button>\n </div>\n <ng-template #dashboard_name_header>\n <span class=\"k-icon k-i-star\"></span>\n <h3 (click)=\"toggleInlineNameEdit(true)\">{{dashboardEntity ? dashboardEntity.Name : ''}}</h3>\n </ng-template>\n </div>\n <div class=\"dashboard-header k-d-flex k-flex-row k-justify-content-flex-end\">\n <div *ngIf=\"isEditingDashboard; else edit_dashboard_buttons\">\n <kendo-button (click)=\"onClickSaveDashboard()\">\n <span class=\"fa-solid fa-check\"></span>\n Save\n </kendo-button>\n <kendo-button (click)=\"onclickCancelChanges()\">\n <span class=\"fa-solid fa-xmark\"></span>\n Cancel\n </kendo-button>\n </div>\n <ng-template #edit_dashboard_buttons>\n <kendo-button (click)=\"addItem()\">\n <span class=\"fa-solid fa-plus\"></span>\n Add Item\n </kendo-button>\n <kendo-button (click)=\"toggleEditDashboard(true)\" >\n <span class=\"fa-solid fa-gear\"></span>\n Edit Dashboard\n </kendo-button>\n </ng-template>\n </div>\n </div>\n <div class=\"tile-resource-container\">\n <kendo-tilelayout\n [columns]=\"config.columns\"\n [rowHeight]=\"config.rowHeight\"\n [resizable]=\"allowResize\"\n [reorderable]=\"allowReorder\"\n (reorder)=\"onReorder($event)\"\n (resize)=\"onResize($event)\"\n >\n @for(item of items; track item.uniqueId) {\n <kendo-tilelayout-item (mouseenter)=\"onMouseEnter($event)\" (mouseleave)=\"onMouseOut($event)\" [ngClass]=\"[getSelectedComponentStyle(this)]\" [col]=\"item.col\" [colSpan]=\"item.colSpan\" [rowSpan]=\"item.rowSpan\" [id]=\"item.uniqueId\">\n <kendo-tilelayout-item-header [ngClass]=\"['dashboard-item-header', getIsEditingItemHeaderStyle()]\">\n {{item.title}}\n @if(!isEditingDashboard) {\n <div>\n <div class=\"btn-wrapper\">\n <button kendoButton (click)=\"toggleEditDashboard(true)\">\n <span class=\"fa-solid fa-pen-to-square\"></span>\n </button>\n <button kendoButton (click)=\"showConfirmDeleteDashboardItem(item)\">\n <span class=\"fa-solid fa-trash\"></span>\n </button>\n </div>\n </div>\n }\n </kendo-tilelayout-item-header>\n <kendo-tilelayout-item-body [ngClass]=\"[getIsEditingItemBodyStyle()]\">\n <mj-resource [Data]=\"item.ResourceData\" [isVisible]=\"true\" (ContentLoadingStarted)=\"loadingStarted($event)\" (ContentLoadingComplete)=\"loadingComplete($event)\"></mj-resource>\n </kendo-tilelayout-item-body>\n </kendo-tilelayout-item>\n }\n </kendo-tilelayout>\n </div>\n</div>\n", styles: [".dashboard-title {\n display: flex;\n align-items: center;\n gap: 20px;\n}\n.dashboard-title .k-icon {\n color: var(--border-blue);\n font-size: 25px;\n}\n.dashboard-title h3 {\ncolor: #424242;\nfont-size: 28px;\nfont-style: normal;\nfont-weight: 300;\nline-height: 28px;\n}\n.dashboard-header {\n display: flex;\n gap: 10px;\n align-items: center;\n}\n::ng-deep .dashboard-header .k-button-solid-base {\n border: 1px solid var(--border-blue) !important;\n color: var(--border-blue) !important;\n border-radius: 10px;\n line-height: 34px;\n background: var(--white-color);\n}\n::ng-deep .dashboard-header .k-button-solid-primary {\n background: var(--border-blue) !important;\n color: var(--white-color) !important;\n border-radius: 10px;\n line-height: 34px;\n border-color: var(--border-blue);\n}\n::ng-deep .dashboard-header .btn-ref .k-button-text {\n display: flex;\n gap: 10px;\n}\n .dashboard-header .btn-ref {\n border: none;\n background: transparent;\n}\n.main-head-dashboard {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 20px;\n padding-bottom: 20px;\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n}\n\n.tile-resource-container .k-tilelayout {\n background: #fff;\n}\n\n.bg-light-grey {\n background-color: lightgray;\n}\n\n.bg-dark-grey {\n background-color: darkgray;\n}\n\n.bg-blue {\n background-color: #4250AD;\n color: white;\n}\n\n.dashboard-item-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.button-spacing {\n margin-right: 8px\n}\n\n.btn-wrapper > button {\n margin-left: 5px;\n}"] }]
|
|
461
449
|
}], () => [{ type: i1.ActivatedRoute }, { type: i2.SharedService }], { dashboardNameInput: [{
|
|
462
450
|
type: ViewChild,
|
|
463
451
|
args: ['dashboardNameInput']
|