@memberjunction/ng-explorer-core 0.9.199 → 0.9.202
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/Events.types.d.ts +142 -0
- package/dist/generic/Events.types.d.ts.map +1 -0
- package/dist/generic/Events.types.js +95 -0
- package/dist/generic/Item.types.d.ts +25 -0
- package/dist/generic/Item.types.d.ts.map +1 -0
- package/dist/generic/Item.types.js +36 -0
- package/dist/generic/PathData.types.d.ts +9 -0
- package/dist/generic/PathData.types.d.ts.map +1 -0
- package/dist/generic/PathData.types.js +9 -0
- package/dist/lib/base-browser-component/base-browser-component.d.ts +29 -0
- package/dist/lib/base-browser-component/base-browser-component.d.ts.map +1 -0
- package/dist/lib/base-browser-component/base-browser-component.js +133 -0
- package/dist/lib/dashboard-browser-component/dashboard-browser.component.d.ts +8 -9
- package/dist/lib/dashboard-browser-component/dashboard-browser.component.d.ts.map +1 -1
- package/dist/lib/dashboard-browser-component/dashboard-browser.component.js +51 -85
- package/dist/lib/data-browser-component/data-browser.component.js +12 -19
- package/dist/lib/files/files.component.d.ts +8 -0
- package/dist/lib/files/files.component.d.ts.map +1 -0
- package/dist/lib/files/files.component.js +22 -0
- package/dist/lib/generic-browse-list/generic-browse-list.component.d.ts +3 -0
- package/dist/lib/generic-browse-list/generic-browse-list.component.d.ts.map +1 -1
- package/dist/lib/generic-browse-list/generic-browse-list.component.js +102 -50
- package/dist/lib/generic-browser-list/components/resource/resource.d.ts +1 -0
- package/dist/lib/generic-browser-list/components/resource/resource.d.ts.map +1 -0
- package/dist/lib/generic-browser-list/components/resource/resource.js +1 -0
- package/dist/lib/generic-browser-list/generic-browser-list.component.d.ts +50 -0
- package/dist/lib/generic-browser-list/generic-browser-list.component.d.ts.map +1 -0
- package/dist/lib/generic-browser-list/generic-browser-list.component.js +366 -0
- package/dist/lib/header/header.component.js +25 -28
- package/dist/lib/home-component/home.component.js +2 -2
- package/dist/lib/navigation/navigation.component.d.ts +1 -0
- package/dist/lib/navigation/navigation.component.d.ts.map +1 -1
- package/dist/lib/navigation/navigation.component.js +21 -2
- package/dist/lib/query-browser-component/query-browser.component.d.ts +10 -7
- package/dist/lib/query-browser-component/query-browser.component.d.ts.map +1 -1
- package/dist/lib/query-browser-component/query-browser.component.js +55 -41
- package/dist/lib/report-browser-component/report-browser.component.d.ts +10 -4
- package/dist/lib/report-browser-component/report-browser.component.d.ts.map +1 -1
- package/dist/lib/report-browser-component/report-browser.component.js +57 -25
- package/dist/lib/single-dashboard/single-dashboard.component.d.ts.map +1 -1
- package/dist/lib/single-dashboard/single-dashboard.component.js +3 -0
- package/dist/module.d.ts +57 -55
- package/dist/module.d.ts.map +1 -1
- package/dist/module.js +48 -42
- package/dist/public-api.d.ts +1 -1
- package/dist/public-api.d.ts.map +1 -1
- package/dist/public-api.js +1 -1
- package/package.json +15 -14
|
@@ -8,111 +8,77 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
|
|
|
8
8
|
});
|
|
9
9
|
};
|
|
10
10
|
import { Component } from '@angular/core';
|
|
11
|
-
import {
|
|
12
|
-
import { DashboardConfigDetails } from '../single-dashboard/single-dashboard.component';
|
|
11
|
+
import { BaseBrowserComponent } from '../base-browser-component/base-browser-component';
|
|
13
12
|
import * as i0 from "@angular/core";
|
|
14
13
|
import * as i1 from "@angular/router";
|
|
15
14
|
import * as i2 from "@memberjunction/ng-shared";
|
|
16
|
-
import * as i3 from "../generic-
|
|
17
|
-
export class DashboardBrowserComponent {
|
|
15
|
+
import * as i3 from "../generic-browser-list/generic-browser-list.component";
|
|
16
|
+
export class DashboardBrowserComponent extends BaseBrowserComponent {
|
|
18
17
|
constructor(router, sharedService) {
|
|
18
|
+
var _a;
|
|
19
|
+
super();
|
|
19
20
|
this.router = router;
|
|
20
21
|
this.sharedService = sharedService;
|
|
21
|
-
this.
|
|
22
|
-
this.
|
|
22
|
+
this.pageName = "Dashboards";
|
|
23
|
+
this.routeName = "dashboards";
|
|
24
|
+
this.routeNameSingular = "dashboard";
|
|
25
|
+
this.itemEntityName = "Dashboards";
|
|
26
|
+
this.categoryEntityName = "Dashboard Categories";
|
|
27
|
+
const params = (_a = this.router.getCurrentNavigation()) === null || _a === void 0 ? void 0 : _a.extractedUrl.queryParams;
|
|
28
|
+
this.InitPathData(params);
|
|
23
29
|
}
|
|
24
30
|
ngOnInit() {
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
31
|
+
const _super = Object.create(null, {
|
|
32
|
+
LoadData: { get: () => super.LoadData }
|
|
33
|
+
});
|
|
28
34
|
return __awaiter(this, void 0, void 0, function* () {
|
|
29
|
-
this
|
|
30
|
-
const md = new Metadata();
|
|
31
|
-
const rv = new RunView();
|
|
32
|
-
const result = yield rv.RunView({
|
|
33
|
-
EntityName: 'Dashboards',
|
|
34
|
-
ExtraFilter: `UserID=${md.CurrentUser.ID}`
|
|
35
|
-
});
|
|
36
|
-
if (result && result.Success) {
|
|
37
|
-
this.dashboards = result.Results;
|
|
38
|
-
}
|
|
39
|
-
else {
|
|
40
|
-
this.dashboards = [];
|
|
41
|
-
}
|
|
42
|
-
this.showLoader = false;
|
|
35
|
+
yield _super.LoadData.call(this);
|
|
43
36
|
});
|
|
44
37
|
}
|
|
45
38
|
itemClick(item) {
|
|
46
|
-
|
|
47
|
-
|
|
39
|
+
let dataID = "";
|
|
40
|
+
if (item.Type === "Entity") {
|
|
41
|
+
let dashboard = item.Data;
|
|
42
|
+
dataID = dashboard.ID.toString();
|
|
48
43
|
}
|
|
44
|
+
super.Navigate(item, this.router, dataID);
|
|
49
45
|
}
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
if (result) {
|
|
72
|
-
this.dashboards.push(dashboardEntity);
|
|
73
|
-
}
|
|
74
|
-
else {
|
|
75
|
-
this.sharedService.CreateSimpleNotification("Error creating new dashboard entity", "error");
|
|
76
|
-
}
|
|
77
|
-
this.showLoader = false;
|
|
78
|
-
});
|
|
46
|
+
onBackButtonClick() {
|
|
47
|
+
const pathData = this.PathData.ParentPathData;
|
|
48
|
+
if (pathData && pathData.ID > 0) {
|
|
49
|
+
this.PathData = pathData;
|
|
50
|
+
//navigation seems like it does nothing but update the URL
|
|
51
|
+
//so just reload all of the data
|
|
52
|
+
this.router.navigate(['dashboards'], { queryParams: { folderID: pathData.ID } });
|
|
53
|
+
this.selectedFolderID = pathData.ID;
|
|
54
|
+
this.LoadData();
|
|
55
|
+
}
|
|
56
|
+
else if (this.parentFolderID || !this.parentFolderID && this.selectedFolderID) {
|
|
57
|
+
this.router.navigate(['dashboards'], { queryParams: { folderID: this.parentFolderID } });
|
|
58
|
+
this.selectedFolderID = this.parentFolderID;
|
|
59
|
+
this.parentFolderID = null;
|
|
60
|
+
this.LoadData();
|
|
61
|
+
}
|
|
62
|
+
else {
|
|
63
|
+
//no parent path, so just go home
|
|
64
|
+
this.router.navigate(['']);
|
|
65
|
+
}
|
|
66
|
+
this.showLoader = false;
|
|
79
67
|
}
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
this.showLoader = true;
|
|
83
|
-
if (item && item.ID && item.ID > 0) {
|
|
84
|
-
const md = new Metadata();
|
|
85
|
-
let dashboardEntity = yield md.GetEntityObject('Dashboards');
|
|
86
|
-
let loadResult = yield dashboardEntity.Load(item.ID);
|
|
87
|
-
if (loadResult) {
|
|
88
|
-
let deleteResult = yield dashboardEntity.Delete();
|
|
89
|
-
if (deleteResult) {
|
|
90
|
-
//todo - change these to use the shared
|
|
91
|
-
this.sharedService.CreateSimpleNotification(`successfully deleted dashboard record ${item.ID}`, "info");
|
|
92
|
-
this.dashboards = this.dashboards.filter(i => i.ID != item.ID);
|
|
93
|
-
}
|
|
94
|
-
else {
|
|
95
|
-
this.sharedService.CreateSimpleNotification(`Unable to delete dashboard record ${item.ID}`, "error");
|
|
96
|
-
}
|
|
97
|
-
}
|
|
98
|
-
else {
|
|
99
|
-
this.sharedService.CreateSimpleNotification(`unable to fetch dashboard record ${item.ID}`, "error");
|
|
100
|
-
}
|
|
101
|
-
}
|
|
102
|
-
this.showLoader = false;
|
|
103
|
-
});
|
|
68
|
+
onEvent(event) {
|
|
69
|
+
super.onEvent(event);
|
|
104
70
|
}
|
|
105
71
|
}
|
|
106
72
|
DashboardBrowserComponent.ɵfac = function DashboardBrowserComponent_Factory(t) { return new (t || DashboardBrowserComponent)(i0.ɵɵdirectiveInject(i1.Router), i0.ɵɵdirectiveInject(i2.SharedService)); };
|
|
107
|
-
DashboardBrowserComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DashboardBrowserComponent, selectors: [["app-dashboard-browser"]], decls: 1, vars:
|
|
108
|
-
i0.ɵɵelementStart(0, "app-generic-
|
|
109
|
-
i0.ɵɵlistener("itemClickEvent", function
|
|
73
|
+
DashboardBrowserComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DashboardBrowserComponent, selectors: [["app-dashboard-browser"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 3, consts: [["title", "Dashboards", "itemType", "dashboard", "iconName", "aggregateFields", "addText", "Create Dashboard", "ItemEntityName", "Dashboards", "CategoryEntityName", "Dashboard Categories", 3, "items", "selectedFolderID", "showLoader", "itemClickEvent", "backButtonClickEvent", "AfterAddFolderEvent", "AfterAddItemEvent", "AfterDeleteItemEvent", "AfterDeleteFolderEvent"]], template: function DashboardBrowserComponent_Template(rf, ctx) { if (rf & 1) {
|
|
74
|
+
i0.ɵɵelementStart(0, "app-generic-browser-list", 0);
|
|
75
|
+
i0.ɵɵlistener("itemClickEvent", function DashboardBrowserComponent_Template_app_generic_browser_list_itemClickEvent_0_listener($event) { return ctx.itemClick($event); })("backButtonClickEvent", function DashboardBrowserComponent_Template_app_generic_browser_list_backButtonClickEvent_0_listener() { return ctx.onBackButtonClick(); })("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); });
|
|
110
76
|
i0.ɵɵelementEnd();
|
|
111
77
|
} if (rf & 2) {
|
|
112
|
-
i0.ɵɵproperty("items", ctx.
|
|
113
|
-
} }, dependencies: [i3.
|
|
78
|
+
i0.ɵɵproperty("items", ctx.items)("selectedFolderID", ctx.selectedFolderID)("showLoader", ctx.showLoader);
|
|
79
|
+
} }, dependencies: [i3.GenericBrowserListComponent], styles: [".main-area[_ngcontent-%COMP%] {\r\n display: flex;\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: #ff6358;\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 }\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: flex;\r\n gap: 20px;\r\n }"] });
|
|
114
80
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DashboardBrowserComponent, [{
|
|
115
81
|
type: Component,
|
|
116
|
-
args: [{ selector: 'app-dashboard-browser', template: "<app-generic-
|
|
82
|
+
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(backButtonClickEvent)=\"onBackButtonClick()\"\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/>\r\n", styles: ["\r\n.main-area {\r\n display: flex;\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: #ff6358;\r\n }\r\n .card-wrapper {\r\n border: 1px solid rgba(0, 0, 0, 0.08);\r\n border-radius: 6px;\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: flex;\r\n gap: 20px;\r\n }\r\n "] }]
|
|
117
83
|
}], () => [{ type: i1.Router }, { type: i2.SharedService }], null); })();
|
|
118
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DashboardBrowserComponent, { className: "DashboardBrowserComponent", filePath: "src\\lib\\dashboard-browser-component\\dashboard-browser.component.ts", lineNumber:
|
|
84
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DashboardBrowserComponent, { className: "DashboardBrowserComponent", filePath: "src\\lib\\dashboard-browser-component\\dashboard-browser.component.ts", lineNumber: 16 }); })();
|
|
@@ -14,37 +14,30 @@ import * as i1 from "@memberjunction/ng-shared";
|
|
|
14
14
|
import * as i2 from "@angular/router";
|
|
15
15
|
import * as i3 from "@angular/common";
|
|
16
16
|
import * as i4 from "@progress/kendo-angular-indicators";
|
|
17
|
-
import * as i5 from "@progress/kendo-angular-
|
|
18
|
-
import * as i6 from "@progress/kendo-angular-layout";
|
|
17
|
+
import * as i5 from "@progress/kendo-angular-layout";
|
|
19
18
|
function DataBrowserComponent_kendo_loader_6_Template(rf, ctx) { if (rf & 1) {
|
|
20
19
|
i0.ɵɵelement(0, "kendo-loader", 6);
|
|
21
20
|
} }
|
|
22
21
|
function DataBrowserComponent_div_7_div_1_Template(rf, ctx) { if (rf & 1) {
|
|
23
22
|
const _r5 = i0.ɵɵgetCurrentView();
|
|
24
|
-
i0.ɵɵelementStart(0, "div")(1, "kendo-card",
|
|
25
|
-
i0.ɵɵ
|
|
23
|
+
i0.ɵɵelementStart(0, "div", 9)(1, "kendo-card", 10)(2, "kendo-card-body", 11);
|
|
24
|
+
i0.ɵɵlistener("click", function DataBrowserComponent_div_7_div_1_Template_kendo_card_body_click_2_listener() { const restoredCtx = i0.ɵɵrestoreView(_r5); const app_r3 = restoredCtx.$implicit; const ctx_r4 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r4.appItemClick(app_r3)); });
|
|
25
|
+
i0.ɵɵelementStart(3, "div", 12)(4, "h2", 13);
|
|
26
|
+
i0.ɵɵtext(5);
|
|
26
27
|
i0.ɵɵelementEnd();
|
|
27
|
-
i0.ɵɵelementStart(
|
|
28
|
-
i0.ɵɵlistener("click", function DataBrowserComponent_div_7_div_1_Template_kendo_card_body_click_4_listener() { const restoredCtx = i0.ɵɵrestoreView(_r5); const app_r3 = restoredCtx.$implicit; const ctx_r4 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r4.appItemClick(app_r3)); });
|
|
29
|
-
i0.ɵɵelementStart(5, "div", 13)(6, "h5", 14);
|
|
28
|
+
i0.ɵɵelementStart(6, "p", 14);
|
|
30
29
|
i0.ɵɵtext(7);
|
|
31
|
-
i0.ɵɵelementEnd();
|
|
32
|
-
i0.ɵɵelementStart(8, "p", 15);
|
|
33
|
-
i0.ɵɵtext(9);
|
|
34
30
|
i0.ɵɵelementEnd()()()()();
|
|
35
31
|
} if (rf & 2) {
|
|
36
32
|
const app_r3 = ctx.$implicit;
|
|
37
|
-
|
|
38
|
-
i0.ɵɵadvance(3);
|
|
39
|
-
i0.ɵɵproperty("icon", ctx_r2.sharedService.kendoSVGIcon("table"));
|
|
40
|
-
i0.ɵɵadvance(4);
|
|
33
|
+
i0.ɵɵadvance(5);
|
|
41
34
|
i0.ɵɵtextInterpolate(app_r3.Name);
|
|
42
35
|
i0.ɵɵadvance(2);
|
|
43
36
|
i0.ɵɵtextInterpolate(app_r3.Description);
|
|
44
37
|
} }
|
|
45
38
|
function DataBrowserComponent_div_7_Template(rf, ctx) { if (rf & 1) {
|
|
46
39
|
i0.ɵɵelementStart(0, "div", 7);
|
|
47
|
-
i0.ɵɵtemplate(1, DataBrowserComponent_div_7_div_1_Template,
|
|
40
|
+
i0.ɵɵtemplate(1, DataBrowserComponent_div_7_div_1_Template, 8, 2, "div", 8);
|
|
48
41
|
i0.ɵɵelementEnd();
|
|
49
42
|
} if (rf & 2) {
|
|
50
43
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
@@ -76,9 +69,9 @@ export class DataBrowserComponent {
|
|
|
76
69
|
}
|
|
77
70
|
}
|
|
78
71
|
DataBrowserComponent.ɵfac = function DataBrowserComponent_Factory(t) { return new (t || DataBrowserComponent)(i0.ɵɵdirectiveInject(i1.SharedService), i0.ɵɵdirectiveInject(i2.Router)); };
|
|
79
|
-
DataBrowserComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DataBrowserComponent, selectors: [["app-data-browser"]], decls: 8, vars: 2, consts: [[1, "data-browser-container"], [1, "card-header-entity"], [1, "title-wrap"], [1, "main-area"], ["type", "converging-spinner", 4, "ngIf"], ["class", "card-list k-d-flex k-flex-row k-h-full k-flex-wrap", 4, "ngIf"], ["type", "converging-spinner"], [1, "card-list", "k-d-flex", "k-flex-row", "k-h-full", "k-flex-wrap"], [4, "ngFor", "ngForOf"], [1, "card-
|
|
72
|
+
DataBrowserComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DataBrowserComponent, selectors: [["app-data-browser"]], decls: 8, vars: 2, consts: [[1, "data-browser-container"], [1, "card-header-entity"], [1, "title-wrap"], [1, "main-area"], ["type", "converging-spinner", 4, "ngIf"], ["class", "card-list k-d-flex k-flex-row k-h-full k-flex-wrap", 4, "ngIf"], ["type", "converging-spinner"], [1, "card-list", "k-d-flex", "k-flex-row", "k-h-full", "k-flex-wrap"], ["class", "card-item", 4, "ngFor", "ngForOf"], [1, "card-item"], [1, "card-wrapper"], [3, "click"], [1, "view-card-content", "k-cursor-pointer"], ["kendoCardTitle", ""], ["kendoCardSubtitle", ""]], template: function DataBrowserComponent_Template(rf, ctx) { if (rf & 1) {
|
|
80
73
|
i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "h1");
|
|
81
|
-
i0.ɵɵtext(4, "Applications");
|
|
74
|
+
i0.ɵɵtext(4, "Data Applications");
|
|
82
75
|
i0.ɵɵelementEnd()()();
|
|
83
76
|
i0.ɵɵelementStart(5, "div", 3);
|
|
84
77
|
i0.ɵɵtemplate(6, DataBrowserComponent_kendo_loader_6_Template, 1, 0, "kendo-loader", 4)(7, DataBrowserComponent_div_7_Template, 2, 1, "div", 5);
|
|
@@ -88,9 +81,9 @@ DataBrowserComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DataBr
|
|
|
88
81
|
i0.ɵɵproperty("ngIf", ctx.showLoader);
|
|
89
82
|
i0.ɵɵadvance();
|
|
90
83
|
i0.ɵɵproperty("ngIf", !ctx.showLoader);
|
|
91
|
-
} }, dependencies: [i3.NgForOf, i3.NgIf, i4.LoaderComponent, i5.
|
|
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 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: #ff6358;\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 }\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: flex;\r\n gap: 20px;\r\n }"] });
|
|
92
85
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DataBrowserComponent, [{
|
|
93
86
|
type: Component,
|
|
94
|
-
args: [{ selector: 'app-data-browser', template: "<div class=\"data-browser-container\">\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 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: #ff6358;\r\n }\r\n .card-wrapper {\r\n border: 1px solid rgba(0, 0, 0, 0.08);\r\n border-radius: 6px;\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: flex;\r\n gap: 20px;\r\n }\r\n "] }]
|
|
95
88
|
}], () => [{ type: i1.SharedService }, { type: i2.Router }], null); })();
|
|
96
89
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DataBrowserComponent, { className: "DataBrowserComponent", filePath: "src\\lib\\data-browser-component\\data-browser.component.ts", lineNumber: 11 }); })();
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class FilesComponent {
|
|
3
|
+
currentItem: 'EntityPermissions' | 'Users' | 'Roles';
|
|
4
|
+
selectItem(item: 'EntityPermissions' | 'Users' | 'Roles'): void;
|
|
5
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FilesComponent, never>;
|
|
6
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<FilesComponent, "app-files", never, {}, {}, never, never, false, never>;
|
|
7
|
+
}
|
|
8
|
+
//# sourceMappingURL=files.component.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"files.component.d.ts","sourceRoot":"","sources":["../../../src/lib/files/files.component.ts"],"names":[],"mappings":";AAEA,qBAKa,cAAc;IAClB,WAAW,EAAE,mBAAmB,GAAG,OAAO,GAAG,OAAO,CAAuB;IAE3E,UAAU,CAAC,IAAI,EAAE,mBAAmB,GAAG,OAAO,GAAG,OAAO;yCAHpD,cAAc;2CAAd,cAAc;CAM1B"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { Component } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@memberjunction/ng-file-storage";
|
|
4
|
+
export class FilesComponent {
|
|
5
|
+
constructor() {
|
|
6
|
+
this.currentItem = 'EntityPermissions';
|
|
7
|
+
}
|
|
8
|
+
selectItem(item) {
|
|
9
|
+
this.currentItem = item;
|
|
10
|
+
}
|
|
11
|
+
}
|
|
12
|
+
FilesComponent.ɵfac = function FilesComponent_Factory(t) { return new (t || FilesComponent)(); };
|
|
13
|
+
FilesComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FilesComponent, selectors: [["app-files"]], decls: 3, vars: 0, consts: [[1, "container"]], template: function FilesComponent_Template(rf, ctx) { if (rf & 1) {
|
|
14
|
+
i0.ɵɵelementStart(0, "div", 0);
|
|
15
|
+
i0.ɵɵelement(1, "mj-files-category-tree")(2, "mj-files-grid");
|
|
16
|
+
i0.ɵɵelementEnd();
|
|
17
|
+
} }, dependencies: [i1.CategoryTreeComponent, i1.FilesGridComponent], styles: [".container[_ngcontent-%COMP%] {\r\n display: flex;\r\n }"] });
|
|
18
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FilesComponent, [{
|
|
19
|
+
type: Component,
|
|
20
|
+
args: [{ selector: 'app-files', template: "<div class=\"container\">\r\n <mj-files-category-tree></mj-files-category-tree>\r\n <mj-files-grid></mj-files-grid>\r\n</div>\r\n", styles: [" .container {\r\n display: flex;\r\n } "] }]
|
|
21
|
+
}], null, null); })();
|
|
22
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FilesComponent, { className: "FilesComponent", filePath: "src\\lib\\files\\files.component.ts", lineNumber: 8 }); })();
|
|
@@ -17,6 +17,9 @@ export declare class GenericBrowseListComponent {
|
|
|
17
17
|
deleteButtonClickEvent: EventEmitter<any>;
|
|
18
18
|
itemClickEvent: EventEmitter<any>;
|
|
19
19
|
constructor(sharedService: SharedService, router: Router);
|
|
20
|
+
data: {
|
|
21
|
+
text: string;
|
|
22
|
+
}[];
|
|
20
23
|
itemClick(item: any): void;
|
|
21
24
|
deleteItem(item: any): void;
|
|
22
25
|
addButtonClicked(): void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"generic-browse-list.component.d.ts","sourceRoot":"","sources":["../../../src/lib/generic-browse-list/generic-browse-list.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,YAAY,EAAiB,MAAM,eAAe,CAAC;AACvE,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;;AAE1D,
|
|
1
|
+
{"version":3,"file":"generic-browse-list.component.d.ts","sourceRoot":"","sources":["../../../src/lib/generic-browse-list/generic-browse-list.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,YAAY,EAAiB,MAAM,eAAe,CAAC;AACvE,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;;AAE1D,qBAMa,0BAA0B;IAalB,aAAa,EAAE,aAAa;IAAE,OAAO,CAAC,MAAM;IAZ/C,UAAU,EAAE,OAAO,CAAQ;IAC3B,QAAQ,EAAE,MAAM,CAAM;IACtB,KAAK,EAAE,MAAM,CAAM;IACnB,KAAK,EAAE,GAAG,EAAE,CAAM;IAClB,QAAQ,EAAE,MAAM,CAAU;IAC1B,aAAa,EAAE,OAAO,CAAS;IAC/B,OAAO,EAAE,MAAM,CAAgB;IAC/B,QAAQ,EAAE,MAAM,CAAa;IAC5B,mBAAmB,EAAE,YAAY,CAAC,GAAG,CAAC,CAA2B;IACjE,sBAAsB,EAAE,YAAY,CAAC,GAAG,CAAC,CAA2B;IACpE,cAAc,EAAE,YAAY,CAAC,GAAG,CAAC,CAA2B;gBAE1D,aAAa,EAAE,aAAa,EAAU,MAAM,EAAE,MAAM;IAGvE,IAAI;;QAGF;IACK,SAAS,CAAC,IAAI,EAAE,GAAG;IAMnB,UAAU,CAAC,IAAI,EAAE,GAAG;IAMpB,gBAAgB;IAIhB,mBAAmB;yCApCf,0BAA0B;2CAA1B,0BAA0B;CAuCtC"}
|