@memberjunction/ng-explorer-core 0.9.210 → 0.9.214
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/generic/Item.types.d.ts +14 -1
- package/dist/generic/Item.types.d.ts.map +1 -1
- package/dist/generic/Item.types.js +17 -0
- package/dist/generic/app-nav-view.types.d.ts +1 -0
- package/dist/generic/app-nav-view.types.d.ts.map +1 -1
- package/dist/generic/app-nav-view.types.js +1 -0
- package/dist/lib/app-view/application-view.component.d.ts +17 -4
- package/dist/lib/app-view/application-view.component.d.ts.map +1 -1
- package/dist/lib/app-view/application-view.component.js +154 -66
- package/dist/lib/base-browser-component/base-browser-component.d.ts +8 -8
- package/dist/lib/base-browser-component/base-browser-component.d.ts.map +1 -1
- package/dist/lib/base-browser-component/base-browser-component.js +39 -43
- package/dist/lib/dashboard-browser-component/dashboard-browser.component.d.ts +5 -5
- package/dist/lib/dashboard-browser-component/dashboard-browser.component.d.ts.map +1 -1
- package/dist/lib/dashboard-browser-component/dashboard-browser.component.js +22 -37
- package/dist/lib/data-browser-component/data-browser.component.js +2 -2
- package/dist/lib/expansion-panel-component/expansion-panel-component.d.ts +9 -2
- package/dist/lib/expansion-panel-component/expansion-panel-component.d.ts.map +1 -1
- package/dist/lib/expansion-panel-component/expansion-panel-component.js +152 -38
- package/dist/lib/favorites/favorites.component.js +2 -2
- package/dist/lib/files/files.component.d.ts +2 -2
- package/dist/lib/files/files.component.d.ts.map +1 -1
- package/dist/lib/files/files.component.js +11 -9
- package/dist/lib/generic-browse-list/generic-browse-list.component.js +45 -76
- package/dist/lib/generic-browser-list/generic-browser-list.component.d.ts +36 -4
- 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 +414 -75
- package/dist/lib/header/header.component.js +2 -2
- package/dist/lib/home-component/home.component.js +2 -2
- package/dist/lib/navigation/navigation.component.d.ts +2 -2
- package/dist/lib/navigation/navigation.component.d.ts.map +1 -1
- package/dist/lib/navigation/navigation.component.js +21 -9
- package/dist/lib/query-browser-component/query-browser.component.d.ts +5 -5
- package/dist/lib/query-browser-component/query-browser.component.d.ts.map +1 -1
- package/dist/lib/query-browser-component/query-browser.component.js +22 -38
- package/dist/lib/report-browser-component/report-browser.component.d.ts +7 -6
- package/dist/lib/report-browser-component/report-browser.component.d.ts.map +1 -1
- package/dist/lib/report-browser-component/report-browser.component.js +24 -37
- package/dist/lib/single-application/single-application.component.js +2 -2
- package/dist/lib/single-dashboard/Components/add-item/add-item.component.js +3 -3
- package/dist/lib/single-dashboard/single-dashboard.component.d.ts +4 -1
- package/dist/lib/single-dashboard/single-dashboard.component.d.ts.map +1 -1
- package/dist/lib/single-dashboard/single-dashboard.component.js +31 -20
- package/dist/lib/single-entity/single-entity.component.js +2 -2
- package/dist/lib/single-view/single-view.component.js +3 -3
- package/dist/lib/user-view-properties/view-properties-dialog.component.d.ts.map +1 -1
- package/dist/lib/user-view-properties/view-properties-dialog.component.js +26 -24
- package/dist/module.d.ts +12 -11
- package/dist/module.d.ts.map +1 -1
- package/dist/module.js +4 -0
- package/package.json +10 -10
|
@@ -14,10 +14,11 @@ import * as i1 from "@angular/router";
|
|
|
14
14
|
import * as i2 from "@memberjunction/ng-shared";
|
|
15
15
|
import * as i3 from "../generic-browser-list/generic-browser-list.component";
|
|
16
16
|
export class ReportBrowserComponent extends BaseBrowserComponent {
|
|
17
|
-
constructor(router, sharedService) {
|
|
17
|
+
constructor(router, route, sharedService) {
|
|
18
18
|
var _a;
|
|
19
19
|
super();
|
|
20
20
|
this.router = router;
|
|
21
|
+
this.route = route;
|
|
21
22
|
this.sharedService = sharedService;
|
|
22
23
|
this.reports = [];
|
|
23
24
|
this.showLoader = false;
|
|
@@ -27,58 +28,44 @@ export class ReportBrowserComponent extends BaseBrowserComponent {
|
|
|
27
28
|
this.itemEntityName = "Reports";
|
|
28
29
|
this.categoryEntityName = "Report Categories";
|
|
29
30
|
const params = (_a = this.router.getCurrentNavigation()) === null || _a === void 0 ? void 0 : _a.extractedUrl.queryParams;
|
|
30
|
-
|
|
31
|
+
super.InitPathAndQueryData(params, this.route);
|
|
31
32
|
}
|
|
32
33
|
ngOnInit() {
|
|
33
34
|
const _super = Object.create(null, {
|
|
34
|
-
|
|
35
|
+
InitForResource: { get: () => super.InitForResource }
|
|
35
36
|
});
|
|
36
37
|
return __awaiter(this, void 0, void 0, function* () {
|
|
37
|
-
|
|
38
|
-
yield _super.LoadData.call(this, { categoryItemFilter: categoryEntityFilter });
|
|
38
|
+
_super.InitForResource.call(this, this.route);
|
|
39
39
|
});
|
|
40
40
|
}
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
this.PathData = pathData;
|
|
45
|
-
//navigation seems like it does nothing but update the URL
|
|
46
|
-
//so just reload all of the data
|
|
47
|
-
this.router.navigate(['reports'], { queryParams: { folderID: pathData.ID } });
|
|
48
|
-
this.selectedFolderID = pathData.ID;
|
|
49
|
-
this.LoadData();
|
|
50
|
-
}
|
|
51
|
-
else if (this.parentFolderID || !this.parentFolderID && this.selectedFolderID) {
|
|
52
|
-
this.router.navigate(['reports'], { queryParams: { folderID: this.parentFolderID } });
|
|
53
|
-
this.selectedFolderID = this.parentFolderID;
|
|
54
|
-
this.parentFolderID = null;
|
|
55
|
-
this.LoadData();
|
|
56
|
-
}
|
|
57
|
-
else {
|
|
58
|
-
//no parent path, so just go home
|
|
59
|
-
this.router.navigate(['']);
|
|
60
|
-
}
|
|
61
|
-
this.showLoader = false;
|
|
62
|
-
}
|
|
41
|
+
//this could exist in the BaseBrowserComponent class, but
|
|
42
|
+
//the class would need a reference or dependency on the router
|
|
43
|
+
//which i dont think is needed
|
|
63
44
|
itemClick(item) {
|
|
64
|
-
|
|
65
|
-
|
|
45
|
+
let dataID = "";
|
|
46
|
+
if (item.Type === "Entity") {
|
|
47
|
+
let report = item.Data;
|
|
48
|
+
dataID = report.ID.toString();
|
|
66
49
|
}
|
|
50
|
+
super.Navigate(item, this.router, dataID);
|
|
67
51
|
}
|
|
68
|
-
|
|
69
|
-
|
|
52
|
+
onBeforeUpdateItemEvent(event) {
|
|
53
|
+
event.Cancel = true;
|
|
54
|
+
let item = event.Item;
|
|
55
|
+
let report = item.Data;
|
|
56
|
+
this.router.navigate(['resource', this.routeNameSingular, report.ID], { queryParams: { edit: true } });
|
|
70
57
|
}
|
|
71
58
|
}
|
|
72
|
-
ReportBrowserComponent.ɵfac = function ReportBrowserComponent_Factory(t) { return new (t || ReportBrowserComponent)(i0.ɵɵdirectiveInject(i1.Router), i0.ɵɵdirectiveInject(i2.SharedService)); };
|
|
73
|
-
ReportBrowserComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ReportBrowserComponent, selectors: [["app-report-browser"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 4, consts: [["title", "Reports", "itemType", "report", "iconName", "graph", "addText", "Create Report", "ItemEntityName", "Reports", "CategoryEntityName", "Report Categories", 3, "items", "selectedFolderID", "showLoader", "disableAddButton", "itemClickEvent", "
|
|
59
|
+
ReportBrowserComponent.ɵfac = function ReportBrowserComponent_Factory(t) { return new (t || ReportBrowserComponent)(i0.ɵɵdirectiveInject(i1.Router), i0.ɵɵdirectiveInject(i1.ActivatedRoute), i0.ɵɵdirectiveInject(i2.SharedService)); };
|
|
60
|
+
ReportBrowserComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ReportBrowserComponent, selectors: [["app-report-browser"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 4, consts: [["title", "Reports", "itemType", "report", "iconName", "graph", "addText", "Create Report", "ItemEntityName", "Reports", "CategoryEntityName", "Report Categories", 3, "items", "selectedFolderID", "showLoader", "disableAddButton", "itemClickEvent", "AfterAddFolderEvent", "AfterAddItemEvent", "AfterDeleteItemEvent", "AfterDeleteFolderEvent", "viewModeChangeEvent", "BeforeUpdateItemEvent"]], template: function ReportBrowserComponent_Template(rf, ctx) { if (rf & 1) {
|
|
74
61
|
i0.ɵɵelementStart(0, "app-generic-browser-list", 0);
|
|
75
|
-
i0.ɵɵlistener("itemClickEvent", function ReportBrowserComponent_Template_app_generic_browser_list_itemClickEvent_0_listener($event) { return ctx.itemClick($event); })("
|
|
62
|
+
i0.ɵɵlistener("itemClickEvent", function ReportBrowserComponent_Template_app_generic_browser_list_itemClickEvent_0_listener($event) { return ctx.itemClick($event); })("AfterAddFolderEvent", function ReportBrowserComponent_Template_app_generic_browser_list_AfterAddFolderEvent_0_listener($event) { return ctx.onEvent($event); })("AfterAddItemEvent", function ReportBrowserComponent_Template_app_generic_browser_list_AfterAddItemEvent_0_listener($event) { return ctx.onEvent($event); })("AfterDeleteItemEvent", function ReportBrowserComponent_Template_app_generic_browser_list_AfterDeleteItemEvent_0_listener($event) { return ctx.onEvent($event); })("AfterDeleteFolderEvent", function ReportBrowserComponent_Template_app_generic_browser_list_AfterDeleteFolderEvent_0_listener($event) { return ctx.onEvent($event); })("viewModeChangeEvent", function ReportBrowserComponent_Template_app_generic_browser_list_viewModeChangeEvent_0_listener($event) { return ctx.onViewModeChange($event); })("BeforeUpdateItemEvent", function ReportBrowserComponent_Template_app_generic_browser_list_BeforeUpdateItemEvent_0_listener($event) { return ctx.onBeforeUpdateItemEvent($event); });
|
|
76
63
|
i0.ɵɵelementEnd();
|
|
77
64
|
} if (rf & 2) {
|
|
78
65
|
i0.ɵɵproperty("items", ctx.items)("selectedFolderID", ctx.selectedFolderID)("showLoader", ctx.showLoader)("disableAddButton", true);
|
|
79
|
-
} }, dependencies: [i3.GenericBrowserListComponent], styles: [".k-card-body[_ngcontent-%COMP%] {\r\n height: 80px;\r\n }", ".main-area[_ngcontent-%COMP%] {\r\n
|
|
66
|
+
} }, dependencies: [i3.GenericBrowserListComponent], styles: [".k-card-body[_ngcontent-%COMP%] {\r\n height: 80px;\r\n }", ".main-area[_ngcontent-%COMP%] {\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n width: 100%;\r\n gap: 24px;\r\n padding: 24px 0;\r\n}\r\n.list-view[_ngcontent-%COMP%] {\r\n padding: 16px;\r\n min-width: 300px;\r\n border-radius: 4px;\r\n background: #FAFAFA;\r\n border: none;\r\n}\r\n .list-view .k-listview-header, .list-view .k-listview-footer {\r\n border: none;\r\n}\r\n .list-view .k-listview-content {\r\n border: 1px solid rgba(0, 0, 0, 0.08);\r\n border-radius: 4px;\r\n background: #fff;\r\n padding: 16px;\r\n}\r\n\r\n.header[_ngcontent-%COMP%], .footer[_ngcontent-%COMP%] {\r\n color: #424242;\r\n font-size: 16px;\r\n height: auto;\r\n margin:0;\r\n}\r\n\r\n.header[_ngcontent-%COMP%] {\r\n color: #424242;\r\n margin-bottom: 16px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n}\r\n.header[_ngcontent-%COMP%] .head-tag[_ngcontent-%COMP%] {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: #424242;\r\nfont-size: 16px;\r\nfont-style: normal;\r\nfont-weight: 400;\r\nline-height: 20px;\r\n}\r\n\r\n.header[_ngcontent-%COMP%] .count[_ngcontent-%COMP%] {\r\n width: 24px;\r\n height: 24px;\r\n min-width: 24px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n font-size: 10px;\r\n background: rgba(0, 0, 0, 0.08);\r\n border-radius: 50%;\r\n}\r\n.footer[_ngcontent-%COMP%] {\r\n font-size: 14px;\r\n margin-top: 16px;\r\n}\r\n\r\n.list-item[_ngcontent-%COMP%] {\r\n color: #424242;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 30px;\r\n cursor: pointer;\r\n margin: 4px;\r\n}\r\n.card-container[_ngcontent-%COMP%] {\r\n margin: 0;\r\n padding: 0;\r\n box-shadow: none;\r\n}\r\n.card-header-entity[_ngcontent-%COMP%] {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n padding-bottom: 20px;\r\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\r\n}\r\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] h1[_ngcontent-%COMP%] {\r\n color: #424242;\r\n font-size: 28px;\r\n font-style: normal;\r\n font-weight: 300;\r\n line-height: 28px;\r\n margin-bottom: 15px;\r\n}\r\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] {\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\r\n margin: 0;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: #424242;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n}\r\n\r\n\r\n\r\n\r\n \r\n.view-card[_ngcontent-%COMP%] .view-icon[_ngcontent-%COMP%] {\r\n color: var(--sideNav);\r\n}\r\n.card-wrapper[_ngcontent-%COMP%] {\r\n border: 1px solid rgba(0, 0, 0, 0.08);\r\n border-radius: 6px;\r\n width: 100% !important;\r\n}\r\n.card-wrapper[_ngcontent-%COMP%] .k-card-body[_ngcontent-%COMP%] {\r\n background: #fff;\r\n padding: 12px 20px;\r\n}\r\n.card-wrapper[_ngcontent-%COMP%] .view-card[_ngcontent-%COMP%] {\r\n overflow: auto;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n background: #fafafa;\r\n padding: 4px 15px;\r\n}\r\n.view-card[_ngcontent-%COMP%] .btn-wrapper[_ngcontent-%COMP%] {\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.k-card-body[_ngcontent-%COMP%] .view-card-content[_ngcontent-%COMP%] h5[_ngcontent-%COMP%] {\r\n color: #424242;\r\n font-size: 16px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n margin-bottom: 0;\r\n letter-spacing: 0.18px;\r\n}\r\n.k-card-body[_ngcontent-%COMP%] .view-card-content[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\r\n color: #666;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n height: 48px;\r\n margin-bottom: 0;\r\n}\r\n.card-container[_ngcontent-%COMP%] {\r\n padding: 0;\r\n margin: 0;\r\n box-shadow: none;\r\n}\r\n.card-header-entity[_ngcontent-%COMP%] {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n padding-bottom: 20px;\r\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\r\n}\r\n\r\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] h1[_ngcontent-%COMP%] {\r\n color: #424242;\r\n font-size: 28px;\r\n font-style: normal;\r\n font-weight: 300;\r\n line-height: 28px;\r\n margin-bottom: 15px;\r\n}\r\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] {\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\r\n margin: 0;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: #424242;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n}\r\n.main-area[_ngcontent-%COMP%] .card-list[_ngcontent-%COMP%] {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 20px;\r\n}"] });
|
|
80
67
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ReportBrowserComponent, [{
|
|
81
68
|
type: Component,
|
|
82
|
-
args: [{ selector: 'app-report-browser', template: "<app-generic-browser-list \r\ntitle=\"Reports\"\r\nitemType=\"report\"\r\niconName=\"graph\" \r\n[items]=\"items\"\r\naddText=\"Create Report\"\r\nItemEntityName=\"Reports\"\r\nCategoryEntityName=\"Report Categories\" \r\n(itemClickEvent)=\"itemClick($event)\"\r\n(
|
|
83
|
-
}], () => [{ type: i1.Router }, { type: i2.SharedService }], null); })();
|
|
69
|
+
args: [{ selector: 'app-report-browser', template: "<app-generic-browser-list \r\ntitle=\"Reports\"\r\nitemType=\"report\"\r\niconName=\"graph\" \r\n[items]=\"items\"\r\naddText=\"Create Report\"\r\nItemEntityName=\"Reports\"\r\nCategoryEntityName=\"Report Categories\" \r\n(itemClickEvent)=\"itemClick($event)\"\r\n(AfterAddFolderEvent)=\"onEvent($event)\"\r\n(AfterAddItemEvent)=\"onEvent($event)\"\r\n(AfterDeleteItemEvent)=\"onEvent($event)\"\r\n(AfterDeleteFolderEvent)=\"onEvent($event)\"\r\n[selectedFolderID]=\"selectedFolderID\"\r\n[showLoader]=\"showLoader\"\r\n[disableAddButton]=\"true\"\r\n(viewModeChangeEvent)=\"onViewModeChange($event)\"\r\n(BeforeUpdateItemEvent)=\"onBeforeUpdateItemEvent($event)\"\r\n/>\r\n<!-- creation of reports are disabled because they need a conversation ID before theyre made -->", styles: [".k-card-body {\r\n height: 80px;\r\n }", "\r\n.main-area {\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n width: 100%;\r\n gap: 24px;\r\n padding: 24px 0;\r\n}\r\n.list-view {\r\n padding: 16px;\r\n min-width: 300px;\r\n border-radius: 4px;\r\n background: #FAFAFA;\r\n border: none;\r\n}\r\n::ng-deep .list-view .k-listview-header, \r\n::ng-deep .list-view .k-listview-footer {\r\n border: none;\r\n}\r\n::ng-deep .list-view .k-listview-content {\r\n border: 1px solid rgba(0, 0, 0, 0.08);\r\n border-radius: 4px;\r\n background: #fff;\r\n padding: 16px;\r\n}\r\n\r\n.header,\r\n.footer {\r\n color: #424242;\r\n font-size: 16px;\r\n height: auto;\r\n margin:0;\r\n}\r\n\r\n.header {\r\n color: #424242;\r\n margin-bottom: 16px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n}\r\n.header .head-tag {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: #424242;\r\nfont-size: 16px;\r\nfont-style: normal;\r\nfont-weight: 400;\r\nline-height: 20px;\r\n}\r\n\r\n.header .count {\r\n width: 24px;\r\n height: 24px;\r\n min-width: 24px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n font-size: 10px;\r\n background: rgba(0, 0, 0, 0.08);\r\n border-radius: 50%;\r\n}\r\n.footer {\r\n font-size: 14px;\r\n margin-top: 16px;\r\n}\r\n\r\n.list-item {\r\n color: #424242;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 30px;\r\n cursor: pointer;\r\n margin: 4px;\r\n}\r\n.card-container {\r\n margin: 0;\r\n padding: 0;\r\n box-shadow: none;\r\n}\r\n.card-header-entity {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n padding-bottom: 20px;\r\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\r\n}\r\n.card-header-entity .title-wrap h1 {\r\n color: #424242;\r\n font-size: 28px;\r\n font-style: normal;\r\n font-weight: 300;\r\n line-height: 28px;\r\n margin-bottom: 15px;\r\n}\r\n.card-header-entity .title-wrap {\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n.card-header-entity .title-wrap p {\r\n margin: 0;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: #424242;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n}\r\n\r\n\r\n\r\n\r\n \r\n.view-card .view-icon {\r\n color: var(--sideNav);\r\n}\r\n.card-wrapper {\r\n border: 1px solid rgba(0, 0, 0, 0.08);\r\n border-radius: 6px;\r\n width: 100% !important;\r\n}\r\n.card-wrapper .k-card-body {\r\n background: #fff;\r\n padding: 12px 20px;\r\n}\r\n.card-wrapper .view-card {\r\n overflow: auto;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n background: #fafafa;\r\n padding: 4px 15px;\r\n}\r\n.view-card .btn-wrapper {\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.k-card-body .view-card-content h5 {\r\n color: #424242;\r\n font-size: 16px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n margin-bottom: 0;\r\n letter-spacing: 0.18px;\r\n}\r\n.k-card-body .view-card-content p {\r\n color: #666;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n height: 48px;\r\n margin-bottom: 0;\r\n}\r\n.card-container {\r\n padding: 0;\r\n margin: 0;\r\n box-shadow: none;\r\n}\r\n.card-header-entity {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n padding-bottom: 20px;\r\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\r\n}\r\n\r\n.card-header-entity .title-wrap h1 {\r\n color: #424242;\r\n font-size: 28px;\r\n font-style: normal;\r\n font-weight: 300;\r\n line-height: 28px;\r\n margin-bottom: 15px;\r\n}\r\n.card-header-entity .title-wrap {\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n.card-header-entity .title-wrap p {\r\n margin: 0;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: #424242;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n}\r\n.main-area .card-list {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 20px;\r\n}\r\n"] }]
|
|
70
|
+
}], () => [{ type: i1.Router }, { type: i1.ActivatedRoute }, { type: i2.SharedService }], null); })();
|
|
84
71
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ReportBrowserComponent, { className: "ReportBrowserComponent", filePath: "src\\lib\\report-browser-component\\report-browser.component.ts", lineNumber: 14 }); })();
|
|
@@ -58,9 +58,9 @@ export class SingleApplicationComponent {
|
|
|
58
58
|
SingleApplicationComponent.ɵfac = function SingleApplicationComponent_Factory(t) { return new (t || SingleApplicationComponent)(i0.ɵɵdirectiveInject(i1.Router), i0.ɵɵdirectiveInject(i1.ActivatedRoute), i0.ɵɵdirectiveInject(i2.SharedService)); };
|
|
59
59
|
SingleApplicationComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SingleApplicationComponent, selectors: [["app-single-application"]], decls: 1, vars: 0, template: function SingleApplicationComponent_Template(rf, ctx) { if (rf & 1) {
|
|
60
60
|
i0.ɵɵelement(0, "application-view");
|
|
61
|
-
} }, dependencies: [i3.ApplicationViewComponent], styles: [".app-container[_ngcontent-%COMP%] {\r\n margin: 10px;\r\n}\r\n\r\n .entity-list[_ngcontent-%COMP%] {\r\n width: 500px;\r\n }\r\n .favorites-list[_ngcontent-%COMP%] {\r\n width: 400px;\r\n }", ".main-area[_ngcontent-%COMP%] {\r\n
|
|
61
|
+
} }, dependencies: [i3.ApplicationViewComponent], styles: [".app-container[_ngcontent-%COMP%] {\r\n margin: 10px;\r\n}\r\n\r\n .entity-list[_ngcontent-%COMP%] {\r\n width: 500px;\r\n }\r\n .favorites-list[_ngcontent-%COMP%] {\r\n width: 400px;\r\n }", ".main-area[_ngcontent-%COMP%] {\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n width: 100%;\r\n gap: 24px;\r\n padding: 24px 0;\r\n}\r\n.list-view[_ngcontent-%COMP%] {\r\n padding: 16px;\r\n min-width: 300px;\r\n border-radius: 4px;\r\n background: #FAFAFA;\r\n border: none;\r\n}\r\n .list-view .k-listview-header, .list-view .k-listview-footer {\r\n border: none;\r\n}\r\n .list-view .k-listview-content {\r\n border: 1px solid rgba(0, 0, 0, 0.08);\r\n border-radius: 4px;\r\n background: #fff;\r\n padding: 16px;\r\n}\r\n\r\n.header[_ngcontent-%COMP%], .footer[_ngcontent-%COMP%] {\r\n color: #424242;\r\n font-size: 16px;\r\n height: auto;\r\n margin:0;\r\n}\r\n\r\n.header[_ngcontent-%COMP%] {\r\n color: #424242;\r\n margin-bottom: 16px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n}\r\n.header[_ngcontent-%COMP%] .head-tag[_ngcontent-%COMP%] {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: #424242;\r\nfont-size: 16px;\r\nfont-style: normal;\r\nfont-weight: 400;\r\nline-height: 20px;\r\n}\r\n\r\n.header[_ngcontent-%COMP%] .count[_ngcontent-%COMP%] {\r\n width: 24px;\r\n height: 24px;\r\n min-width: 24px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n font-size: 10px;\r\n background: rgba(0, 0, 0, 0.08);\r\n border-radius: 50%;\r\n}\r\n.footer[_ngcontent-%COMP%] {\r\n font-size: 14px;\r\n margin-top: 16px;\r\n}\r\n\r\n.list-item[_ngcontent-%COMP%] {\r\n color: #424242;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 30px;\r\n cursor: pointer;\r\n margin: 4px;\r\n}\r\n.card-container[_ngcontent-%COMP%] {\r\n margin: 0;\r\n padding: 0;\r\n box-shadow: none;\r\n}\r\n.card-header-entity[_ngcontent-%COMP%] {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n padding-bottom: 20px;\r\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\r\n}\r\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] h1[_ngcontent-%COMP%] {\r\n color: #424242;\r\n font-size: 28px;\r\n font-style: normal;\r\n font-weight: 300;\r\n line-height: 28px;\r\n margin-bottom: 15px;\r\n}\r\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] {\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\r\n margin: 0;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: #424242;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n}\r\n\r\n\r\n\r\n\r\n \r\n.view-card[_ngcontent-%COMP%] .view-icon[_ngcontent-%COMP%] {\r\n color: var(--sideNav);\r\n}\r\n.card-wrapper[_ngcontent-%COMP%] {\r\n border: 1px solid rgba(0, 0, 0, 0.08);\r\n border-radius: 6px;\r\n width: 100% !important;\r\n}\r\n.card-wrapper[_ngcontent-%COMP%] .k-card-body[_ngcontent-%COMP%] {\r\n background: #fff;\r\n padding: 12px 20px;\r\n}\r\n.card-wrapper[_ngcontent-%COMP%] .view-card[_ngcontent-%COMP%] {\r\n overflow: auto;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n background: #fafafa;\r\n padding: 4px 15px;\r\n}\r\n.view-card[_ngcontent-%COMP%] .btn-wrapper[_ngcontent-%COMP%] {\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.k-card-body[_ngcontent-%COMP%] .view-card-content[_ngcontent-%COMP%] h5[_ngcontent-%COMP%] {\r\n color: #424242;\r\n font-size: 16px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n margin-bottom: 0;\r\n letter-spacing: 0.18px;\r\n}\r\n.k-card-body[_ngcontent-%COMP%] .view-card-content[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\r\n color: #666;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n height: 48px;\r\n margin-bottom: 0;\r\n}\r\n.card-container[_ngcontent-%COMP%] {\r\n padding: 0;\r\n margin: 0;\r\n box-shadow: none;\r\n}\r\n.card-header-entity[_ngcontent-%COMP%] {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n padding-bottom: 20px;\r\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\r\n}\r\n\r\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] h1[_ngcontent-%COMP%] {\r\n color: #424242;\r\n font-size: 28px;\r\n font-style: normal;\r\n font-weight: 300;\r\n line-height: 28px;\r\n margin-bottom: 15px;\r\n}\r\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] {\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\r\n margin: 0;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: #424242;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n}\r\n.main-area[_ngcontent-%COMP%] .card-list[_ngcontent-%COMP%] {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 20px;\r\n}"] });
|
|
62
62
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SingleApplicationComponent, [{
|
|
63
63
|
type: Component,
|
|
64
|
-
args: [{ selector: 'app-single-application', template: "<application-view/>\r\n", styles: [".app-container {\r\n margin: 10px;\r\n}\r\n\r\n .entity-list {\r\n width: 500px;\r\n }\r\n .favorites-list {\r\n width: 400px;\r\n }", "\r\n.main-area {\r\n
|
|
64
|
+
args: [{ selector: 'app-single-application', template: "<application-view/>\r\n", styles: [".app-container {\r\n margin: 10px;\r\n}\r\n\r\n .entity-list {\r\n width: 500px;\r\n }\r\n .favorites-list {\r\n width: 400px;\r\n }", "\r\n.main-area {\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n width: 100%;\r\n gap: 24px;\r\n padding: 24px 0;\r\n}\r\n.list-view {\r\n padding: 16px;\r\n min-width: 300px;\r\n border-radius: 4px;\r\n background: #FAFAFA;\r\n border: none;\r\n}\r\n::ng-deep .list-view .k-listview-header, \r\n::ng-deep .list-view .k-listview-footer {\r\n border: none;\r\n}\r\n::ng-deep .list-view .k-listview-content {\r\n border: 1px solid rgba(0, 0, 0, 0.08);\r\n border-radius: 4px;\r\n background: #fff;\r\n padding: 16px;\r\n}\r\n\r\n.header,\r\n.footer {\r\n color: #424242;\r\n font-size: 16px;\r\n height: auto;\r\n margin:0;\r\n}\r\n\r\n.header {\r\n color: #424242;\r\n margin-bottom: 16px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n}\r\n.header .head-tag {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: #424242;\r\nfont-size: 16px;\r\nfont-style: normal;\r\nfont-weight: 400;\r\nline-height: 20px;\r\n}\r\n\r\n.header .count {\r\n width: 24px;\r\n height: 24px;\r\n min-width: 24px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n font-size: 10px;\r\n background: rgba(0, 0, 0, 0.08);\r\n border-radius: 50%;\r\n}\r\n.footer {\r\n font-size: 14px;\r\n margin-top: 16px;\r\n}\r\n\r\n.list-item {\r\n color: #424242;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 30px;\r\n cursor: pointer;\r\n margin: 4px;\r\n}\r\n.card-container {\r\n margin: 0;\r\n padding: 0;\r\n box-shadow: none;\r\n}\r\n.card-header-entity {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n padding-bottom: 20px;\r\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\r\n}\r\n.card-header-entity .title-wrap h1 {\r\n color: #424242;\r\n font-size: 28px;\r\n font-style: normal;\r\n font-weight: 300;\r\n line-height: 28px;\r\n margin-bottom: 15px;\r\n}\r\n.card-header-entity .title-wrap {\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n.card-header-entity .title-wrap p {\r\n margin: 0;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: #424242;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n}\r\n\r\n\r\n\r\n\r\n \r\n.view-card .view-icon {\r\n color: var(--sideNav);\r\n}\r\n.card-wrapper {\r\n border: 1px solid rgba(0, 0, 0, 0.08);\r\n border-radius: 6px;\r\n width: 100% !important;\r\n}\r\n.card-wrapper .k-card-body {\r\n background: #fff;\r\n padding: 12px 20px;\r\n}\r\n.card-wrapper .view-card {\r\n overflow: auto;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n background: #fafafa;\r\n padding: 4px 15px;\r\n}\r\n.view-card .btn-wrapper {\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.k-card-body .view-card-content h5 {\r\n color: #424242;\r\n font-size: 16px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n margin-bottom: 0;\r\n letter-spacing: 0.18px;\r\n}\r\n.k-card-body .view-card-content p {\r\n color: #666;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n height: 48px;\r\n margin-bottom: 0;\r\n}\r\n.card-container {\r\n padding: 0;\r\n margin: 0;\r\n box-shadow: none;\r\n}\r\n.card-header-entity {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n padding-bottom: 20px;\r\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\r\n}\r\n\r\n.card-header-entity .title-wrap h1 {\r\n color: #424242;\r\n font-size: 28px;\r\n font-style: normal;\r\n font-weight: 300;\r\n line-height: 28px;\r\n margin-bottom: 15px;\r\n}\r\n.card-header-entity .title-wrap {\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n.card-header-entity .title-wrap p {\r\n margin: 0;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: #424242;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n}\r\n.main-area .card-list {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 20px;\r\n}\r\n"] }]
|
|
65
65
|
}], () => [{ type: i1.Router }, { type: i1.ActivatedRoute }, { type: i2.SharedService }], null); })();
|
|
66
66
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SingleApplicationComponent, { className: "SingleApplicationComponent", filePath: "src\\lib\\single-application\\single-application.component.ts", lineNumber: 12 }); })();
|
|
@@ -173,7 +173,7 @@ export class AddItemComponent {
|
|
|
173
173
|
}
|
|
174
174
|
}
|
|
175
175
|
AddItemComponent.ɵfac = function AddItemComponent_Factory(t) { return new (t || AddItemComponent)(); };
|
|
176
|
-
AddItemComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AddItemComponent, selectors: [["app-add-item-dialog"]], inputs: { selectedResource: "selectedResource" }, outputs: { onClose: "onClose" }, decls: 14, vars: 12, consts: [[1, "k-overlay"], ["title", "Add Item to Dashboard", 1, "modal-body-wrap", 3, "width", "minHeight", "minWidth", "resizable", "close"], [1, "k-d-flex", "k-flex-col", "resource-wrap"], ["text", "Resource Type"], [3, "data", "textField", "valueField", "subtitle", "ngModel", "valueChange", "ngModelChange"], [1, "user-view-wrap", 3, "ngSwitch"], [4, "ngSwitchCase"], [1, "k-actions", "k-actions-end", "popup-actions"], ["
|
|
176
|
+
AddItemComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AddItemComponent, selectors: [["app-add-item-dialog"]], inputs: { selectedResource: "selectedResource" }, outputs: { onClose: "onClose" }, decls: 14, vars: 12, consts: [[1, "k-overlay"], ["title", "Add Item to Dashboard", 1, "modal-body-wrap", 3, "width", "minHeight", "minWidth", "resizable", "close"], [1, "k-d-flex", "k-flex-col", "resource-wrap"], ["text", "Resource Type"], [3, "data", "textField", "valueField", "subtitle", "ngModel", "valueChange", "ngModelChange"], [1, "user-view-wrap", 3, "ngSwitch"], [4, "ngSwitchCase"], [1, "k-actions", "k-actions-end", "popup-actions", "customBtn"], ["fillMode", "outline", "themeColor", "info", "kendoButton", "", "icon", "save", 3, "click"], ["themeColor", "info", "kendoButton", "", 3, "click"], ["text", "Entity"], [3, "data", "textField", "valueField", "ngModel", "valueChange", "ngModelChange"], ["text", "Views", 4, "ngIf"], ["type", "converging-spinner", 4, "ngIf"], ["text", "Views"], ["type", "converging-spinner"], ["text", "Reports", 4, "ngIf"], ["text", "Reports"]], template: function AddItemComponent_Template(rf, ctx) { if (rf & 1) {
|
|
177
177
|
i0.ɵɵelement(0, "div", 0);
|
|
178
178
|
i0.ɵɵelementStart(1, "kendo-window", 1);
|
|
179
179
|
i0.ɵɵlistener("close", function AddItemComponent_Template_kendo_window_close_1_listener() { return ctx.closeDialog(); });
|
|
@@ -206,10 +206,10 @@ AddItemComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AddItemCom
|
|
|
206
206
|
i0.ɵɵproperty("ngSwitchCase", "User Views");
|
|
207
207
|
i0.ɵɵadvance();
|
|
208
208
|
i0.ɵɵproperty("ngSwitchCase", "Reports");
|
|
209
|
-
} }, dependencies: [i1.NgIf, i1.NgSwitch, i1.NgSwitchCase, i2.NgControlStatus, i2.NgModel, i3.WindowComponent, i4.ButtonComponent, i5.LoaderComponent, i6.LabelComponent, i7.DropDownListComponent], styles: [".popup-actions[_ngcontent-%COMP%] {\r\n
|
|
209
|
+
} }, dependencies: [i1.NgIf, i1.NgSwitch, i1.NgSwitchCase, i2.NgControlStatus, i2.NgModel, i3.WindowComponent, i4.ButtonComponent, i5.LoaderComponent, i6.LabelComponent, i7.DropDownListComponent], styles: [".popup-actions[_ngcontent-%COMP%] {\r\n width: 100%;\r\n padding: 10px;\r\n border-top: 1px solid rgba(0, 0, 0, 0.08);\r\n}\r\n .modal-body-wrap .k-window-content {\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n flex: 1;\r\n padding: 0;\r\n}\r\n.resource-wrap[_ngcontent-%COMP%] {\r\n flex: 1;\r\n padding: 24px;\r\n margin: 16px;\r\n border-radius: 4px;\r\n border: 1px solid rgba(0, 0, 0, 0.08);\r\n box-sizing: border-box;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n}\r\n.user-view-wrap[_ngcontent-%COMP%] {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n}\r\n .resource-wrap .k-label {\r\n color: #424242;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n}\r\n .resource-wrap .k-dropdownlist {\r\n border-radius: 4px;\r\n border: 1px solid rgba(0, 0, 0, 0.08);\r\n background: transparent;\r\n line-height: 32px;\r\n margin: 0;\r\n}\r\n .customBtn button {\r\n flex: 1;\r\n border-radius: 10px;\r\n line-height: 34px;\r\n}"] });
|
|
210
210
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AddItemComponent, [{
|
|
211
211
|
type: Component,
|
|
212
|
-
args: [{ selector: 'app-add-item-dialog', template: "<div class=\"k-overlay\"></div>\r\n<kendo-window class=\"modal-body-wrap\" [width]=\"500\" [minHeight]=\"300\" [minWidth]=\"400\" [resizable]=\"true\" (close)=\"closeDialog()\"\r\n title=\"Add Item to Dashboard\">\r\n <div class=\"k-d-flex k-flex-col resource-wrap\">\r\n <kendo-label text=\"Resource Type\">\r\n <br />\r\n <kendo-dropdownlist [data]=\"ResourceTypes\" [textField]=\"'DisplayName'\" [valueField]=\"'ID'\" [subtitle]=\"'sdfsdf'\"\r\n (valueChange)=\"onResourceTypeChange($event)\" [(ngModel)]=\"resourceType\">\r\n </kendo-dropdownlist>\r\n </kendo-label>\r\n <div [ngSwitch]=\"resourceType.Entity \" class=\"user-view-wrap\">\r\n <ng-container *ngSwitchCase=\"'User Views'\">\r\n <kendo-label text=\"Entity\">\r\n <br />\r\n <kendo-dropdownlist [data]=\"Entities\" [textField]=\"'Name'\" [valueField]=\"'ID'\"\r\n (valueChange)=\"onEntityChange($event)\" [(ngModel)]=\"selectedEntity\">\r\n </kendo-dropdownlist>\r\n </kendo-label>\r\n <kendo-label text=\"Views\" *ngIf=\"selectedEntity && Views.length\">\r\n <br />\r\n <kendo-dropdownlist [data]=\"Views\" [textField]=\"'Name'\" [valueField]=\"'ID'\"\r\n (valueChange)=\"onViewChange($event)\" [(ngModel)]=\"selectedView\">\r\n </kendo-dropdownlist>\r\n </kendo-label>\r\n <kendo-loader *ngIf=\"selectedEntity && !Views.length\" type=\"converging-spinner\"></kendo-loader>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'Reports'\">\r\n <kendo-label text=\"Reports\" *ngIf=\"Reports.length\">\r\n <br />\r\n <kendo-dropdownlist [data]=\"Reports\" [textField]=\"'Name'\" [valueField]=\"'ID'\"\r\n (valueChange)=\"onViewChange($event)\" [(ngModel)]=\"selectedReport\">\r\n </kendo-dropdownlist>\r\n </kendo-label>\r\n <kendo-loader *ngIf=\"!Reports.length\" type=\"converging-spinner\"></kendo-loader>\r\n </ng-container>\r\n </div>\r\n </div>\r\n <div class=\"k-actions k-actions-end popup-actions\">\r\n <button
|
|
212
|
+
args: [{ selector: 'app-add-item-dialog', template: "<div class=\"k-overlay\"></div>\r\n<kendo-window class=\"modal-body-wrap\" [width]=\"500\" [minHeight]=\"300\" [minWidth]=\"400\" [resizable]=\"true\" (close)=\"closeDialog()\"\r\n title=\"Add Item to Dashboard\">\r\n <div class=\"k-d-flex k-flex-col resource-wrap\">\r\n <kendo-label text=\"Resource Type\">\r\n <br />\r\n <kendo-dropdownlist [data]=\"ResourceTypes\" [textField]=\"'DisplayName'\" [valueField]=\"'ID'\" [subtitle]=\"'sdfsdf'\"\r\n (valueChange)=\"onResourceTypeChange($event)\" [(ngModel)]=\"resourceType\">\r\n </kendo-dropdownlist>\r\n </kendo-label>\r\n <div [ngSwitch]=\"resourceType.Entity \" class=\"user-view-wrap\">\r\n <ng-container *ngSwitchCase=\"'User Views'\">\r\n <kendo-label text=\"Entity\">\r\n <br />\r\n <kendo-dropdownlist [data]=\"Entities\" [textField]=\"'Name'\" [valueField]=\"'ID'\"\r\n (valueChange)=\"onEntityChange($event)\" [(ngModel)]=\"selectedEntity\">\r\n </kendo-dropdownlist>\r\n </kendo-label>\r\n <kendo-label text=\"Views\" *ngIf=\"selectedEntity && Views.length\">\r\n <br />\r\n <kendo-dropdownlist [data]=\"Views\" [textField]=\"'Name'\" [valueField]=\"'ID'\"\r\n (valueChange)=\"onViewChange($event)\" [(ngModel)]=\"selectedView\">\r\n </kendo-dropdownlist>\r\n </kendo-label>\r\n <kendo-loader *ngIf=\"selectedEntity && !Views.length\" type=\"converging-spinner\"></kendo-loader>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'Reports'\">\r\n <kendo-label text=\"Reports\" *ngIf=\"Reports.length\">\r\n <br />\r\n <kendo-dropdownlist [data]=\"Reports\" [textField]=\"'Name'\" [valueField]=\"'ID'\"\r\n (valueChange)=\"onViewChange($event)\" [(ngModel)]=\"selectedReport\">\r\n </kendo-dropdownlist>\r\n </kendo-label>\r\n <kendo-loader *ngIf=\"!Reports.length\" type=\"converging-spinner\"></kendo-loader>\r\n </ng-container>\r\n </div>\r\n </div>\r\n <div class=\"k-actions k-actions-end popup-actions customBtn\">\r\n <button fillMode=\"outline\" themeColor=\"info\" kendoButton icon=\"save\" (click)=\"addItem()\">\r\n Add\r\n </button>\r\n <button themeColor=\"info\" kendoButton (click)=\"closeDialog()\">Cancel</button>\r\n </div>\r\n</kendo-window>", styles: [".popup-actions {\r\n width: 100%;\r\n padding: 10px;\r\n border-top: 1px solid rgba(0, 0, 0, 0.08);\r\n}\r\n::ng-deep .modal-body-wrap .k-window-content {\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n flex: 1;\r\n padding: 0;\r\n}\r\n.resource-wrap {\r\n flex: 1;\r\n padding: 24px;\r\n margin: 16px;\r\n border-radius: 4px;\r\n border: 1px solid rgba(0, 0, 0, 0.08);\r\n box-sizing: border-box;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n}\r\n.user-view-wrap {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n}\r\n::ng-deep .resource-wrap .k-label {\r\n color: #424242;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n}\r\n::ng-deep .resource-wrap .k-dropdownlist {\r\n border-radius: 4px;\r\n border: 1px solid rgba(0, 0, 0, 0.08);\r\n background: transparent;\r\n line-height: 32px;\r\n margin: 0;\r\n}\r\n::ng-deep .customBtn button {\r\n flex: 1;\r\n border-radius: 10px;\r\n line-height: 34px;\r\n}"] }]
|
|
213
213
|
}], () => [], { onClose: [{
|
|
214
214
|
type: Output
|
|
215
215
|
}], selectedResource: [{
|
|
@@ -4,8 +4,10 @@ import { ResourceData } from '@memberjunction/ng-shared';
|
|
|
4
4
|
import { DashboardEntity, ResourceTypeEntity } from '@memberjunction/core-entities';
|
|
5
5
|
import { SharedService } from '@memberjunction/ng-shared';
|
|
6
6
|
import { ResourceContainerComponent } from '../generic/resource-container-component';
|
|
7
|
+
import { ActivatedRoute } from '@angular/router';
|
|
7
8
|
import * as i0 from "@angular/core";
|
|
8
9
|
export declare class SingleDashboardComponent implements OnInit {
|
|
10
|
+
private route;
|
|
9
11
|
sharedService: SharedService;
|
|
10
12
|
dashboardNameInput: ElementRef<HTMLInputElement>;
|
|
11
13
|
ResourceData: ResourceData;
|
|
@@ -26,8 +28,9 @@ export declare class SingleDashboardComponent implements OnInit {
|
|
|
26
28
|
selectedDashboardItem: DashboardItem | null;
|
|
27
29
|
private saveChangesSubject;
|
|
28
30
|
private selectedComponent;
|
|
31
|
+
private editOnLoad;
|
|
29
32
|
get contentLoading(): boolean;
|
|
30
|
-
constructor(sharedService: SharedService);
|
|
33
|
+
constructor(route: ActivatedRoute, sharedService: SharedService);
|
|
31
34
|
ngOnInit(): Promise<void>;
|
|
32
35
|
protected CreateDashboardItem(item: any): DashboardItem;
|
|
33
36
|
loadingStarted(resourceComponent: ResourceContainerComponent): void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"single-dashboard.component.d.ts","sourceRoot":"","sources":["../../../src/lib/single-dashboard/single-dashboard.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,YAAY,EAAS,MAAM,EAAqB,MAAM,eAAe,CAAC;AACtG,OAAO,EAAuB,sBAAsB,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AACpH,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AAEpF,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAE,0BAA0B,EAAE,MAAM,yCAAyC,CAAC;;
|
|
1
|
+
{"version":3,"file":"single-dashboard.component.d.ts","sourceRoot":"","sources":["../../../src/lib/single-dashboard/single-dashboard.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,YAAY,EAAS,MAAM,EAAqB,MAAM,eAAe,CAAC;AACtG,OAAO,EAAuB,sBAAsB,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AACpH,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AAEpF,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAE,0BAA0B,EAAE,MAAM,yCAAyC,CAAC;AAErF,OAAO,EAAE,cAAc,EAAU,MAAM,iBAAiB,CAAC;;AAEzD,qBAKa,wBAAyB,YAAW,MAAM;IAkCzC,OAAO,CAAC,KAAK;IAAyB,aAAa,EAAE,aAAa;IAhC7C,kBAAkB,EAAG,UAAU,CAAC,gBAAgB,CAAC,CAAA;IAElE,YAAY,EAAG,YAAY,CAAC;IAC3B,cAAc,EAAE,YAAY,CAAC,eAAe,CAAC,CAAuC;IACpF,YAAY,EAAE,YAAY,CAAC,GAAG,CAAC,CAA2B;IAC1D,WAAW,EAAE,YAAY,CAAC,GAAG,CAAC,CAA2B;IAEnE,KAAK,EAAE,aAAa,EAAE,CAAM;IAC5B,eAAe,EAAG,eAAe,CAAC;IAClC,MAAM,EAAE,sBAAsB,CAAgC;IAC9D,kBAAkB,EAAE,OAAO,CAAS;IACpC,kBAAkB,EAAE,OAAO,CAAS;IACpC,+BAA+B,EAAE,OAAO,CAAS;IACjD,uBAAuB,EAAE,OAAO,CAAS;IACzC,WAAW,EAAE,OAAO,CAAS;IAC7B,YAAY,EAAE,OAAO,CAAS;IAC9B,kBAAkB,EAAE,OAAO,CAAS;IACpC,gBAAgB,EAAG,kBAAkB,GAAG,IAAI,CAAC;IAC7C,qBAAqB,EAAG,aAAa,GAAG,IAAI,CAAC;IACpD,OAAO,CAAC,kBAAkB,CAA+B;IACzD,OAAO,CAAC,iBAAiB,CAAyC;IAClE,OAAO,CAAC,UAAU,CAAkB;IAEpC,IAAW,cAAc,IAAI,OAAO,CAOnC;gBAEmB,KAAK,EAAE,cAAc,EAAS,aAAa,EAAE,aAAa;IAaxE,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;IA+C/B,SAAS,CAAC,mBAAmB,CAAC,IAAI,EAAE,GAAG,GAAG,aAAa;IAchD,cAAc,CAAC,iBAAiB,EAAE,0BAA0B;IAS5D,eAAe,CAAC,iBAAiB,EAAE,0BAA0B;IAW7D,OAAO,CAAC,YAAY,GAAE,GAAU,GAAG,IAAI;IAMvC,WAAW,CAAC,IAAI,EAAE,GAAG,GAAG,IAAI;IAW5B,mBAAmB,CAAC,SAAS,EAAE,OAAO,GAAG,IAAI;IAOvC,oBAAoB,IAAI,OAAO,CAAC,IAAI,CAAC;IAYrC,oBAAoB,IAAI,OAAO,CAAC,IAAI,CAAC;IAK3C,oBAAoB,CAAC,IAAI,GAAE,GAAU;IAI5C,WAAW,CAAC,IAAI,EAAE,GAAG,GAAG,IAAI;IAYf,aAAa,IAAI,OAAO,CAAC,OAAO,CAAC;IAmBvC,qBAAqB,CAAC,MAAM,EAAE,eAAe,GAAG,IAAI;IAIpD,oBAAoB,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI;IAO5C,iBAAiB,IAAI,IAAI;IAYzB,gBAAgB,IAAI,IAAI;IAIxB,wBAAwB,IAAI,IAAI;IAKhC,8BAA8B,CAAC,IAAI,EAAE,aAAa,GAAG,IAAI;IAKnD,mBAAmB,CAAC,IAAI,EAAE,aAAa,GAAG,OAAO,CAAC,IAAI,CAAC;IAa7D,yBAAyB,IAAI,MAAM;IAInC,2BAA2B,IAAI,MAAM;IAI5C,SAAS,CAAC,CAAC,EAAE,sBAAsB,GAAG,IAAI;IAc1C,QAAQ,CAAC,CAAC,EAAE,qBAAqB,GAAG,IAAI;IAQxC,YAAY,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IAIjC,UAAU,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IAO/B,yBAAyB,CAAC,SAAS,EAAE,wBAAwB,GAAG,MAAM;yCAvS3D,wBAAwB;2CAAxB,wBAAwB;CA2SpC;AAED,qBAAa,sBAAsB;IACjC,OAAO,EAAE,MAAM,CAAK;IACpB,SAAS,EAAE,MAAM,CAAO;IACxB,SAAS,EAAE,OAAO,CAAQ;IAC1B,WAAW,EAAE,OAAO,CAAQ;CAC7B;AAED,qBAAa,aAAa;IACxB,OAAO,CAAC,MAAM,CAAC,YAAY,CAAa;IACxC,OAAO,CAAC,eAAe;;IAMvB,QAAQ,EAAG,MAAM,CAAC;IAClB,KAAK,EAAG,MAAM,CAAC;IACf,GAAG,EAAG,MAAM,CAAC;IACb,GAAG,EAAG,MAAM,CAAC;IACb,OAAO,EAAG,MAAM,CAAC;IACjB,OAAO,EAAG,MAAM,CAAC;IACjB,KAAK,EAAG,MAAM,CAAC;IACf,YAAY,EAAG,YAAY,CAAC;IAC5B,cAAc,EAAE,OAAO,CAAS;CACjC"}
|
|
@@ -12,7 +12,8 @@ import { ResourceData } from '@memberjunction/ng-shared';
|
|
|
12
12
|
import { Metadata } from '@memberjunction/core';
|
|
13
13
|
import { Subject, debounceTime } from 'rxjs';
|
|
14
14
|
import * as i0 from "@angular/core";
|
|
15
|
-
import * as i1 from "@
|
|
15
|
+
import * as i1 from "@angular/router";
|
|
16
|
+
import * as i2 from "@memberjunction/ng-shared";
|
|
16
17
|
const _c0 = ["dashboardNameInput"];
|
|
17
18
|
function SingleDashboardComponent_app_add_item_dialog_0_Template(rf, ctx) { if (rf & 1) {
|
|
18
19
|
const _r11 = i0.ɵɵgetCurrentView();
|
|
@@ -94,7 +95,7 @@ function SingleDashboardComponent_ng_template_11_Template(rf, ctx) { if (rf & 1)
|
|
|
94
95
|
i0.ɵɵelement(1, "kendo-svgicon", 23);
|
|
95
96
|
i0.ɵɵtext(2, " Add Item ");
|
|
96
97
|
i0.ɵɵelementEnd();
|
|
97
|
-
i0.ɵɵelementStart(3, "kendo-button",
|
|
98
|
+
i0.ɵɵelementStart(3, "kendo-button", 19);
|
|
98
99
|
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)); });
|
|
99
100
|
i0.ɵɵelement(4, "kendo-svgicon", 23);
|
|
100
101
|
i0.ɵɵtext(5, " Edit Dashboard ");
|
|
@@ -103,33 +104,31 @@ function SingleDashboardComponent_ng_template_11_Template(rf, ctx) { if (rf & 1)
|
|
|
103
104
|
const ctx_r7 = i0.ɵɵnextContext();
|
|
104
105
|
i0.ɵɵadvance();
|
|
105
106
|
i0.ɵɵproperty("icon", ctx_r7.sharedService.kendoSVGIcon("plus"));
|
|
106
|
-
i0.ɵɵadvance(
|
|
107
|
-
i0.ɵɵproperty("primary", true);
|
|
108
|
-
i0.ɵɵadvance();
|
|
107
|
+
i0.ɵɵadvance(3);
|
|
109
108
|
i0.ɵɵproperty("icon", ctx_r7.sharedService.kendoSVGIcon("gear"));
|
|
110
109
|
} }
|
|
111
110
|
function SingleDashboardComponent_kendo_tilelayout_item_15_div_3_Template(rf, ctx) { if (rf & 1) {
|
|
112
111
|
const _r35 = i0.ɵɵgetCurrentView();
|
|
113
|
-
i0.ɵɵelementStart(0, "div")(1, "div",
|
|
112
|
+
i0.ɵɵelementStart(0, "div")(1, "div", 27)(2, "button", 28);
|
|
114
113
|
i0.ɵɵlistener("click", function SingleDashboardComponent_kendo_tilelayout_item_15_div_3_Template_button_click_2_listener() { i0.ɵɵrestoreView(_r35); const ctx_r34 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r34.toggleEditDashboard(true)); });
|
|
115
|
-
i0.ɵɵelement(3, "span",
|
|
114
|
+
i0.ɵɵelement(3, "span", 29);
|
|
116
115
|
i0.ɵɵelementEnd();
|
|
117
|
-
i0.ɵɵelementStart(4, "button",
|
|
116
|
+
i0.ɵɵelementStart(4, "button", 28);
|
|
118
117
|
i0.ɵɵlistener("click", function SingleDashboardComponent_kendo_tilelayout_item_15_div_3_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r35); const item_r32 = i0.ɵɵnextContext().$implicit; const ctx_r36 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r36.showConfirmDeleteDashboardItem(item_r32)); });
|
|
119
|
-
i0.ɵɵelement(5, "span",
|
|
118
|
+
i0.ɵɵelement(5, "span", 30);
|
|
120
119
|
i0.ɵɵelementEnd()()();
|
|
121
120
|
} }
|
|
122
121
|
const _c1 = a0 => [a0];
|
|
123
122
|
const _c2 = a1 => ["dashboard-item-header", a1];
|
|
124
123
|
function SingleDashboardComponent_kendo_tilelayout_item_15_Template(rf, ctx) { if (rf & 1) {
|
|
125
124
|
const _r39 = i0.ɵɵgetCurrentView();
|
|
126
|
-
i0.ɵɵelementStart(0, "kendo-tilelayout-item",
|
|
125
|
+
i0.ɵɵelementStart(0, "kendo-tilelayout-item", 24);
|
|
127
126
|
i0.ɵɵlistener("mouseenter", function SingleDashboardComponent_kendo_tilelayout_item_15_Template_kendo_tilelayout_item_mouseenter_0_listener($event) { i0.ɵɵrestoreView(_r39); const ctx_r38 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r38.onMouseEnter($event)); })("mouseleave", function SingleDashboardComponent_kendo_tilelayout_item_15_Template_kendo_tilelayout_item_mouseleave_0_listener($event) { i0.ɵɵrestoreView(_r39); const ctx_r40 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r40.onMouseOut($event)); });
|
|
128
|
-
i0.ɵɵelementStart(1, "kendo-tilelayout-item-header",
|
|
127
|
+
i0.ɵɵelementStart(1, "kendo-tilelayout-item-header", 25);
|
|
129
128
|
i0.ɵɵtext(2);
|
|
130
129
|
i0.ɵɵtemplate(3, SingleDashboardComponent_kendo_tilelayout_item_15_div_3_Template, 6, 0, "div", 1);
|
|
131
130
|
i0.ɵɵelementEnd();
|
|
132
|
-
i0.ɵɵelementStart(4, "kendo-tilelayout-item-body",
|
|
131
|
+
i0.ɵɵelementStart(4, "kendo-tilelayout-item-body", 25)(5, "app-resource", 26);
|
|
133
132
|
i0.ɵɵlistener("ContentLoadingStarted", function SingleDashboardComponent_kendo_tilelayout_item_15_Template_app_resource_ContentLoadingStarted_5_listener($event) { i0.ɵɵrestoreView(_r39); const ctx_r41 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r41.loadingStarted($event)); })("ContentLoadingComplete", function SingleDashboardComponent_kendo_tilelayout_item_15_Template_app_resource_ContentLoadingComplete_5_listener($event) { i0.ɵɵrestoreView(_r39); const ctx_r42 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r42.loadingComplete($event)); });
|
|
134
133
|
i0.ɵɵelementEnd()()();
|
|
135
134
|
} if (rf & 2) {
|
|
@@ -156,7 +155,8 @@ export class SingleDashboardComponent {
|
|
|
156
155
|
}
|
|
157
156
|
return false;
|
|
158
157
|
}
|
|
159
|
-
constructor(sharedService) {
|
|
158
|
+
constructor(route, sharedService) {
|
|
159
|
+
this.route = route;
|
|
160
160
|
this.sharedService = sharedService;
|
|
161
161
|
this.dashboardSaved = new EventEmitter();
|
|
162
162
|
this.loadComplete = new EventEmitter();
|
|
@@ -172,11 +172,16 @@ export class SingleDashboardComponent {
|
|
|
172
172
|
this.isEditingDashboard = false;
|
|
173
173
|
this.saveChangesSubject = new Subject();
|
|
174
174
|
this.selectedComponent = null;
|
|
175
|
+
this.editOnLoad = false;
|
|
175
176
|
this.saveChangesSubject
|
|
176
177
|
.pipe(debounceTime(500))
|
|
177
178
|
.subscribe(() => {
|
|
178
179
|
this.SaveDashboard();
|
|
179
180
|
});
|
|
181
|
+
let edit = this.route.snapshot.queryParamMap.get('edit');
|
|
182
|
+
if (edit) {
|
|
183
|
+
this.editOnLoad = true;
|
|
184
|
+
}
|
|
180
185
|
}
|
|
181
186
|
ngOnInit() {
|
|
182
187
|
return __awaiter(this, void 0, void 0, function* () {
|
|
@@ -198,6 +203,12 @@ export class SingleDashboardComponent {
|
|
|
198
203
|
this.config.resizable = uiConfig.resizable;
|
|
199
204
|
this.config.reorderable = uiConfig.reorderable;
|
|
200
205
|
}
|
|
206
|
+
//the save and canel functions call this function
|
|
207
|
+
//and we only want to show the edit view once
|
|
208
|
+
if (this.editOnLoad) {
|
|
209
|
+
this.editOnLoad = false;
|
|
210
|
+
this.toggleEditDashboard(true);
|
|
211
|
+
}
|
|
201
212
|
}
|
|
202
213
|
else {
|
|
203
214
|
this.dashboardEntity.NewRecord(); // creating a new dashboard
|
|
@@ -408,19 +419,19 @@ export class SingleDashboardComponent {
|
|
|
408
419
|
return this.selectedComponent === component ? "position: unset" : "";
|
|
409
420
|
}
|
|
410
421
|
}
|
|
411
|
-
SingleDashboardComponent.ɵfac = function SingleDashboardComponent_Factory(t) { return new (t || SingleDashboardComponent)(i0.ɵɵdirectiveInject(i1.SharedService)); };
|
|
422
|
+
SingleDashboardComponent.ɵfac = function SingleDashboardComponent_Factory(t) { return new (t || SingleDashboardComponent)(i0.ɵɵdirectiveInject(i1.ActivatedRoute), i0.ɵɵdirectiveInject(i2.SharedService)); };
|
|
412
423
|
SingleDashboardComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SingleDashboardComponent, selectors: [["app-single-dashboard"]], viewQuery: function SingleDashboardComponent_Query(rf, ctx) { if (rf & 1) {
|
|
413
424
|
i0.ɵɵviewQuery(_c0, 5);
|
|
414
425
|
} if (rf & 2) {
|
|
415
426
|
let _t;
|
|
416
427
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.dashboardNameInput = _t.first);
|
|
417
|
-
} }, inputs: { ResourceData: "ResourceData" }, outputs: { dashboardSaved: "dashboardSaved", loadComplete: "loadComplete", loadStarted: "loadStarted" }, decls: 16, vars: 12, 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, "ngClass", "col", "colSpan", "rowSpan", "id", "mouseenter", "mouseleave", 4, "ngFor", "ngForOf"], [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"], [3, "icon"], [3, "
|
|
428
|
+
} }, inputs: { ResourceData: "ResourceData" }, outputs: { dashboardSaved: "dashboardSaved", loadComplete: "loadComplete", loadStarted: "loadStarted" }, decls: 16, vars: 12, 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, "ngClass", "col", "colSpan", "rowSpan", "id", "mouseenter", "mouseleave", 4, "ngFor", "ngForOf"], [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"], [3, "icon"], [3, "ngClass", "col", "colSpan", "rowSpan", "id", "mouseenter", "mouseleave"], [3, "ngClass"], [3, "Data", "isVisible", "ContentLoadingStarted", "ContentLoadingComplete"], [1, "btn-wrapper"], ["kendoButton", "", 3, "click"], [1, "k-icon", "k-i-edit"], [1, "k-icon", "k-i-delete"]], template: function SingleDashboardComponent_Template(rf, ctx) { if (rf & 1) {
|
|
418
429
|
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);
|
|
419
430
|
i0.ɵɵelementStart(3, "div", 3)(4, "div", 4)(5, "div", 5);
|
|
420
431
|
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);
|
|
421
432
|
i0.ɵɵelementEnd();
|
|
422
433
|
i0.ɵɵelementStart(9, "div", 8);
|
|
423
|
-
i0.ɵɵtemplate(10, SingleDashboardComponent_div_10_Template, 7, 2, "div", 9)(11, SingleDashboardComponent_ng_template_11_Template, 6,
|
|
434
|
+
i0.ɵɵtemplate(10, SingleDashboardComponent_div_10_Template, 7, 2, "div", 9)(11, SingleDashboardComponent_ng_template_11_Template, 6, 2, "ng-template", null, 10, i0.ɵɵtemplateRefExtractor);
|
|
424
435
|
i0.ɵɵelementEnd()();
|
|
425
436
|
i0.ɵɵelementStart(13, "div", 11)(14, "kendo-tilelayout", 12);
|
|
426
437
|
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); });
|
|
@@ -442,11 +453,11 @@ SingleDashboardComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Si
|
|
|
442
453
|
i0.ɵɵproperty("columns", ctx.config.columns)("rowHeight", ctx.config.rowHeight)("resizable", ctx.allowResize)("reorderable", ctx.allowReorder);
|
|
443
454
|
i0.ɵɵadvance();
|
|
444
455
|
i0.ɵɵproperty("ngForOf", ctx.items);
|
|
445
|
-
} }, styles: [".dashboard-title[_ngcontent-%COMP%] {\r\n display: flex;\r\n align-items: center;\r\n gap:
|
|
456
|
+
} }, styles: [".dashboard-title[_ngcontent-%COMP%] {\r\n display: flex;\r\n align-items: center;\r\n gap: 20px;\r\n}\r\n.dashboard-title[_ngcontent-%COMP%] .k-icon[_ngcontent-%COMP%] {\r\n color: var(--border-blue);\r\n font-size: 25px;\r\n}\r\n.dashboard-title[_ngcontent-%COMP%] h3[_ngcontent-%COMP%] {\r\ncolor: #424242;\r\nfont-size: 28px;\r\nfont-style: normal;\r\nfont-weight: 300;\r\nline-height: 28px;\r\n}\r\n.dashboard-header[_ngcontent-%COMP%] {\r\n display: flex;\r\n gap: 10px;\r\n align-items: center;\r\n}\r\n .dashboard-header .k-button-solid-base {\r\n border: 1px solid var(--border-blue) !important;\r\n color: var(--border-blue) !important;\r\n border-radius: 10px;\r\n line-height: 34px;\r\n background: var(--white-color);\r\n}\r\n .dashboard-header .k-button-solid-primary {\r\n background: var(--border-blue) !important;\r\n color: var(--white-color) !important;\r\n border-radius: 10px;\r\n line-height: 34px;\r\n border-color: var(--border-blue);\r\n}\r\n .dashboard-header .btn-ref .k-button-text {\r\n display: flex;\r\n gap: 10px;\r\n}\r\n .dashboard-header[_ngcontent-%COMP%] .btn-ref[_ngcontent-%COMP%] {\r\n border: none;\r\n background: transparent;\r\n}\r\n.main-head-dashboard[_ngcontent-%COMP%] {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n margin-bottom: 20px;\r\n padding-bottom: 20px;\r\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\r\n}\r\n\r\n.tile-resource-container[_ngcontent-%COMP%] .k-tilelayout[_ngcontent-%COMP%] {\r\n background: #fff;\r\n}\r\n\r\n.bg-light-grey[_ngcontent-%COMP%] {\r\n background-color: lightgray;\r\n}\r\n\r\n.bg-dark-grey[_ngcontent-%COMP%] {\r\n background-color: darkgray;\r\n}\r\n\r\n.bg-blue[_ngcontent-%COMP%] {\r\n background-color: #4250AD;\r\n color: white;\r\n}\r\n\r\n.dashboard-item-header[_ngcontent-%COMP%] {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n}\r\n\r\n.button-spacing[_ngcontent-%COMP%] {\r\n margin-right: 8px\r\n}"] });
|
|
446
457
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SingleDashboardComponent, [{
|
|
447
458
|
type: Component,
|
|
448
|
-
args: [{ selector: 'app-single-dashboard', template: "<app-add-item-dialog *ngIf=\"isItemDialogOpened\" (onClose)=\"closeDialog($event)\" [selectedResource]=\"selectedResource\"></app-add-item-dialog>\r\n<div *ngIf=\"isEditDialogOpened\">\r\n <app-edit-dashboard (onClose)=\"closeDashboardDialog($event)\" (triggerAddItem)=\"addItem($event)\" [items]=\"items\" [config]=\"config\" (onSave)=\"saveChanges($event)\"></app-edit-dashboard>\r\n</div>\r\n\r\n<app-delete-item-dialog *ngIf=\"isDeletingDashboardItem\" [dashboardItem]=\"selectedDashboardItem\" (removeDashboardItem)=\"deleteDashboardItem($event)\" (onClose)=\"closeDeleteItemComponent()\"></app-delete-item-dialog>\r\n\r\n<div class=\"dashboard-container\">\r\n <div class=\"main-head-dashboard\">\r\n <div class=\"dashboard-title\">\r\n <div *ngIf=\"isEditDashboardNameDialogOpened; else dashboard_name_header\" class=\"dashboard-header k-d-flex k-flex-row k-justify-content-flex-end\">\r\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>\r\n <kendo-button (click)=\"saveDashboardName()\">\r\n <span class=\"k-i-check k-button-icon k-icon ng-star-inserted\"></span>\r\n </kendo-button>\r\n <kendo-button (click)=\"cancelNameChange()\" >\r\n <span class=\"k-icon k-i-cancel\"></span>\r\n </kendo-button>\r\n </div>\r\n <ng-template #dashboard_name_header>\r\n <span class=\"k-icon k-i-star\"></span>\r\n <h3 (click)=\"toggleInlineNameEdit(true)\">{{dashboardEntity.Name}}</h3>\r\n </ng-template>\r\n </div>\r\n <div class=\"dashboard-header k-d-flex k-flex-row k-justify-content-flex-end\">\r\n <div *ngIf=\"isEditingDashboard; else edit_dashboard_buttons\">\r\n <kendo-button (click)=\"onClickSaveDashboard()\">\r\n <kendo-svgicon [icon]=\"sharedService.kendoSVGIcon('check')\"></kendo-svgicon>\r\n Save\r\n </kendo-button>\r\n <kendo-button (click)=\"onclickCancelChanges()\">\r\n <kendo-svgicon [icon]=\"sharedService.kendoSVGIcon('cancel')\"></kendo-svgicon>\r\n Cancel\r\n </kendo-button>\r\n </div>\r\n <ng-template #edit_dashboard_buttons>\r\n <kendo-button (click)=\"addItem()\">\r\n <kendo-svgicon [icon]=\"sharedService.kendoSVGIcon('plus')\"></kendo-svgicon>\r\n Add Item\r\n </kendo-button>\r\n <kendo-button (click)=\"toggleEditDashboard(true)\"
|
|
449
|
-
}], () => [{ type: i1.SharedService }], { dashboardNameInput: [{
|
|
459
|
+
args: [{ selector: 'app-single-dashboard', template: "<app-add-item-dialog *ngIf=\"isItemDialogOpened\" (onClose)=\"closeDialog($event)\" [selectedResource]=\"selectedResource\"></app-add-item-dialog>\r\n<div *ngIf=\"isEditDialogOpened\">\r\n <app-edit-dashboard (onClose)=\"closeDashboardDialog($event)\" (triggerAddItem)=\"addItem($event)\" [items]=\"items\" [config]=\"config\" (onSave)=\"saveChanges($event)\"></app-edit-dashboard>\r\n</div>\r\n\r\n<app-delete-item-dialog *ngIf=\"isDeletingDashboardItem\" [dashboardItem]=\"selectedDashboardItem\" (removeDashboardItem)=\"deleteDashboardItem($event)\" (onClose)=\"closeDeleteItemComponent()\"></app-delete-item-dialog>\r\n\r\n<div class=\"dashboard-container\">\r\n <div class=\"main-head-dashboard\">\r\n <div class=\"dashboard-title\">\r\n <div *ngIf=\"isEditDashboardNameDialogOpened; else dashboard_name_header\" class=\"dashboard-header k-d-flex k-flex-row k-justify-content-flex-end\">\r\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>\r\n <kendo-button (click)=\"saveDashboardName()\">\r\n <span class=\"k-i-check k-button-icon k-icon ng-star-inserted\"></span>\r\n </kendo-button>\r\n <kendo-button (click)=\"cancelNameChange()\" >\r\n <span class=\"k-icon k-i-cancel\"></span>\r\n </kendo-button>\r\n </div>\r\n <ng-template #dashboard_name_header>\r\n <span class=\"k-icon k-i-star\"></span>\r\n <h3 (click)=\"toggleInlineNameEdit(true)\">{{dashboardEntity.Name}}</h3>\r\n </ng-template>\r\n </div>\r\n <div class=\"dashboard-header k-d-flex k-flex-row k-justify-content-flex-end\">\r\n <div *ngIf=\"isEditingDashboard; else edit_dashboard_buttons\">\r\n <kendo-button (click)=\"onClickSaveDashboard()\">\r\n <kendo-svgicon [icon]=\"sharedService.kendoSVGIcon('check')\"></kendo-svgicon>\r\n Save\r\n </kendo-button>\r\n <kendo-button (click)=\"onclickCancelChanges()\">\r\n <kendo-svgicon [icon]=\"sharedService.kendoSVGIcon('cancel')\"></kendo-svgicon>\r\n Cancel\r\n </kendo-button>\r\n </div>\r\n <ng-template #edit_dashboard_buttons>\r\n <kendo-button (click)=\"addItem()\">\r\n <kendo-svgicon [icon]=\"sharedService.kendoSVGIcon('plus')\"></kendo-svgicon>\r\n Add Item\r\n </kendo-button>\r\n <kendo-button (click)=\"toggleEditDashboard(true)\" >\r\n <kendo-svgicon [icon]=\"sharedService.kendoSVGIcon('gear')\"></kendo-svgicon>\r\n Edit Dashboard\r\n </kendo-button>\r\n </ng-template>\r\n </div>\r\n </div>\r\n <div class=\"tile-resource-container\">\r\n <kendo-tilelayout\r\n [columns]=\"config.columns\"\r\n [rowHeight]=\"config.rowHeight\"\r\n [resizable]=\"allowResize\"\r\n [reorderable]=\"allowReorder\"\r\n (reorder)=\"onReorder($event)\"\r\n (resize)=\"onResize($event)\"\r\n >\r\n <kendo-tilelayout-item (mouseenter)=\"onMouseEnter($event)\" (mouseleave)=\"onMouseOut($event)\" [ngClass]=\"[getSelectedComponentStyle(this)]\" *ngFor=\"let item of items\" [col]=\"item.col\" [colSpan]=\"item.colSpan\" [rowSpan]=\"item.rowSpan\" [id]=\"item.uniqueId\">\r\n <kendo-tilelayout-item-header [ngClass]=\"['dashboard-item-header', getIsEditingItemHeaderStyle()]\">\r\n {{item.title}}\r\n <div *ngIf=\"!isEditingDashboard\">\r\n <div class=\"btn-wrapper\">\r\n <button kendoButton (click)=\"toggleEditDashboard(true)\">\r\n <span class=\"k-icon k-i-edit\"></span>\r\n </button>\r\n <button kendoButton (click)=\"showConfirmDeleteDashboardItem(item)\"><span\r\n class=\"k-icon k-i-delete\"></span></button>\r\n </div>\r\n </div>\r\n </kendo-tilelayout-item-header>\r\n <kendo-tilelayout-item-body [ngClass]=\"[getIsEditingItemBodyStyle()]\">\r\n <app-resource [Data]=\"item.ResourceData\" [isVisible]=\"true\" (ContentLoadingStarted)=\"loadingStarted($event)\" (ContentLoadingComplete)=\"loadingComplete($event)\"></app-resource>\r\n </kendo-tilelayout-item-body>\r\n </kendo-tilelayout-item>\r\n </kendo-tilelayout>\r\n </div>\r\n</div>\r\n", styles: [".dashboard-title {\r\n display: flex;\r\n align-items: center;\r\n gap: 20px;\r\n}\r\n.dashboard-title .k-icon {\r\n color: var(--border-blue);\r\n font-size: 25px;\r\n}\r\n.dashboard-title h3 {\r\ncolor: #424242;\r\nfont-size: 28px;\r\nfont-style: normal;\r\nfont-weight: 300;\r\nline-height: 28px;\r\n}\r\n.dashboard-header {\r\n display: flex;\r\n gap: 10px;\r\n align-items: center;\r\n}\r\n::ng-deep .dashboard-header .k-button-solid-base {\r\n border: 1px solid var(--border-blue) !important;\r\n color: var(--border-blue) !important;\r\n border-radius: 10px;\r\n line-height: 34px;\r\n background: var(--white-color);\r\n}\r\n::ng-deep .dashboard-header .k-button-solid-primary {\r\n background: var(--border-blue) !important;\r\n color: var(--white-color) !important;\r\n border-radius: 10px;\r\n line-height: 34px;\r\n border-color: var(--border-blue);\r\n}\r\n::ng-deep .dashboard-header .btn-ref .k-button-text {\r\n display: flex;\r\n gap: 10px;\r\n}\r\n .dashboard-header .btn-ref {\r\n border: none;\r\n background: transparent;\r\n}\r\n.main-head-dashboard {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n margin-bottom: 20px;\r\n padding-bottom: 20px;\r\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\r\n}\r\n\r\n.tile-resource-container .k-tilelayout {\r\n background: #fff;\r\n}\r\n\r\n.bg-light-grey {\r\n background-color: lightgray;\r\n}\r\n\r\n.bg-dark-grey {\r\n background-color: darkgray;\r\n}\r\n\r\n.bg-blue {\r\n background-color: #4250AD;\r\n color: white;\r\n}\r\n\r\n.dashboard-item-header {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n}\r\n\r\n.button-spacing {\r\n margin-right: 8px\r\n}"] }]
|
|
460
|
+
}], () => [{ type: i1.ActivatedRoute }, { type: i2.SharedService }], { dashboardNameInput: [{
|
|
450
461
|
type: ViewChild,
|
|
451
462
|
args: ['dashboardNameInput']
|
|
452
463
|
}], ResourceData: [{
|
|
@@ -458,7 +469,7 @@ SingleDashboardComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Si
|
|
|
458
469
|
}], loadStarted: [{
|
|
459
470
|
type: Output
|
|
460
471
|
}] }); })();
|
|
461
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SingleDashboardComponent, { className: "SingleDashboardComponent", filePath: "src\\lib\\single-dashboard\\single-dashboard.component.ts", lineNumber:
|
|
472
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SingleDashboardComponent, { className: "SingleDashboardComponent", filePath: "src\\lib\\single-dashboard\\single-dashboard.component.ts", lineNumber: 16 }); })();
|
|
462
473
|
export class DashboardConfigDetails {
|
|
463
474
|
constructor() {
|
|
464
475
|
this.columns = 4;
|