@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
|
@@ -7,14 +7,14 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
|
|
|
7
7
|
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
8
8
|
});
|
|
9
9
|
};
|
|
10
|
-
import { RunView } from "@memberjunction/core";
|
|
10
|
+
import { LogStatus, Metadata, RunView } from "@memberjunction/core";
|
|
11
11
|
import { Folder, Item, ItemType } from "../../generic/Item.types";
|
|
12
|
-
import { PathData } from "../../generic/PathData.types";
|
|
13
12
|
import { EventTypes } from "../../generic/Events.types";
|
|
14
13
|
export class BaseBrowserComponent {
|
|
15
14
|
constructor() {
|
|
16
15
|
this.showLoader = false;
|
|
17
16
|
this.selectedFolderID = null;
|
|
17
|
+
this.viewMode = "list";
|
|
18
18
|
this.parentFolderID = null;
|
|
19
19
|
this.pageName = "";
|
|
20
20
|
this.routeName = "";
|
|
@@ -24,33 +24,49 @@ export class BaseBrowserComponent {
|
|
|
24
24
|
this.items = [];
|
|
25
25
|
this.folders = [];
|
|
26
26
|
this.entityData = [];
|
|
27
|
-
this.PathData = new PathData(0, "", "");
|
|
28
27
|
}
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
if (queryParams && queryParams.
|
|
32
|
-
|
|
33
|
-
this.PathData = new PathData(folderID, this.pageName, `/${this.routeName}?folderID=${folderID}`);
|
|
34
|
-
this.selectedFolderID = folderID;
|
|
28
|
+
get displayAsGrid() { return this.viewMode === "grid"; }
|
|
29
|
+
InitPathAndQueryData(queryParams, route) {
|
|
30
|
+
if (queryParams && queryParams.viewMode) {
|
|
31
|
+
this.viewMode = queryParams.viewMode;
|
|
35
32
|
}
|
|
36
33
|
}
|
|
34
|
+
buildFiltersAndLoadData() {
|
|
35
|
+
return __awaiter(this, void 0, void 0, function* () {
|
|
36
|
+
const md = new Metadata();
|
|
37
|
+
let categoryFilter = this.selectedFolderID ? `CategoryID = ${this.selectedFolderID}` : `CategoryID IS NULL`;
|
|
38
|
+
let resourceFilter = `UserID = ${md.CurrentUser.ID} AND ${categoryFilter}`;
|
|
39
|
+
let resourceCategoryFilter = this.selectedFolderID ? `ParentID = ${this.selectedFolderID}` : `ParentID IS NULL`;
|
|
40
|
+
LogStatus("resourceFilter: " + resourceFilter + " category filter: " + resourceCategoryFilter);
|
|
41
|
+
yield this.LoadData({
|
|
42
|
+
sortItemsAfterLoad: true,
|
|
43
|
+
categoryItemFilter: resourceCategoryFilter,
|
|
44
|
+
entityItemFilter: resourceFilter,
|
|
45
|
+
showLoader: true
|
|
46
|
+
});
|
|
47
|
+
});
|
|
48
|
+
}
|
|
49
|
+
InitForResource(router) {
|
|
50
|
+
router.paramMap.subscribe((params) => __awaiter(this, void 0, void 0, function* () {
|
|
51
|
+
this.selectedFolderID = Number(params.get('folderID')) || null;
|
|
52
|
+
yield this.buildFiltersAndLoadData();
|
|
53
|
+
}));
|
|
54
|
+
}
|
|
37
55
|
LoadData(params) {
|
|
38
56
|
return __awaiter(this, void 0, void 0, function* () {
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
this.EntityItemFilter = (params === null || params === void 0 ? void 0 : params.entityItemFilter) || this.EntityItemFilter;
|
|
42
|
-
this.CategoryItemFilter = (params === null || params === void 0 ? void 0 : params.categoryItemFilter) || this.CategoryItemFilter;
|
|
57
|
+
let entityItemFilter = params === null || params === void 0 ? void 0 : params.entityItemFilter;
|
|
58
|
+
let categoryItemFilter = params === null || params === void 0 ? void 0 : params.categoryItemFilter;
|
|
43
59
|
if (params === null || params === void 0 ? void 0 : params.showLoader) {
|
|
44
60
|
this.showLoader = true;
|
|
45
61
|
}
|
|
46
62
|
this.items = [];
|
|
47
63
|
if (!(params === null || params === void 0 ? void 0 : params.skiploadEntityData)) {
|
|
48
|
-
const entityData = yield this.
|
|
64
|
+
const entityData = yield this.RunView(this.itemEntityName, entityItemFilter);
|
|
49
65
|
this.items.push(...this.createItemsFromEntityData(entityData));
|
|
50
66
|
this.entityData = entityData;
|
|
51
67
|
}
|
|
52
68
|
if (!(params === null || params === void 0 ? void 0 : params.skipLoadCategoryData)) {
|
|
53
|
-
const categories = yield this.
|
|
69
|
+
const categories = yield this.RunView(this.categoryEntityName, categoryItemFilter);
|
|
54
70
|
this.items.push(...this.createItemsFromFolders(categories));
|
|
55
71
|
this.folders = categories;
|
|
56
72
|
}
|
|
@@ -72,12 +88,12 @@ export class BaseBrowserComponent {
|
|
|
72
88
|
return 0;
|
|
73
89
|
});
|
|
74
90
|
}
|
|
75
|
-
|
|
91
|
+
RunView(entityName, extraFilter) {
|
|
76
92
|
return __awaiter(this, void 0, void 0, function* () {
|
|
77
93
|
const rv = new RunView();
|
|
78
94
|
const result = yield rv.RunView({
|
|
79
|
-
EntityName:
|
|
80
|
-
ExtraFilter:
|
|
95
|
+
EntityName: entityName,
|
|
96
|
+
ExtraFilter: extraFilter
|
|
81
97
|
});
|
|
82
98
|
if (result && result.Success) {
|
|
83
99
|
return result.Results;
|
|
@@ -87,21 +103,6 @@ export class BaseBrowserComponent {
|
|
|
87
103
|
}
|
|
88
104
|
});
|
|
89
105
|
}
|
|
90
|
-
GetCategories() {
|
|
91
|
-
return __awaiter(this, void 0, void 0, function* () {
|
|
92
|
-
const rv = new RunView();
|
|
93
|
-
const folderResult = yield rv.RunView({
|
|
94
|
-
EntityName: this.categoryEntityName,
|
|
95
|
-
ExtraFilter: this.CategoryItemFilter
|
|
96
|
-
});
|
|
97
|
-
if (folderResult && folderResult.Success) {
|
|
98
|
-
return folderResult.Results;
|
|
99
|
-
}
|
|
100
|
-
else {
|
|
101
|
-
return [];
|
|
102
|
-
}
|
|
103
|
-
});
|
|
104
|
-
}
|
|
105
106
|
createItemsFromEntityData(entityData) {
|
|
106
107
|
let items = [];
|
|
107
108
|
for (const data of entityData) {
|
|
@@ -130,16 +131,8 @@ export class BaseBrowserComponent {
|
|
|
130
131
|
}
|
|
131
132
|
else if (item.Type === ItemType.Folder) {
|
|
132
133
|
const folder = item.Data;
|
|
133
|
-
const
|
|
134
|
-
|
|
135
|
-
oldPathData.ChildPathData = newPathData;
|
|
136
|
-
newPathData.ParentPathData = oldPathData;
|
|
137
|
-
this.PathData = newPathData;
|
|
138
|
-
//navigation seems like it does nothing but update the URL
|
|
139
|
-
//so just reload all of the data
|
|
140
|
-
router.navigate([this.routeName], { queryParams: { folderID: folder.ID } });
|
|
141
|
-
this.selectedFolderID = folder.ID;
|
|
142
|
-
this.LoadData({});
|
|
134
|
+
const route = [this.routeName, folder.ID.toString()];
|
|
135
|
+
router.navigate(route, { queryParams: { viewMode: this.viewMode } });
|
|
143
136
|
}
|
|
144
137
|
}
|
|
145
138
|
onEvent(event) {
|
|
@@ -154,4 +147,7 @@ export class BaseBrowserComponent {
|
|
|
154
147
|
this.items = this.items.filter((item) => item !== deleteEvent.Item);
|
|
155
148
|
}
|
|
156
149
|
}
|
|
150
|
+
onViewModeChange(viewMode) {
|
|
151
|
+
this.viewMode = viewMode;
|
|
152
|
+
}
|
|
157
153
|
}
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
import { Router } from '@angular/router';
|
|
1
|
+
import { ActivatedRoute, Router } from '@angular/router';
|
|
2
2
|
import { SharedService } from '@memberjunction/ng-shared';
|
|
3
3
|
import { Item } from '../../generic/Item.types';
|
|
4
4
|
import { BaseBrowserComponent } from '../base-browser-component/base-browser-component';
|
|
5
|
-
import {
|
|
5
|
+
import { BeforeUpdateItemEvent } from '../../generic/Events.types';
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
7
7
|
export declare class DashboardBrowserComponent extends BaseBrowserComponent {
|
|
8
8
|
private router;
|
|
9
|
+
private route;
|
|
9
10
|
private sharedService;
|
|
10
|
-
constructor(router: Router, sharedService: SharedService);
|
|
11
|
+
constructor(router: Router, route: ActivatedRoute, sharedService: SharedService);
|
|
11
12
|
ngOnInit(): Promise<void>;
|
|
12
13
|
itemClick(item: Item): void;
|
|
13
|
-
|
|
14
|
-
onEvent(event: BaseEvent): void;
|
|
14
|
+
onBeforeUpdateItemEvent(event: BeforeUpdateItemEvent): void;
|
|
15
15
|
static ɵfac: i0.ɵɵFactoryDeclaration<DashboardBrowserComponent, never>;
|
|
16
16
|
static ɵcmp: i0.ɵɵComponentDeclaration<DashboardBrowserComponent, "app-dashboard-browser", never, {}, {}, never, never, false, never>;
|
|
17
17
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dashboard-browser.component.d.ts","sourceRoot":"","sources":["../../../src/lib/dashboard-browser-component/dashboard-browser.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;
|
|
1
|
+
{"version":3,"file":"dashboard-browser.component.d.ts","sourceRoot":"","sources":["../../../src/lib/dashboard-browser-component/dashboard-browser.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;AAChD,OAAO,EAAE,oBAAoB,EAAE,MAAM,kDAAkD,CAAC;AAExF,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;;AAEnE,qBAMa,yBAA0B,SAAQ,oBAAoB;IAErD,OAAO,CAAC,MAAM;IAAU,OAAO,CAAC,KAAK;IAAkB,OAAO,CAAC,aAAa;gBAApE,MAAM,EAAE,MAAM,EAAU,KAAK,EAAE,cAAc,EAAU,aAAa,EAAE,aAAa;IAajG,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;IAQxB,SAAS,CAAC,IAAI,EAAE,IAAI;IAWpB,uBAAuB,CAAC,KAAK,EAAE,qBAAqB,GAAG,IAAI;yCAlCvD,yBAAyB;2CAAzB,yBAAyB;CA0CrC"}
|
|
@@ -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 DashboardBrowserComponent 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.pageName = "Dashboards";
|
|
23
24
|
this.routeName = "dashboards";
|
|
@@ -25,17 +26,20 @@ export class DashboardBrowserComponent extends BaseBrowserComponent {
|
|
|
25
26
|
this.itemEntityName = "Dashboards";
|
|
26
27
|
this.categoryEntityName = "Dashboard Categories";
|
|
27
28
|
const params = (_a = this.router.getCurrentNavigation()) === null || _a === void 0 ? void 0 : _a.extractedUrl.queryParams;
|
|
28
|
-
|
|
29
|
+
super.InitPathAndQueryData(params, this.route);
|
|
29
30
|
}
|
|
30
31
|
ngOnInit() {
|
|
31
32
|
const _super = Object.create(null, {
|
|
32
|
-
|
|
33
|
+
InitForResource: { get: () => super.InitForResource }
|
|
33
34
|
});
|
|
34
35
|
return __awaiter(this, void 0, void 0, function* () {
|
|
35
|
-
|
|
36
|
-
yield _super.LoadData.call(this, { categoryItemFilter: categoryEntityFilter });
|
|
36
|
+
_super.InitForResource.call(this, this.route);
|
|
37
37
|
});
|
|
38
38
|
}
|
|
39
|
+
//this and the onBeforeUpdateItemEvent function could exist in the
|
|
40
|
+
//BaseBrowserComponent class, but the class would need
|
|
41
|
+
//a reference or dependency on the router
|
|
42
|
+
//which i dont think is needed
|
|
39
43
|
itemClick(item) {
|
|
40
44
|
let dataID = "";
|
|
41
45
|
if (item.Type === "Entity") {
|
|
@@ -44,42 +48,23 @@ export class DashboardBrowserComponent extends BaseBrowserComponent {
|
|
|
44
48
|
}
|
|
45
49
|
super.Navigate(item, this.router, dataID);
|
|
46
50
|
}
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
//so just reload all of the data
|
|
53
|
-
this.router.navigate(['dashboards'], { queryParams: { folderID: pathData.ID } });
|
|
54
|
-
this.selectedFolderID = pathData.ID;
|
|
55
|
-
this.LoadData();
|
|
56
|
-
}
|
|
57
|
-
else if (this.parentFolderID || !this.parentFolderID && this.selectedFolderID) {
|
|
58
|
-
this.router.navigate(['dashboards'], { queryParams: { folderID: this.parentFolderID } });
|
|
59
|
-
this.selectedFolderID = this.parentFolderID;
|
|
60
|
-
this.parentFolderID = null;
|
|
61
|
-
this.LoadData();
|
|
62
|
-
}
|
|
63
|
-
else {
|
|
64
|
-
//no parent path, so just go home
|
|
65
|
-
this.router.navigate(['']);
|
|
66
|
-
}
|
|
67
|
-
this.showLoader = false;
|
|
68
|
-
}
|
|
69
|
-
onEvent(event) {
|
|
70
|
-
super.onEvent(event);
|
|
51
|
+
onBeforeUpdateItemEvent(event) {
|
|
52
|
+
event.Cancel = true;
|
|
53
|
+
let item = event.Item;
|
|
54
|
+
let dashboard = item.Data;
|
|
55
|
+
this.router.navigate(['resource', this.routeNameSingular, dashboard.ID], { queryParams: { edit: true } });
|
|
71
56
|
}
|
|
72
57
|
}
|
|
73
|
-
DashboardBrowserComponent.ɵfac = function DashboardBrowserComponent_Factory(t) { return new (t || DashboardBrowserComponent)(i0.ɵɵdirectiveInject(i1.Router), i0.ɵɵdirectiveInject(i2.SharedService)); };
|
|
74
|
-
DashboardBrowserComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DashboardBrowserComponent, selectors: [["app-dashboard-browser"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars:
|
|
58
|
+
DashboardBrowserComponent.ɵfac = function DashboardBrowserComponent_Factory(t) { return new (t || DashboardBrowserComponent)(i0.ɵɵdirectiveInject(i1.Router), i0.ɵɵdirectiveInject(i1.ActivatedRoute), i0.ɵɵdirectiveInject(i2.SharedService)); };
|
|
59
|
+
DashboardBrowserComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DashboardBrowserComponent, selectors: [["app-dashboard-browser"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 4, consts: [["title", "Dashboards", "itemType", "dashboard", "iconName", "aggregateFields", "addText", "Create Dashboard", "ItemEntityName", "Dashboards", "resourceName", "Dashboard", "CategoryEntityName", "Dashboard Categories", 3, "items", "selectedFolderID", "showLoader", "displayAsGrid", "itemClickEvent", "AfterAddFolderEvent", "AfterAddItemEvent", "AfterDeleteItemEvent", "AfterDeleteFolderEvent", "BeforeUpdateItemEvent", "viewModeChangeEvent"]], template: function DashboardBrowserComponent_Template(rf, ctx) { if (rf & 1) {
|
|
75
60
|
i0.ɵɵelementStart(0, "app-generic-browser-list", 0);
|
|
76
|
-
i0.ɵɵlistener("itemClickEvent", function DashboardBrowserComponent_Template_app_generic_browser_list_itemClickEvent_0_listener($event) { return ctx.itemClick($event); })("
|
|
61
|
+
i0.ɵɵlistener("itemClickEvent", function DashboardBrowserComponent_Template_app_generic_browser_list_itemClickEvent_0_listener($event) { return ctx.itemClick($event); })("AfterAddFolderEvent", function DashboardBrowserComponent_Template_app_generic_browser_list_AfterAddFolderEvent_0_listener($event) { return ctx.onEvent($event); })("AfterAddItemEvent", function DashboardBrowserComponent_Template_app_generic_browser_list_AfterAddItemEvent_0_listener($event) { return ctx.onEvent($event); })("AfterDeleteItemEvent", function DashboardBrowserComponent_Template_app_generic_browser_list_AfterDeleteItemEvent_0_listener($event) { return ctx.onEvent($event); })("AfterDeleteFolderEvent", function DashboardBrowserComponent_Template_app_generic_browser_list_AfterDeleteFolderEvent_0_listener($event) { return ctx.onEvent($event); })("BeforeUpdateItemEvent", function DashboardBrowserComponent_Template_app_generic_browser_list_BeforeUpdateItemEvent_0_listener($event) { return ctx.onBeforeUpdateItemEvent($event); })("viewModeChangeEvent", function DashboardBrowserComponent_Template_app_generic_browser_list_viewModeChangeEvent_0_listener($event) { return ctx.onViewModeChange($event); });
|
|
77
62
|
i0.ɵɵelementEnd();
|
|
78
63
|
} if (rf & 2) {
|
|
79
|
-
i0.ɵɵproperty("items", ctx.items)("selectedFolderID", ctx.selectedFolderID)("showLoader", ctx.showLoader);
|
|
80
|
-
} }, dependencies: [i3.GenericBrowserListComponent], styles: [".main-area[_ngcontent-%COMP%] {\r\n
|
|
64
|
+
i0.ɵɵproperty("items", ctx.items)("selectedFolderID", ctx.selectedFolderID)("showLoader", ctx.showLoader)("displayAsGrid", ctx.displayAsGrid);
|
|
65
|
+
} }, dependencies: [i3.GenericBrowserListComponent], styles: [".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}"] });
|
|
81
66
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DashboardBrowserComponent, [{
|
|
82
67
|
type: Component,
|
|
83
|
-
args: [{ selector: 'app-dashboard-browser', template: "<app-generic-browser-list \r\ntitle=\"Dashboards\" \r\nitemType=\"dashboard\" \r\niconName=\"aggregateFields\" \r\n[items]=\"items\" \r\naddText=\"Create Dashboard\"\r\nItemEntityName=\"Dashboards\"\r\nCategoryEntityName=\"Dashboard Categories\"\r\n(itemClickEvent)=\"itemClick($event)\" \r\n(
|
|
84
|
-
}], () => [{ type: i1.Router }, { type: i2.SharedService }], null); })();
|
|
85
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DashboardBrowserComponent, { className: "DashboardBrowserComponent", filePath: "src\\lib\\dashboard-browser-component\\dashboard-browser.component.ts", lineNumber:
|
|
68
|
+
args: [{ selector: 'app-dashboard-browser', template: "<app-generic-browser-list \r\ntitle=\"Dashboards\" \r\nitemType=\"dashboard\" \r\niconName=\"aggregateFields\" \r\n[items]=\"items\" \r\naddText=\"Create Dashboard\"\r\nItemEntityName=\"Dashboards\"\r\nresourceName=\"Dashboard\"\r\nCategoryEntityName=\"Dashboard 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(BeforeUpdateItemEvent)=\"onBeforeUpdateItemEvent($event)\"\r\n[selectedFolderID]=\"selectedFolderID\"\r\n[showLoader]=\"showLoader\"\r\n[displayAsGrid]=\"displayAsGrid\"\r\n(viewModeChangeEvent)=\"onViewModeChange($event)\"\r\n/>\r\n", styles: ["\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"] }]
|
|
69
|
+
}], () => [{ type: i1.Router }, { type: i1.ActivatedRoute }, { type: i2.SharedService }], null); })();
|
|
70
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DashboardBrowserComponent, { className: "DashboardBrowserComponent", filePath: "src\\lib\\dashboard-browser-component\\dashboard-browser.component.ts", lineNumber: 15 }); })();
|
|
@@ -81,9 +81,9 @@ DataBrowserComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DataBr
|
|
|
81
81
|
i0.ɵɵproperty("ngIf", ctx.showLoader);
|
|
82
82
|
i0.ɵɵadvance();
|
|
83
83
|
i0.ɵɵproperty("ngIf", !ctx.showLoader);
|
|
84
|
-
} }, dependencies: [i3.NgForOf, i3.NgIf, i4.LoaderComponent, i5.CardComponent, i5.CardBodyComponent, i5.CardTitleDirective, i5.CardSubtitleDirective], styles: [".data-browser-container[_ngcontent-%COMP%] {\r\n margin: 10px;\r\n}\r\n.main-area[_ngcontent-%COMP%] .card-list[_ngcontent-%COMP%] .card-item[_ngcontent-%COMP%] {\r\n background: #fff;\r\n border-radius: 10px;\r\n height: 250px;\r\n border: 3px solid transparent;\r\n}\r\n\r\n.main-area[_ngcontent-%COMP%] .card-list[_ngcontent-%COMP%] .card-item[_ngcontent-%COMP%]:hover {\r\n border: 3px solid var(--border-active);\r\n box-shadow: 0px 0px 20px 0px rgba(60, 73, 99, 0.2);\r\n\r\n }\r\n .main-area[_ngcontent-%COMP%] .card-list[_ngcontent-%COMP%] .card-item[_ngcontent-%COMP%]:hover .view-card-content[_ngcontent-%COMP%] h2[_ngcontent-%COMP%] {\r\n color: var(--border-active);\r\n }\r\n .view-card-content[_ngcontent-%COMP%] h2[_ngcontent-%COMP%] {\r\n font-size: 36px;\r\n text-align: center;\r\n line-height: 42px;\r\n font-weight: 500;\r\n color: var(--text-darked);\r\n }\r\n .view-card-content[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\r\n text-align: center;\r\n font-size: 18px;\r\n line-height: 28px;\r\n color: var(--text-darked);\r\n }\r\n .card-wrapper[_ngcontent-%COMP%] {\r\n height: 100%;\r\n border: none;\r\n }\r\n .card-wrapper[_ngcontent-%COMP%] .k-card-body[_ngcontent-%COMP%] {\r\n display: flex;\r\n justify-content: center; \r\n align-items: center;\r\n }", ".main-area[_ngcontent-%COMP%] {\r\n
|
|
84
|
+
} }, dependencies: [i3.NgForOf, i3.NgIf, i4.LoaderComponent, i5.CardComponent, i5.CardBodyComponent, i5.CardTitleDirective, i5.CardSubtitleDirective], styles: [".data-browser-container[_ngcontent-%COMP%] {\r\n margin: 10px;\r\n}\r\n.main-area[_ngcontent-%COMP%] .card-list[_ngcontent-%COMP%] .card-item[_ngcontent-%COMP%] {\r\n background: #fff;\r\n border-radius: 10px;\r\n height: 250px;\r\n border: 3px solid transparent;\r\n}\r\n\r\n.main-area[_ngcontent-%COMP%] .card-list[_ngcontent-%COMP%] .card-item[_ngcontent-%COMP%]:hover {\r\n border: 3px solid var(--border-active);\r\n box-shadow: 0px 0px 20px 0px rgba(60, 73, 99, 0.2);\r\n\r\n }\r\n .main-area[_ngcontent-%COMP%] .card-list[_ngcontent-%COMP%] .card-item[_ngcontent-%COMP%]:hover .view-card-content[_ngcontent-%COMP%] h2[_ngcontent-%COMP%] {\r\n color: var(--border-active);\r\n }\r\n .view-card-content[_ngcontent-%COMP%] h2[_ngcontent-%COMP%] {\r\n font-size: 36px;\r\n text-align: center;\r\n line-height: 42px;\r\n font-weight: 500;\r\n color: var(--text-darked);\r\n }\r\n .view-card-content[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\r\n text-align: center;\r\n font-size: 18px;\r\n line-height: 28px;\r\n color: var(--text-darked);\r\n }\r\n .card-wrapper[_ngcontent-%COMP%] {\r\n height: 100%;\r\n border: none;\r\n }\r\n .card-wrapper[_ngcontent-%COMP%] .k-card-body[_ngcontent-%COMP%] {\r\n display: flex;\r\n justify-content: center; \r\n align-items: center;\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}"] });
|
|
85
85
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DataBrowserComponent, [{
|
|
86
86
|
type: Component,
|
|
87
|
-
args: [{ selector: 'app-data-browser', template: "<div class=\"data-browser-container\">\r\n <div class=\"card-header-entity\">\r\n <div class=\"title-wrap\">\r\n <h1>Data Applications</h1>\r\n </div>\r\n </div>\r\n <div class=\"main-area\"> \r\n <kendo-loader *ngIf=\"showLoader\" type=\"converging-spinner\" ></kendo-loader>\r\n <div class=\"card-list k-d-flex k-flex-row k-h-full k-flex-wrap\" *ngIf=\"!showLoader\">\r\n <div class=\"card-item\" *ngFor=\"let app of applications\">\r\n <kendo-card class=\"card-wrapper\">\r\n <!-- <kendo-card-header class=\"k-hstack view-card\">\r\n <kendo-svgicon [icon]=\"sharedService.kendoSVGIcon('table')\"></kendo-svgicon>\r\n <div class=\"btn-wrapper\">\r\n <button kendoButton fillMode=\"flat\" (click)=\"editView(entity)\">\r\n <span class=\"k-icon k-i-edit\"></span>\r\n </button>\r\n <button kendoButton fillMode=\"flat\" (click)=\"handleDeleteView(entity)\"><span\r\n class=\"k-icon k-i-delete\"></span></button>\r\n </div> \r\n </kendo-card-header> -->\r\n \r\n <kendo-card-body (click)=\"appItemClick(app)\">\r\n <div class=\"view-card-content k-cursor-pointer\">\r\n <h2 kendoCardTitle>{{ app.Name }}</h2>\r\n <p kendoCardSubtitle>{{ app.Description }}</p>\r\n </div>\r\n </kendo-card-body>\r\n </kendo-card>\r\n </div>\r\n </div>\r\n </div>\r\n</div>", styles: [".data-browser-container {\r\n margin: 10px;\r\n}\r\n.main-area .card-list .card-item {\r\n background: #fff;\r\n border-radius: 10px;\r\n height: 250px;\r\n border: 3px solid transparent;\r\n}\r\n\r\n.main-area .card-list .card-item:hover {\r\n border: 3px solid var(--border-active);\r\n box-shadow: 0px 0px 20px 0px rgba(60, 73, 99, 0.2);\r\n\r\n }\r\n .main-area .card-list .card-item:hover .view-card-content h2 {\r\n color: var(--border-active);\r\n }\r\n .view-card-content h2 {\r\n font-size: 36px;\r\n text-align: center;\r\n line-height: 42px;\r\n font-weight: 500;\r\n color: var(--text-darked);\r\n }\r\n .view-card-content p {\r\n text-align: center;\r\n font-size: 18px;\r\n line-height: 28px;\r\n color: var(--text-darked);\r\n }\r\n .card-wrapper {\r\n height: 100%;\r\n border: none;\r\n }\r\n .card-wrapper .k-card-body {\r\n display: flex;\r\n justify-content: center; \r\n align-items: center;\r\n }", "\r\n.main-area {\r\n
|
|
87
|
+
args: [{ selector: 'app-data-browser', template: "<div class=\"data-browser-container\">\r\n <div class=\"card-header-entity\">\r\n <div class=\"title-wrap\">\r\n <h1>Data Applications</h1>\r\n </div>\r\n </div>\r\n <div class=\"main-area\"> \r\n <kendo-loader *ngIf=\"showLoader\" type=\"converging-spinner\" ></kendo-loader>\r\n <div class=\"card-list k-d-flex k-flex-row k-h-full k-flex-wrap\" *ngIf=\"!showLoader\">\r\n <div class=\"card-item\" *ngFor=\"let app of applications\">\r\n <kendo-card class=\"card-wrapper\">\r\n <!-- <kendo-card-header class=\"k-hstack view-card\">\r\n <kendo-svgicon [icon]=\"sharedService.kendoSVGIcon('table')\"></kendo-svgicon>\r\n <div class=\"btn-wrapper\">\r\n <button kendoButton fillMode=\"flat\" (click)=\"editView(entity)\">\r\n <span class=\"k-icon k-i-edit\"></span>\r\n </button>\r\n <button kendoButton fillMode=\"flat\" (click)=\"handleDeleteView(entity)\"><span\r\n class=\"k-icon k-i-delete\"></span></button>\r\n </div> \r\n </kendo-card-header> -->\r\n \r\n <kendo-card-body (click)=\"appItemClick(app)\">\r\n <div class=\"view-card-content k-cursor-pointer\">\r\n <h2 kendoCardTitle>{{ app.Name }}</h2>\r\n <p kendoCardSubtitle>{{ app.Description }}</p>\r\n </div>\r\n </kendo-card-body>\r\n </kendo-card>\r\n </div>\r\n </div>\r\n </div>\r\n</div>", styles: [".data-browser-container {\r\n margin: 10px;\r\n}\r\n.main-area .card-list .card-item {\r\n background: #fff;\r\n border-radius: 10px;\r\n height: 250px;\r\n border: 3px solid transparent;\r\n}\r\n\r\n.main-area .card-list .card-item:hover {\r\n border: 3px solid var(--border-active);\r\n box-shadow: 0px 0px 20px 0px rgba(60, 73, 99, 0.2);\r\n\r\n }\r\n .main-area .card-list .card-item:hover .view-card-content h2 {\r\n color: var(--border-active);\r\n }\r\n .view-card-content h2 {\r\n font-size: 36px;\r\n text-align: center;\r\n line-height: 42px;\r\n font-weight: 500;\r\n color: var(--text-darked);\r\n }\r\n .view-card-content p {\r\n text-align: center;\r\n font-size: 18px;\r\n line-height: 28px;\r\n color: var(--text-darked);\r\n }\r\n .card-wrapper {\r\n height: 100%;\r\n border: none;\r\n }\r\n .card-wrapper .k-card-body {\r\n display: flex;\r\n justify-content: center; \r\n align-items: center;\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"] }]
|
|
88
88
|
}], () => [{ type: i1.SharedService }, { type: i2.Router }], null); })();
|
|
89
89
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DataBrowserComponent, { className: "DataBrowserComponent", filePath: "src\\lib\\data-browser-component\\data-browser.component.ts", lineNumber: 11 }); })();
|
|
@@ -1,13 +1,20 @@
|
|
|
1
1
|
import { Router } from "@angular/router";
|
|
2
2
|
import { SharedService } from "@memberjunction/ng-shared";
|
|
3
|
-
import {
|
|
3
|
+
import { TreeItem } from '../../generic/Item.types';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
export declare class ExpansionPanelComponent {
|
|
6
6
|
sharedService: SharedService;
|
|
7
7
|
private router;
|
|
8
|
-
items:
|
|
8
|
+
items: TreeItem[];
|
|
9
9
|
constructor(sharedService: SharedService, router: Router);
|
|
10
10
|
ngOnInit(): void;
|
|
11
|
+
onTreeNodeSelect(event: any): Promise<void>;
|
|
12
|
+
onTreeNodeExpand(event: any): Promise<void>;
|
|
13
|
+
private getFoldersForTreeNode;
|
|
14
|
+
private getUserViewsForTreeNode;
|
|
15
|
+
private RunView;
|
|
16
|
+
private sortItems;
|
|
17
|
+
private getTreeItem;
|
|
11
18
|
static ɵfac: i0.ɵɵFactoryDeclaration<ExpansionPanelComponent, never>;
|
|
12
19
|
static ɵcmp: i0.ɵɵComponentDeclaration<ExpansionPanelComponent, "expansion-panel-component", never, { "items": { "alias": "items"; "required": false; }; }, {}, never, never, false, never>;
|
|
13
20
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"expansion-panel-component.d.ts","sourceRoot":"","sources":["../../../src/lib/expansion-panel-component/expansion-panel-component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAEzC,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,
|
|
1
|
+
{"version":3,"file":"expansion-panel-component.d.ts","sourceRoot":"","sources":["../../../src/lib/expansion-panel-component/expansion-panel-component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAEzC,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAsC,QAAQ,EAAE,MAAM,0BAA0B,CAAC;;AAGxF,qBAKa,uBAAuB;IAIb,aAAa,EAAE,aAAa;IAAE,OAAO,CAAC,MAAM;IAF/C,KAAK,EAAE,QAAQ,EAAE,CAAM;gBAEpB,aAAa,EAAE,aAAa,EAAU,MAAM,EAAE,MAAM;IAEvE,QAAQ,IAAI,IAAI;IAGH,gBAAgB,CAAC,KAAK,EAAE,GAAG,GAAG,OAAO,CAAC,IAAI,CAAC;IAkC3C,gBAAgB,CAAC,KAAK,EAAE,GAAG,GAAG,OAAO,CAAC,IAAI,CAAC;YAoC1C,qBAAqB;YAiBrB,uBAAuB;YAavB,OAAO;IAgBrB,OAAO,CAAC,SAAS;IAUjB,OAAO,CAAC,WAAW;yCAvIV,uBAAuB;2CAAvB,uBAAuB;CAqJnC"}
|