@memberjunction/ng-explorer-core 1.5.2 → 1.5.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/app-routing.module.d.ts +3 -2
- package/dist/app-routing.module.d.ts.map +1 -1
- package/dist/app-routing.module.js +37 -11
- package/dist/lib/app-view/application-view.component.js +12 -11
- package/dist/lib/dashboard-browser-component/dashboard-browser.component.js +2 -2
- package/dist/lib/data-browser-component/data-browser.component.js +8 -8
- package/dist/lib/expansion-panel-component/expansion-panel-component.js +2 -2
- package/dist/lib/favorites/favorites.component.js +7 -7
- package/dist/lib/generic/form-toolbar.js +17 -17
- package/dist/lib/generic-browse-list/generic-browse-list.component.js +9 -9
- package/dist/lib/generic-browser-list/generic-browser-list.component.js +79 -79
- package/dist/lib/header/header.component.js +15 -14
- package/dist/lib/home-component/home.component.js +1 -1
- package/dist/lib/list-view/list-view.component.js +22 -22
- package/dist/lib/navigation/navigation.component.js +45 -45
- package/dist/lib/query-browser-component/query-browser.component.js +2 -2
- package/dist/lib/report-browser-component/report-browser.component.js +2 -2
- package/dist/lib/resource-wrappers/dashboard-resource.component.js +1 -1
- package/dist/lib/resource-wrappers/query-resource.component.js +1 -1
- package/dist/lib/resource-wrappers/record-resource.component.js +1 -1
- package/dist/lib/resource-wrappers/report-resource.component.js +1 -1
- package/dist/lib/resource-wrappers/search-results-resource.component.js +1 -1
- package/dist/lib/resource-wrappers/view-resource.component.js +2 -2
- package/dist/lib/single-application/single-application.component.js +1 -1
- package/dist/lib/single-dashboard/Components/add-item/add-item.component.js +21 -21
- package/dist/lib/single-dashboard/Components/edit-dashboard/edit-dashboard.component.js +6 -6
- package/dist/lib/single-dashboard/single-dashboard.component.js +79 -78
- package/dist/lib/single-entity/single-entity.component.js +18 -18
- package/dist/lib/single-list-detail/single-list-detail.component.js +24 -24
- package/dist/lib/single-query/single-query.component.js +2 -2
- package/dist/lib/single-report/single-report.component.js +3 -3
- package/dist/lib/single-view/single-view.component.js +5 -5
- package/dist/lib/user-notifications/user-notifications.component.js +50 -50
- package/package.json +34 -34
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ComponentRef } from '@angular/core';
|
|
2
|
-
import { Resolve, ActivatedRouteSnapshot, RouterStateSnapshot } from '@angular/router';
|
|
2
|
+
import { Resolve, ActivatedRouteSnapshot, RouterStateSnapshot, Router } from '@angular/router';
|
|
3
3
|
import { SharedService } from '@memberjunction/ng-shared';
|
|
4
4
|
import { DetachedRouteHandle, RouteReuseStrategy } from '@angular/router';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
@@ -17,7 +17,8 @@ export declare class CustomReuseStrategy implements RouteReuseStrategy {
|
|
|
17
17
|
}
|
|
18
18
|
export declare class ResourceResolver implements Resolve<void> {
|
|
19
19
|
private sharedService;
|
|
20
|
-
|
|
20
|
+
private router;
|
|
21
|
+
constructor(sharedService: SharedService, router: Router);
|
|
21
22
|
resolve(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): void;
|
|
22
23
|
static ɵfac: i0.ɵɵFactoryDeclaration<ResourceResolver, never>;
|
|
23
24
|
static ɵprov: i0.ɵɵInjectableDeclaration<ResourceResolver>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"app-routing.module.d.ts","sourceRoot":"","sources":["../src/app-routing.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAwB,MAAM,eAAe,CAAC;AACnE,OAAO,EAAwB,OAAO,EAAE,sBAAsB,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"app-routing.module.d.ts","sourceRoot":"","sources":["../src/app-routing.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAwB,MAAM,eAAe,CAAC;AACnE,OAAO,EAAwB,OAAO,EAAE,sBAAsB,EAAE,mBAAmB,EAAE,MAAM,EAAoD,MAAM,iBAAiB,CAAC;AAoBvK,OAAO,EAAc,aAAa,EAAgB,MAAM,2BAA2B,CAAC;AACpF,OAAO,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;;;AAE1E,qBAAa,mBAAoB,YAAW,kBAAkB;IAC5D,YAAY,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,sBAAsB,GAAG,IAAI,CAAA;KAAE,CAAM;IAGpE,YAAY,CAAC,KAAK,EAAE,sBAAsB,GAAG,OAAO;IAMpD,KAAK,CAAC,KAAK,EAAE,sBAAsB,EAAE,MAAM,EAAE,sBAAsB,GAAG,IAAI,GAAG,IAAI;IAYjF,YAAY,CAAC,KAAK,EAAE,sBAAsB,GAAG,OAAO;IAUpD,QAAQ,CAAC,KAAK,EAAE,sBAAsB,GAAG,mBAAmB,GAAG,IAAI;IAgBnE,gBAAgB,CAAC,MAAM,EAAE,sBAAsB,EAAE,IAAI,EAAE,sBAAsB,GAAG,OAAO;IAIvF,OAAO,CAAC,QAAQ;CAUjB;AAED,qBAGa,gBAAiB,YAAW,OAAO,CAAC,IAAI,CAAC;IACxC,OAAO,CAAC,aAAa;IAAiB,OAAO,CAAC,MAAM;gBAA5C,aAAa,EAAE,aAAa,EAAU,MAAM,EAAE,MAAM;IAexE,OAAO,CAAC,KAAK,EAAE,sBAAsB,EAAE,KAAK,EAAE,mBAAmB,GAAG,IAAI;yCAhB7D,gBAAgB;6CAAhB,gBAAgB;CAsF5B;AAmDD,UAAU,sBAAuB,SAAQ,mBAAmB;IAC1D,YAAY,EAAE,YAAY,CAAC,GAAG,CAAC,CAAC;CACjC;AAED,qBAKa,gBAAgB;yCAAhB,gBAAgB;0CAAhB,gBAAgB;0CAAhB,gBAAgB;CAAG"}
|
|
@@ -2,7 +2,7 @@ import { Injectable, NgModule } from '@angular/core';
|
|
|
2
2
|
import { RouterModule } from '@angular/router';
|
|
3
3
|
import { SingleApplicationComponent, SingleEntityComponent, SingleRecordComponent, HomeComponent, UserNotificationsComponent, DataBrowserComponent, ReportBrowserComponent, DashboardBrowserComponent, AuthGuardService as AuthGuard, FilesComponent, QueryBrowserComponent, ListViewComponent, SingleListDetailComponent } from './public-api';
|
|
4
4
|
import { SettingsComponent } from '@memberjunction/ng-explorer-settings';
|
|
5
|
-
import { LogError } from '@memberjunction/core';
|
|
5
|
+
import { LogError, Metadata } from '@memberjunction/core';
|
|
6
6
|
import { MJEventType, MJGlobal } from '@memberjunction/global';
|
|
7
7
|
import { SkipChatComponent } from '@memberjunction/ng-ask-skip';
|
|
8
8
|
import { EventCodes, ResourceData } from '@memberjunction/ng-shared';
|
|
@@ -68,8 +68,21 @@ export class CustomReuseStrategy {
|
|
|
68
68
|
}
|
|
69
69
|
}
|
|
70
70
|
export class ResourceResolver {
|
|
71
|
-
constructor(sharedService) {
|
|
71
|
+
constructor(sharedService, router) {
|
|
72
72
|
this.sharedService = sharedService;
|
|
73
|
+
this.router = router;
|
|
74
|
+
// Subscribe to router events
|
|
75
|
+
this.router.events.subscribe(event => {
|
|
76
|
+
// if (event instanceof NavigationEnd) {
|
|
77
|
+
// LogStatus('NavigationEnd:', event.url);
|
|
78
|
+
// }
|
|
79
|
+
// if (event instanceof NavigationError) {
|
|
80
|
+
// LogError(`NavigationError: ${event.error}`);
|
|
81
|
+
// }
|
|
82
|
+
// if (event instanceof NavigationCancel) {
|
|
83
|
+
// LogError(`NavigationCancel: ${event.reason}`);
|
|
84
|
+
// }
|
|
85
|
+
});
|
|
73
86
|
}
|
|
74
87
|
resolve(route, state) {
|
|
75
88
|
var _a;
|
|
@@ -84,6 +97,8 @@ export class ResourceResolver {
|
|
|
84
97
|
Configuration: {},
|
|
85
98
|
});
|
|
86
99
|
let code = EventCodes.AddDashboard;
|
|
100
|
+
const entityNameDecoded = decodeURIComponent(route.queryParams['Entity'] || route.queryParams['entity']);
|
|
101
|
+
const md = new Metadata();
|
|
87
102
|
switch (resourceType.trim().toLowerCase()) {
|
|
88
103
|
case 'user views':
|
|
89
104
|
code = EventCodes.ViewClicked;
|
|
@@ -99,23 +114,34 @@ export class ResourceResolver {
|
|
|
99
114
|
break;
|
|
100
115
|
case 'records':
|
|
101
116
|
code = EventCodes.EntityRecordClicked;
|
|
102
|
-
data.Configuration.Entity =
|
|
103
|
-
|
|
117
|
+
data.Configuration.Entity = entityNameDecoded; // Entity or entity is specified for this resource type since resource record id isn't good enough
|
|
118
|
+
const newRecordVals = route.queryParams['NewRecordValues'] || route.queryParams['newRecordValues'];
|
|
119
|
+
if (newRecordVals) {
|
|
120
|
+
data.Configuration.NewRecordValues = decodeURIComponent(newRecordVals);
|
|
121
|
+
}
|
|
104
122
|
data.Configuration.___rawQueryParams = route.queryParams;
|
|
105
123
|
if (data.Configuration.Entity === undefined || data.Configuration.Entity === null) {
|
|
106
124
|
LogError('No Entity provided in the URL, must have Entity as a query parameter for this resource type');
|
|
107
|
-
return;
|
|
125
|
+
return;
|
|
126
|
+
}
|
|
127
|
+
else {
|
|
128
|
+
const entityInfo = md.Entities.find(e => e.Name.trim().toLowerCase() === data.Configuration.Entity.trim().toLowerCase());
|
|
129
|
+
if (!entityInfo) {
|
|
130
|
+
LogError(`Entity ${data.Configuration.Entity} not found in metadata`);
|
|
131
|
+
return;
|
|
132
|
+
}
|
|
108
133
|
}
|
|
109
134
|
break;
|
|
110
135
|
case 'search results':
|
|
111
136
|
code = EventCodes.RunSearch;
|
|
112
|
-
data.Configuration.Entity =
|
|
137
|
+
data.Configuration.Entity = entityNameDecoded;
|
|
113
138
|
data.Configuration.SearchInput = resourceRecordId;
|
|
114
139
|
data.ResourceRecordID = 0; /*tell nav to create new tab*/
|
|
115
140
|
break;
|
|
116
141
|
default:
|
|
117
|
-
|
|
118
|
-
|
|
142
|
+
LogError(`Unsupported resource type: ${resourceType}`);
|
|
143
|
+
// Handle the unsupported resource type error appropriately
|
|
144
|
+
return;
|
|
119
145
|
}
|
|
120
146
|
MJGlobal.Instance.RaiseEvent({
|
|
121
147
|
component: this,
|
|
@@ -125,18 +151,18 @@ export class ResourceResolver {
|
|
|
125
151
|
});
|
|
126
152
|
}
|
|
127
153
|
else {
|
|
128
|
-
|
|
154
|
+
LogError(`ResourceType: ${resourceType} or ResourceRecordId: ${resourceRecordId} is undefined in the route parameters`);
|
|
129
155
|
}
|
|
130
156
|
}
|
|
131
157
|
}
|
|
132
|
-
ResourceResolver.ɵfac = function ResourceResolver_Factory(t) { return new (t || ResourceResolver)(i0.ɵɵinject(i1.SharedService)); };
|
|
158
|
+
ResourceResolver.ɵfac = function ResourceResolver_Factory(t) { return new (t || ResourceResolver)(i0.ɵɵinject(i1.SharedService), i0.ɵɵinject(i2.Router)); };
|
|
133
159
|
ResourceResolver.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: ResourceResolver, factory: ResourceResolver.ɵfac, providedIn: 'root' });
|
|
134
160
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ResourceResolver, [{
|
|
135
161
|
type: Injectable,
|
|
136
162
|
args: [{
|
|
137
163
|
providedIn: 'root',
|
|
138
164
|
}]
|
|
139
|
-
}], () => [{ type: i1.SharedService }], null); })();
|
|
165
|
+
}], () => [{ type: i1.SharedService }, { type: i2.Router }], null); })();
|
|
140
166
|
const routes = [
|
|
141
167
|
{ path: '', component: HomeComponent, canActivate: [AuthGuard] },
|
|
142
168
|
{ path: 'home', component: HomeComponent, canActivate: [AuthGuard] },
|
|
@@ -21,9 +21,9 @@ import * as i6 from "../generic-browser-list/generic-browser-list.component";
|
|
|
21
21
|
const _c0 = ["entityRow"];
|
|
22
22
|
const _c1 = ["userViewDialog"];
|
|
23
23
|
function ApplicationViewComponent_button_8_Template(rf, ctx) { if (rf & 1) {
|
|
24
|
-
const
|
|
24
|
+
const _r2 = i0.ɵɵgetCurrentView();
|
|
25
25
|
i0.ɵɵelementStart(0, "button", 11);
|
|
26
|
-
i0.ɵɵlistener("click", function ApplicationViewComponent_button_8_Template_button_click_0_listener() { const
|
|
26
|
+
i0.ɵɵlistener("click", function ApplicationViewComponent_button_8_Template_button_click_0_listener() { const button_r3 = i0.ɵɵrestoreView(_r2).$implicit; const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.onAppEntityButtonClicked(button_r3)); });
|
|
27
27
|
i0.ɵɵelementStart(1, "span");
|
|
28
28
|
i0.ɵɵtext(2);
|
|
29
29
|
i0.ɵɵelementEnd()();
|
|
@@ -231,18 +231,19 @@ ApplicationViewComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Ap
|
|
|
231
231
|
let _t;
|
|
232
232
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.entityRowRef = _t.first);
|
|
233
233
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.viewPropertiesDialog = _t.first);
|
|
234
|
-
} }, features: [i0.ɵɵInheritDefinitionFeature], decls: 13, vars: 11, consts: [[1, "app-container"], [1, "card-header-entity", "cloumn"], [1, "title-wrap"], [1, "row", 2, "max-width", "100%"], [
|
|
235
|
-
|
|
234
|
+
} }, features: [i0.ɵɵInheritDefinitionFeature], decls: 13, vars: 11, consts: [["entityRow", ""], ["userViewDialog", ""], [1, "app-container"], [1, "card-header-entity", "cloumn"], [1, "title-wrap"], [1, "row", 2, "max-width", "100%"], [1, "col-xs-12", "col-sm-6", "example-col"], ["kendoButton", "", "fillMode", "flat", 3, "toggleable", "selected", "click", 4, "ngFor", "ngForOf"], [1, "main-area", "margin-top-neg-20"], ["iconName", "aggregateFields", "addText", "Create New View", "ItemEntityName", "User Views", "resourceName", "View", 3, "itemClickEvent", "AfterAddFolderEvent", "AfterAddItemEvent", "AfterDeleteItemEvent", "AfterDeleteFolderEvent", "viewModeChangeEvent", "BeforeAddItemEvent", "BeforeUpdateItemEvent", "items", "categoryEntityID", "title", "CategoryEntityName", "selectedFolderID", "showLoader", "viewingResource", "displayAsGrid"], [3, "dialogClosed", "ShowPropertiesButton"], ["kendoButton", "", "fillMode", "flat", 3, "click", "toggleable", "selected"]], template: function ApplicationViewComponent_Template(rf, ctx) { if (rf & 1) {
|
|
235
|
+
const _r1 = i0.ɵɵgetCurrentView();
|
|
236
|
+
i0.ɵɵelementStart(0, "div", 2)(1, "div", 3)(2, "div", 4)(3, "h1");
|
|
236
237
|
i0.ɵɵtext(4);
|
|
237
238
|
i0.ɵɵelementEnd()();
|
|
238
|
-
i0.ɵɵelementStart(5, "div",
|
|
239
|
-
i0.ɵɵtemplate(8, ApplicationViewComponent_button_8_Template, 3, 3, "button",
|
|
239
|
+
i0.ɵɵelementStart(5, "div", 5, 0)(7, "div", 6);
|
|
240
|
+
i0.ɵɵtemplate(8, ApplicationViewComponent_button_8_Template, 3, 3, "button", 7);
|
|
240
241
|
i0.ɵɵelementEnd()()();
|
|
241
|
-
i0.ɵɵelementStart(9, "div",
|
|
242
|
-
i0.ɵɵlistener("itemClickEvent", function ApplicationViewComponent_Template_app_generic_browser_list_itemClickEvent_10_listener($event) { return ctx.onItemClick($event); })("AfterAddFolderEvent", function ApplicationViewComponent_Template_app_generic_browser_list_AfterAddFolderEvent_10_listener($event) { return ctx.onEvent($event); })("AfterAddItemEvent", function ApplicationViewComponent_Template_app_generic_browser_list_AfterAddItemEvent_10_listener($event) { return ctx.onEvent($event); })("AfterDeleteItemEvent", function ApplicationViewComponent_Template_app_generic_browser_list_AfterDeleteItemEvent_10_listener($event) { return ctx.onEvent($event); })("AfterDeleteFolderEvent", function ApplicationViewComponent_Template_app_generic_browser_list_AfterDeleteFolderEvent_10_listener($event) { return ctx.onEvent($event); })("viewModeChangeEvent", function ApplicationViewComponent_Template_app_generic_browser_list_viewModeChangeEvent_10_listener($event) { return ctx.onViewModeChange($event); })("BeforeAddItemEvent", function ApplicationViewComponent_Template_app_generic_browser_list_BeforeAddItemEvent_10_listener($event) { return ctx.createNewView($event); })("BeforeUpdateItemEvent", function ApplicationViewComponent_Template_app_generic_browser_list_BeforeUpdateItemEvent_10_listener($event) { return ctx.editView($event); });
|
|
242
|
+
i0.ɵɵelementStart(9, "div", 8)(10, "app-generic-browser-list", 9);
|
|
243
|
+
i0.ɵɵlistener("itemClickEvent", function ApplicationViewComponent_Template_app_generic_browser_list_itemClickEvent_10_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onItemClick($event)); })("AfterAddFolderEvent", function ApplicationViewComponent_Template_app_generic_browser_list_AfterAddFolderEvent_10_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onEvent($event)); })("AfterAddItemEvent", function ApplicationViewComponent_Template_app_generic_browser_list_AfterAddItemEvent_10_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onEvent($event)); })("AfterDeleteItemEvent", function ApplicationViewComponent_Template_app_generic_browser_list_AfterDeleteItemEvent_10_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onEvent($event)); })("AfterDeleteFolderEvent", function ApplicationViewComponent_Template_app_generic_browser_list_AfterDeleteFolderEvent_10_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onEvent($event)); })("viewModeChangeEvent", function ApplicationViewComponent_Template_app_generic_browser_list_viewModeChangeEvent_10_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onViewModeChange($event)); })("BeforeAddItemEvent", function ApplicationViewComponent_Template_app_generic_browser_list_BeforeAddItemEvent_10_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.createNewView($event)); })("BeforeUpdateItemEvent", function ApplicationViewComponent_Template_app_generic_browser_list_BeforeUpdateItemEvent_10_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.editView($event)); });
|
|
243
244
|
i0.ɵɵelementEnd()();
|
|
244
|
-
i0.ɵɵelementStart(11, "mj-user-view-properties-dialog",
|
|
245
|
-
i0.ɵɵlistener("dialogClosed", function ApplicationViewComponent_Template_mj_user_view_properties_dialog_dialogClosed_11_listener($event) { return ctx.OnViewPropertiesDialogClose($event); });
|
|
245
|
+
i0.ɵɵelementStart(11, "mj-user-view-properties-dialog", 10, 1);
|
|
246
|
+
i0.ɵɵlistener("dialogClosed", function ApplicationViewComponent_Template_mj_user_view_properties_dialog_dialogClosed_11_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.OnViewPropertiesDialogClose($event)); });
|
|
246
247
|
i0.ɵɵelementEnd()();
|
|
247
248
|
} if (rf & 2) {
|
|
248
249
|
i0.ɵɵadvance(4);
|
|
@@ -253,7 +254,7 @@ ApplicationViewComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Ap
|
|
|
253
254
|
i0.ɵɵproperty("items", ctx.items)("categoryEntityID", ctx.categoryEntityID)("title", ctx.pageTitle)("CategoryEntityName", ctx.categoryEntityName)("selectedFolderID", ctx.selectedFolderID)("showLoader", ctx.showLoader)("viewingResource", false)("displayAsGrid", ctx.displayAsGrid);
|
|
254
255
|
i0.ɵɵadvance();
|
|
255
256
|
i0.ɵɵproperty("ShowPropertiesButton", false);
|
|
256
|
-
} }, dependencies: [i2.NgForOf, i4.ButtonComponent, i5.UserViewPropertiesDialogComponent, i6.GenericBrowserListComponent], styles: [".app-container[_ngcontent-%COMP%] {\n padding: 10px;\n}\n \n.entity-list[_ngcontent-%COMP%] {\n width: 500px;\n}\n.favorites-list[_ngcontent-%COMP%] {\n width: 400px;\n}\n\n.cloumn[_ngcontent-%COMP%] {\n flex-direction: column;\n}\n.example-col[_ngcontent-%COMP%] {\n overflow-x: auto;\n}\n.example-col[_ngcontent-%COMP%] .k-selected[_ngcontent-%COMP%] {\n font-weight: 800;\n color: var(--tdata-color);\n border-bottom: 3px solid var(--border-blue) !important;\n background: var(--white-color);\n}\n\n.margin-top-neg-20[_ngcontent-%COMP%] {\n margin-top: -20px;\n padding: 0px !important\n}", ".main-area[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n height: 100%;\n width: 100%;\n gap: 24px;\n padding: 24px 0;\n}\n.list-view[_ngcontent-%COMP%] {\n padding: 16px;\n min-width: 300px;\n border-radius: 4px;\n background: #FAFAFA;\n border: none;\n}\n .list-view .k-listview-header,
|
|
257
|
+
} }, dependencies: [i2.NgForOf, i4.ButtonComponent, i5.UserViewPropertiesDialogComponent, i6.GenericBrowserListComponent], styles: [".app-container[_ngcontent-%COMP%] {\n padding: 10px;\n}\n \n.entity-list[_ngcontent-%COMP%] {\n width: 500px;\n}\n.favorites-list[_ngcontent-%COMP%] {\n width: 400px;\n}\n\n.cloumn[_ngcontent-%COMP%] {\n flex-direction: column;\n}\n.example-col[_ngcontent-%COMP%] {\n overflow-x: auto;\n}\n.example-col[_ngcontent-%COMP%] .k-selected[_ngcontent-%COMP%] {\n font-weight: 800;\n color: var(--tdata-color);\n border-bottom: 3px solid var(--border-blue) !important;\n background: var(--white-color);\n}\n\n.margin-top-neg-20[_ngcontent-%COMP%] {\n margin-top: -20px;\n padding: 0px !important\n}", ".main-area[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n height: 100%;\n width: 100%;\n gap: 24px;\n padding: 24px 0;\n}\n.list-view[_ngcontent-%COMP%] {\n padding: 16px;\n min-width: 300px;\n border-radius: 4px;\n background: #FAFAFA;\n border: none;\n}\n .list-view .k-listview-header, \n .list-view .k-listview-footer {\n border: none;\n}\n .list-view .k-listview-content {\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-radius: 4px;\n background: #fff;\n padding: 16px;\n}\n\n.header[_ngcontent-%COMP%], \n.footer[_ngcontent-%COMP%] {\n color: #424242;\n font-size: 16px;\n height: auto;\n margin:0;\n}\n\n.header[_ngcontent-%COMP%] {\n color: #424242;\n margin-bottom: 16px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n.header[_ngcontent-%COMP%] .head-tag[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n gap: 8px;\n color: #424242;\nfont-size: 16px;\nfont-style: normal;\nfont-weight: 400;\nline-height: 20px;\n}\n\n.header[_ngcontent-%COMP%] .count[_ngcontent-%COMP%] {\n width: 24px;\n height: 24px;\n min-width: 24px;\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: 10px;\n background: rgba(0, 0, 0, 0.08);\n border-radius: 50%;\n}\n.footer[_ngcontent-%COMP%] {\n font-size: 14px;\n margin-top: 16px;\n}\n\n.list-item[_ngcontent-%COMP%] {\n color: #424242;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 30px;\n cursor: pointer;\n margin: 4px;\n}\n.card-container[_ngcontent-%COMP%] {\n margin: 0;\n padding: 0;\n box-shadow: none;\n}\n.card-header-entity[_ngcontent-%COMP%] {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n padding-bottom: 20px;\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n}\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] h1[_ngcontent-%COMP%] {\n color: #424242;\n font-size: 28px;\n font-style: normal;\n font-weight: 300;\n line-height: 28px;\n margin-bottom: 15px;\n}\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n}\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\n margin: 0;\n display: flex;\n align-items: center;\n gap: 8px;\n color: #424242;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n}\n\n\n\n\n \n.view-card[_ngcontent-%COMP%] .view-icon[_ngcontent-%COMP%] {\n color: var(--sideNav);\n}\n.card-wrapper[_ngcontent-%COMP%] {\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-radius: 6px;\n width: 100% !important;\n}\n.card-wrapper[_ngcontent-%COMP%] .k-card-body[_ngcontent-%COMP%] {\n background: #fff;\n padding: 12px 20px;\n}\n.card-wrapper[_ngcontent-%COMP%] .view-card[_ngcontent-%COMP%] {\n overflow: auto;\n display: flex;\n justify-content: space-between;\n align-items: center;\n background: #fafafa;\n padding: 4px 15px;\n}\n.view-card[_ngcontent-%COMP%] .btn-wrapper[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n}\n\n.k-card-body[_ngcontent-%COMP%] .view-card-content[_ngcontent-%COMP%] h5[_ngcontent-%COMP%] {\n color: #424242;\n font-size: 16px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n margin-bottom: 0;\n letter-spacing: 0.18px;\n}\n.k-card-body[_ngcontent-%COMP%] .view-card-content[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\n color: #666;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n height: 48px;\n margin-bottom: 0;\n}\n.card-container[_ngcontent-%COMP%] {\n padding: 0;\n margin: 0;\n box-shadow: none;\n}\n.card-header-entity[_ngcontent-%COMP%] {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n padding-bottom: 20px;\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n}\n\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] h1[_ngcontent-%COMP%] {\n color: #424242;\n font-size: 28px;\n font-style: normal;\n font-weight: 300;\n line-height: 28px;\n margin-bottom: 15px;\n}\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n}\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\n margin: 0;\n display: flex;\n align-items: center;\n gap: 8px;\n color: #424242;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n}\n.main-area[_ngcontent-%COMP%] .card-list[_ngcontent-%COMP%] {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 20px;\n}"] });
|
|
257
258
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ApplicationViewComponent, [{
|
|
258
259
|
type: Component,
|
|
259
260
|
args: [{ selector: 'application-view', template: "<div class=\"app-container\">\n <div class=\"card-header-entity cloumn\">\n <div class=\"title-wrap\">\n <h1>{{appNameFromURL}}</h1>\n </div>\n <div class=\"row\" #entityRow style=\"max-width: 100%;\">\n <div class=\"col-xs-12 col-sm-6 example-col\">\n <button\n *ngFor=\"let button of AppEntityButtons\"\n kendoButton\n fillMode=\"flat\"\n [toggleable]=\"true\"\n [selected]=\"button.Selected\"\n (click)=\"onAppEntityButtonClicked(button)\"\n >\n <span>\n {{button.Name}}\n </span>\n </button>\n </div>\n </div>\n </div>\n <div class=\"main-area margin-top-neg-20\">\n <app-generic-browser-list \n iconName=\"aggregateFields\" \n [items]=\"items\"\n [categoryEntityID]=\"categoryEntityID\"\n addText=\"Create New View\"\n ItemEntityName=\"User Views\"\n resourceName=\"View\"\n [title]=\"pageTitle\"\n [CategoryEntityName]=\"categoryEntityName\"\n (itemClickEvent)=\"onItemClick($event)\" \n [selectedFolderID]=\"selectedFolderID\"\n [showLoader]=\"showLoader\"\n [viewingResource]=false\n [displayAsGrid]=\"displayAsGrid\"\n (AfterAddFolderEvent)=\"onEvent($event)\"\n (AfterAddItemEvent)=\"onEvent($event)\"\n (AfterDeleteItemEvent)=\"onEvent($event)\"\n (AfterDeleteFolderEvent)=\"onEvent($event)\"\n (viewModeChangeEvent)=\"onViewModeChange($event)\"\n (BeforeAddItemEvent)=\"createNewView($event)\"\n (BeforeUpdateItemEvent)=\"editView($event)\"\n />\n </div>\n <mj-user-view-properties-dialog #userViewDialog [ShowPropertiesButton]=\"false\"(dialogClosed)=\"OnViewPropertiesDialogClose($event)\"></mj-user-view-properties-dialog>\n</div>\n", styles: [".app-container {\n padding: 10px;\n}\n \n.entity-list {\n width: 500px;\n}\n.favorites-list {\n width: 400px;\n}\n\n.cloumn {\n flex-direction: column;\n}\n.example-col {\n overflow-x: auto;\n}\n.example-col .k-selected {\n font-weight: 800;\n color: var(--tdata-color);\n border-bottom: 3px solid var(--border-blue) !important;\n background: var(--white-color);\n}\n\n.margin-top-neg-20 {\n margin-top: -20px;\n padding: 0px !important\n}", "\n.main-area {\n display: flex;\n flex-direction: column;\n height: 100%;\n width: 100%;\n gap: 24px;\n padding: 24px 0;\n}\n.list-view {\n padding: 16px;\n min-width: 300px;\n border-radius: 4px;\n background: #FAFAFA;\n border: none;\n}\n::ng-deep .list-view .k-listview-header, \n::ng-deep .list-view .k-listview-footer {\n border: none;\n}\n::ng-deep .list-view .k-listview-content {\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-radius: 4px;\n background: #fff;\n padding: 16px;\n}\n\n.header,\n.footer {\n color: #424242;\n font-size: 16px;\n height: auto;\n margin:0;\n}\n\n.header {\n color: #424242;\n margin-bottom: 16px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n.header .head-tag {\n display: flex;\n align-items: center;\n gap: 8px;\n color: #424242;\nfont-size: 16px;\nfont-style: normal;\nfont-weight: 400;\nline-height: 20px;\n}\n\n.header .count {\n width: 24px;\n height: 24px;\n min-width: 24px;\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: 10px;\n background: rgba(0, 0, 0, 0.08);\n border-radius: 50%;\n}\n.footer {\n font-size: 14px;\n margin-top: 16px;\n}\n\n.list-item {\n color: #424242;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 30px;\n cursor: pointer;\n margin: 4px;\n}\n.card-container {\n margin: 0;\n padding: 0;\n box-shadow: none;\n}\n.card-header-entity {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n padding-bottom: 20px;\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n}\n.card-header-entity .title-wrap h1 {\n color: #424242;\n font-size: 28px;\n font-style: normal;\n font-weight: 300;\n line-height: 28px;\n margin-bottom: 15px;\n}\n.card-header-entity .title-wrap {\n display: flex;\n flex-direction: column;\n}\n.card-header-entity .title-wrap p {\n margin: 0;\n display: flex;\n align-items: center;\n gap: 8px;\n color: #424242;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n}\n\n\n\n\n \n.view-card .view-icon {\n color: var(--sideNav);\n}\n.card-wrapper {\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-radius: 6px;\n width: 100% !important;\n}\n.card-wrapper .k-card-body {\n background: #fff;\n padding: 12px 20px;\n}\n.card-wrapper .view-card {\n overflow: auto;\n display: flex;\n justify-content: space-between;\n align-items: center;\n background: #fafafa;\n padding: 4px 15px;\n}\n.view-card .btn-wrapper {\n display: flex;\n align-items: center;\n}\n\n.k-card-body .view-card-content h5 {\n color: #424242;\n font-size: 16px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n margin-bottom: 0;\n letter-spacing: 0.18px;\n}\n.k-card-body .view-card-content p {\n color: #666;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n height: 48px;\n margin-bottom: 0;\n}\n.card-container {\n padding: 0;\n margin: 0;\n box-shadow: none;\n}\n.card-header-entity {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n padding-bottom: 20px;\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n}\n\n.card-header-entity .title-wrap h1 {\n color: #424242;\n font-size: 28px;\n font-style: normal;\n font-weight: 300;\n line-height: 28px;\n margin-bottom: 15px;\n}\n.card-header-entity .title-wrap {\n display: flex;\n flex-direction: column;\n}\n.card-header-entity .title-wrap p {\n margin: 0;\n display: flex;\n align-items: center;\n gap: 8px;\n color: #424242;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n}\n.main-area .card-list {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 20px;\n}\n"] }]
|
|
@@ -56,13 +56,13 @@ export class DashboardBrowserComponent extends BaseBrowserComponent {
|
|
|
56
56
|
}
|
|
57
57
|
}
|
|
58
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 New Dashboard", "ItemEntityName", "Dashboards", "resourceName", "Dashboard", "CategoryEntityName", "Dashboard Categories", 3, "
|
|
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 New Dashboard", "ItemEntityName", "Dashboards", "resourceName", "Dashboard", "CategoryEntityName", "Dashboard Categories", 3, "itemClickEvent", "AfterAddFolderEvent", "AfterAddItemEvent", "AfterDeleteItemEvent", "AfterDeleteFolderEvent", "BeforeUpdateItemEvent", "viewModeChangeEvent", "items", "selectedFolderID", "showLoader", "displayAsGrid"]], template: function DashboardBrowserComponent_Template(rf, ctx) { if (rf & 1) {
|
|
60
60
|
i0.ɵɵelementStart(0, "app-generic-browser-list", 0);
|
|
61
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); });
|
|
62
62
|
i0.ɵɵelementEnd();
|
|
63
63
|
} if (rf & 2) {
|
|
64
64
|
i0.ɵɵproperty("items", ctx.items)("selectedFolderID", ctx.selectedFolderID)("showLoader", ctx.showLoader)("displayAsGrid", ctx.displayAsGrid);
|
|
65
|
-
} }, dependencies: [i3.GenericBrowserListComponent], styles: [".main-area[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n height: 100%;\n width: 100%;\n gap: 24px;\n padding: 24px 0;\n}\n.list-view[_ngcontent-%COMP%] {\n padding: 16px;\n min-width: 300px;\n border-radius: 4px;\n background: #FAFAFA;\n border: none;\n}\n .list-view .k-listview-header,
|
|
65
|
+
} }, dependencies: [i3.GenericBrowserListComponent], styles: [".main-area[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n height: 100%;\n width: 100%;\n gap: 24px;\n padding: 24px 0;\n}\n.list-view[_ngcontent-%COMP%] {\n padding: 16px;\n min-width: 300px;\n border-radius: 4px;\n background: #FAFAFA;\n border: none;\n}\n .list-view .k-listview-header, \n .list-view .k-listview-footer {\n border: none;\n}\n .list-view .k-listview-content {\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-radius: 4px;\n background: #fff;\n padding: 16px;\n}\n\n.header[_ngcontent-%COMP%], \n.footer[_ngcontent-%COMP%] {\n color: #424242;\n font-size: 16px;\n height: auto;\n margin:0;\n}\n\n.header[_ngcontent-%COMP%] {\n color: #424242;\n margin-bottom: 16px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n.header[_ngcontent-%COMP%] .head-tag[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n gap: 8px;\n color: #424242;\nfont-size: 16px;\nfont-style: normal;\nfont-weight: 400;\nline-height: 20px;\n}\n\n.header[_ngcontent-%COMP%] .count[_ngcontent-%COMP%] {\n width: 24px;\n height: 24px;\n min-width: 24px;\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: 10px;\n background: rgba(0, 0, 0, 0.08);\n border-radius: 50%;\n}\n.footer[_ngcontent-%COMP%] {\n font-size: 14px;\n margin-top: 16px;\n}\n\n.list-item[_ngcontent-%COMP%] {\n color: #424242;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 30px;\n cursor: pointer;\n margin: 4px;\n}\n.card-container[_ngcontent-%COMP%] {\n margin: 0;\n padding: 0;\n box-shadow: none;\n}\n.card-header-entity[_ngcontent-%COMP%] {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n padding-bottom: 20px;\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n}\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] h1[_ngcontent-%COMP%] {\n color: #424242;\n font-size: 28px;\n font-style: normal;\n font-weight: 300;\n line-height: 28px;\n margin-bottom: 15px;\n}\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n}\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\n margin: 0;\n display: flex;\n align-items: center;\n gap: 8px;\n color: #424242;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n}\n\n\n\n\n \n.view-card[_ngcontent-%COMP%] .view-icon[_ngcontent-%COMP%] {\n color: var(--sideNav);\n}\n.card-wrapper[_ngcontent-%COMP%] {\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-radius: 6px;\n width: 100% !important;\n}\n.card-wrapper[_ngcontent-%COMP%] .k-card-body[_ngcontent-%COMP%] {\n background: #fff;\n padding: 12px 20px;\n}\n.card-wrapper[_ngcontent-%COMP%] .view-card[_ngcontent-%COMP%] {\n overflow: auto;\n display: flex;\n justify-content: space-between;\n align-items: center;\n background: #fafafa;\n padding: 4px 15px;\n}\n.view-card[_ngcontent-%COMP%] .btn-wrapper[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n}\n\n.k-card-body[_ngcontent-%COMP%] .view-card-content[_ngcontent-%COMP%] h5[_ngcontent-%COMP%] {\n color: #424242;\n font-size: 16px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n margin-bottom: 0;\n letter-spacing: 0.18px;\n}\n.k-card-body[_ngcontent-%COMP%] .view-card-content[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\n color: #666;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n height: 48px;\n margin-bottom: 0;\n}\n.card-container[_ngcontent-%COMP%] {\n padding: 0;\n margin: 0;\n box-shadow: none;\n}\n.card-header-entity[_ngcontent-%COMP%] {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n padding-bottom: 20px;\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n}\n\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] h1[_ngcontent-%COMP%] {\n color: #424242;\n font-size: 28px;\n font-style: normal;\n font-weight: 300;\n line-height: 28px;\n margin-bottom: 15px;\n}\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n}\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\n margin: 0;\n display: flex;\n align-items: center;\n gap: 8px;\n color: #424242;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n}\n.main-area[_ngcontent-%COMP%] .card-list[_ngcontent-%COMP%] {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 20px;\n}"] });
|
|
66
66
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DashboardBrowserComponent, [{
|
|
67
67
|
type: Component,
|
|
68
68
|
args: [{ selector: 'app-dashboard-browser', template: "<app-generic-browser-list \ntitle=\"Dashboards\" \nitemType=\"dashboard\" \niconName=\"aggregateFields\" \n[items]=\"items\" \naddText=\"Create New Dashboard\"\nItemEntityName=\"Dashboards\"\nresourceName=\"Dashboard\"\nCategoryEntityName=\"Dashboard Categories\"\n(itemClickEvent)=\"itemClick($event)\" \n(AfterAddFolderEvent)=\"onEvent($event)\"\n(AfterAddItemEvent)=\"onEvent($event)\"\n(AfterDeleteItemEvent)=\"onEvent($event)\"\n(AfterDeleteFolderEvent)=\"onEvent($event)\"\n(BeforeUpdateItemEvent)=\"onBeforeUpdateItemEvent($event)\"\n[selectedFolderID]=\"selectedFolderID\"\n[showLoader]=\"showLoader\"\n[displayAsGrid]=\"displayAsGrid\"\n(viewModeChangeEvent)=\"onViewModeChange($event)\"\n/>\n", styles: ["\n.main-area {\n display: flex;\n flex-direction: column;\n height: 100%;\n width: 100%;\n gap: 24px;\n padding: 24px 0;\n}\n.list-view {\n padding: 16px;\n min-width: 300px;\n border-radius: 4px;\n background: #FAFAFA;\n border: none;\n}\n::ng-deep .list-view .k-listview-header, \n::ng-deep .list-view .k-listview-footer {\n border: none;\n}\n::ng-deep .list-view .k-listview-content {\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-radius: 4px;\n background: #fff;\n padding: 16px;\n}\n\n.header,\n.footer {\n color: #424242;\n font-size: 16px;\n height: auto;\n margin:0;\n}\n\n.header {\n color: #424242;\n margin-bottom: 16px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n.header .head-tag {\n display: flex;\n align-items: center;\n gap: 8px;\n color: #424242;\nfont-size: 16px;\nfont-style: normal;\nfont-weight: 400;\nline-height: 20px;\n}\n\n.header .count {\n width: 24px;\n height: 24px;\n min-width: 24px;\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: 10px;\n background: rgba(0, 0, 0, 0.08);\n border-radius: 50%;\n}\n.footer {\n font-size: 14px;\n margin-top: 16px;\n}\n\n.list-item {\n color: #424242;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 30px;\n cursor: pointer;\n margin: 4px;\n}\n.card-container {\n margin: 0;\n padding: 0;\n box-shadow: none;\n}\n.card-header-entity {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n padding-bottom: 20px;\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n}\n.card-header-entity .title-wrap h1 {\n color: #424242;\n font-size: 28px;\n font-style: normal;\n font-weight: 300;\n line-height: 28px;\n margin-bottom: 15px;\n}\n.card-header-entity .title-wrap {\n display: flex;\n flex-direction: column;\n}\n.card-header-entity .title-wrap p {\n margin: 0;\n display: flex;\n align-items: center;\n gap: 8px;\n color: #424242;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n}\n\n\n\n\n \n.view-card .view-icon {\n color: var(--sideNav);\n}\n.card-wrapper {\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-radius: 6px;\n width: 100% !important;\n}\n.card-wrapper .k-card-body {\n background: #fff;\n padding: 12px 20px;\n}\n.card-wrapper .view-card {\n overflow: auto;\n display: flex;\n justify-content: space-between;\n align-items: center;\n background: #fafafa;\n padding: 4px 15px;\n}\n.view-card .btn-wrapper {\n display: flex;\n align-items: center;\n}\n\n.k-card-body .view-card-content h5 {\n color: #424242;\n font-size: 16px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n margin-bottom: 0;\n letter-spacing: 0.18px;\n}\n.k-card-body .view-card-content p {\n color: #666;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n height: 48px;\n margin-bottom: 0;\n}\n.card-container {\n padding: 0;\n margin: 0;\n box-shadow: none;\n}\n.card-header-entity {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n padding-bottom: 20px;\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n}\n\n.card-header-entity .title-wrap h1 {\n color: #424242;\n font-size: 28px;\n font-style: normal;\n font-weight: 300;\n line-height: 28px;\n margin-bottom: 15px;\n}\n.card-header-entity .title-wrap {\n display: flex;\n flex-direction: column;\n}\n.card-header-entity .title-wrap p {\n margin: 0;\n display: flex;\n align-items: center;\n gap: 8px;\n color: #424242;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n}\n.main-area .card-list {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 20px;\n}\n"] }]
|
|
@@ -19,9 +19,9 @@ function DataBrowserComponent_kendo_loader_6_Template(rf, ctx) { if (rf & 1) {
|
|
|
19
19
|
i0.ɵɵelement(0, "kendo-loader", 6);
|
|
20
20
|
} }
|
|
21
21
|
function DataBrowserComponent_div_7_div_1_Template(rf, ctx) { if (rf & 1) {
|
|
22
|
-
const
|
|
22
|
+
const _r1 = i0.ɵɵgetCurrentView();
|
|
23
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
|
|
24
|
+
i0.ɵɵlistener("click", function DataBrowserComponent_div_7_div_1_Template_kendo_card_body_click_2_listener() { const app_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.appItemClick(app_r2)); });
|
|
25
25
|
i0.ɵɵelementStart(3, "div", 12)(4, "h2", 13);
|
|
26
26
|
i0.ɵɵtext(5);
|
|
27
27
|
i0.ɵɵelementEnd();
|
|
@@ -29,20 +29,20 @@ function DataBrowserComponent_div_7_div_1_Template(rf, ctx) { if (rf & 1) {
|
|
|
29
29
|
i0.ɵɵtext(7);
|
|
30
30
|
i0.ɵɵelementEnd()()()()();
|
|
31
31
|
} if (rf & 2) {
|
|
32
|
-
const
|
|
32
|
+
const app_r2 = ctx.$implicit;
|
|
33
33
|
i0.ɵɵadvance(5);
|
|
34
|
-
i0.ɵɵtextInterpolate(
|
|
34
|
+
i0.ɵɵtextInterpolate(app_r2.Name);
|
|
35
35
|
i0.ɵɵadvance(2);
|
|
36
|
-
i0.ɵɵtextInterpolate(
|
|
36
|
+
i0.ɵɵtextInterpolate(app_r2.Description);
|
|
37
37
|
} }
|
|
38
38
|
function DataBrowserComponent_div_7_Template(rf, ctx) { if (rf & 1) {
|
|
39
39
|
i0.ɵɵelementStart(0, "div", 7);
|
|
40
40
|
i0.ɵɵtemplate(1, DataBrowserComponent_div_7_div_1_Template, 8, 2, "div", 8);
|
|
41
41
|
i0.ɵɵelementEnd();
|
|
42
42
|
} if (rf & 2) {
|
|
43
|
-
const
|
|
43
|
+
const ctx_r2 = i0.ɵɵnextContext();
|
|
44
44
|
i0.ɵɵadvance();
|
|
45
|
-
i0.ɵɵproperty("ngForOf",
|
|
45
|
+
i0.ɵɵproperty("ngForOf", ctx_r2.applications);
|
|
46
46
|
} }
|
|
47
47
|
export class DataBrowserComponent {
|
|
48
48
|
constructor(sharedService, router) {
|
|
@@ -81,7 +81,7 @@ 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%] {\n padding: 10px;\n}\n.main-area[_ngcontent-%COMP%] .card-list[_ngcontent-%COMP%] .card-item[_ngcontent-%COMP%] {\n background: #fff;\n border-radius: 10px;\n height: 250px;\n border: 3px solid transparent;\n}\n\n.main-area[_ngcontent-%COMP%] .card-list[_ngcontent-%COMP%] .card-item[_ngcontent-%COMP%]:hover {\n border: 3px solid var(--border-active);\n box-shadow: 0px 0px 20px 0px rgba(60, 73, 99, 0.2);\n\n }\n .main-area[_ngcontent-%COMP%] .card-list[_ngcontent-%COMP%] .card-item[_ngcontent-%COMP%]:hover .view-card-content[_ngcontent-%COMP%] h2[_ngcontent-%COMP%] {\n color: var(--border-active);\n }\n .view-card-content[_ngcontent-%COMP%] h2[_ngcontent-%COMP%] {\n font-size: 36px;\n text-align: center;\n line-height: 42px;\n font-weight: 500;\n color: var(--text-darked);\n }\n .view-card-content[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\n text-align: center;\n font-size: 18px;\n line-height: 28px;\n color: var(--text-darked);\n }\n .card-wrapper[_ngcontent-%COMP%] {\n height: 100%;\n border: none;\n }\n .card-wrapper[_ngcontent-%COMP%] .k-card-body[_ngcontent-%COMP%] {\n display: flex;\n justify-content: center; \n align-items: center;\n }", ".main-area[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n height: 100%;\n width: 100%;\n gap: 24px;\n padding: 24px 0;\n}\n.list-view[_ngcontent-%COMP%] {\n padding: 16px;\n min-width: 300px;\n border-radius: 4px;\n background: #FAFAFA;\n border: none;\n}\n .list-view .k-listview-header,
|
|
84
|
+
} }, dependencies: [i3.NgForOf, i3.NgIf, i4.LoaderComponent, i5.CardComponent, i5.CardBodyComponent, i5.CardTitleDirective, i5.CardSubtitleDirective], styles: [".data-browser-container[_ngcontent-%COMP%] {\n padding: 10px;\n}\n.main-area[_ngcontent-%COMP%] .card-list[_ngcontent-%COMP%] .card-item[_ngcontent-%COMP%] {\n background: #fff;\n border-radius: 10px;\n height: 250px;\n border: 3px solid transparent;\n}\n\n.main-area[_ngcontent-%COMP%] .card-list[_ngcontent-%COMP%] .card-item[_ngcontent-%COMP%]:hover {\n border: 3px solid var(--border-active);\n box-shadow: 0px 0px 20px 0px rgba(60, 73, 99, 0.2);\n\n }\n .main-area[_ngcontent-%COMP%] .card-list[_ngcontent-%COMP%] .card-item[_ngcontent-%COMP%]:hover .view-card-content[_ngcontent-%COMP%] h2[_ngcontent-%COMP%] {\n color: var(--border-active);\n }\n .view-card-content[_ngcontent-%COMP%] h2[_ngcontent-%COMP%] {\n font-size: 36px;\n text-align: center;\n line-height: 42px;\n font-weight: 500;\n color: var(--text-darked);\n }\n .view-card-content[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\n text-align: center;\n font-size: 18px;\n line-height: 28px;\n color: var(--text-darked);\n }\n .card-wrapper[_ngcontent-%COMP%] {\n height: 100%;\n border: none;\n }\n .card-wrapper[_ngcontent-%COMP%] .k-card-body[_ngcontent-%COMP%] {\n display: flex;\n justify-content: center; \n align-items: center;\n }", ".main-area[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n height: 100%;\n width: 100%;\n gap: 24px;\n padding: 24px 0;\n}\n.list-view[_ngcontent-%COMP%] {\n padding: 16px;\n min-width: 300px;\n border-radius: 4px;\n background: #FAFAFA;\n border: none;\n}\n .list-view .k-listview-header, \n .list-view .k-listview-footer {\n border: none;\n}\n .list-view .k-listview-content {\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-radius: 4px;\n background: #fff;\n padding: 16px;\n}\n\n.header[_ngcontent-%COMP%], \n.footer[_ngcontent-%COMP%] {\n color: #424242;\n font-size: 16px;\n height: auto;\n margin:0;\n}\n\n.header[_ngcontent-%COMP%] {\n color: #424242;\n margin-bottom: 16px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n.header[_ngcontent-%COMP%] .head-tag[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n gap: 8px;\n color: #424242;\nfont-size: 16px;\nfont-style: normal;\nfont-weight: 400;\nline-height: 20px;\n}\n\n.header[_ngcontent-%COMP%] .count[_ngcontent-%COMP%] {\n width: 24px;\n height: 24px;\n min-width: 24px;\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: 10px;\n background: rgba(0, 0, 0, 0.08);\n border-radius: 50%;\n}\n.footer[_ngcontent-%COMP%] {\n font-size: 14px;\n margin-top: 16px;\n}\n\n.list-item[_ngcontent-%COMP%] {\n color: #424242;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 30px;\n cursor: pointer;\n margin: 4px;\n}\n.card-container[_ngcontent-%COMP%] {\n margin: 0;\n padding: 0;\n box-shadow: none;\n}\n.card-header-entity[_ngcontent-%COMP%] {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n padding-bottom: 20px;\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n}\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] h1[_ngcontent-%COMP%] {\n color: #424242;\n font-size: 28px;\n font-style: normal;\n font-weight: 300;\n line-height: 28px;\n margin-bottom: 15px;\n}\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n}\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\n margin: 0;\n display: flex;\n align-items: center;\n gap: 8px;\n color: #424242;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n}\n\n\n\n\n \n.view-card[_ngcontent-%COMP%] .view-icon[_ngcontent-%COMP%] {\n color: var(--sideNav);\n}\n.card-wrapper[_ngcontent-%COMP%] {\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-radius: 6px;\n width: 100% !important;\n}\n.card-wrapper[_ngcontent-%COMP%] .k-card-body[_ngcontent-%COMP%] {\n background: #fff;\n padding: 12px 20px;\n}\n.card-wrapper[_ngcontent-%COMP%] .view-card[_ngcontent-%COMP%] {\n overflow: auto;\n display: flex;\n justify-content: space-between;\n align-items: center;\n background: #fafafa;\n padding: 4px 15px;\n}\n.view-card[_ngcontent-%COMP%] .btn-wrapper[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n}\n\n.k-card-body[_ngcontent-%COMP%] .view-card-content[_ngcontent-%COMP%] h5[_ngcontent-%COMP%] {\n color: #424242;\n font-size: 16px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n margin-bottom: 0;\n letter-spacing: 0.18px;\n}\n.k-card-body[_ngcontent-%COMP%] .view-card-content[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\n color: #666;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n height: 48px;\n margin-bottom: 0;\n}\n.card-container[_ngcontent-%COMP%] {\n padding: 0;\n margin: 0;\n box-shadow: none;\n}\n.card-header-entity[_ngcontent-%COMP%] {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n padding-bottom: 20px;\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n}\n\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] h1[_ngcontent-%COMP%] {\n color: #424242;\n font-size: 28px;\n font-style: normal;\n font-weight: 300;\n line-height: 28px;\n margin-bottom: 15px;\n}\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n}\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\n margin: 0;\n display: flex;\n align-items: center;\n gap: 8px;\n color: #424242;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n}\n.main-area[_ngcontent-%COMP%] .card-list[_ngcontent-%COMP%] {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 20px;\n}"] });
|
|
85
85
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DataBrowserComponent, [{
|
|
86
86
|
type: Component,
|
|
87
87
|
args: [{ selector: 'app-data-browser', template: "<div class=\"data-browser-container\">\n <div class=\"card-header-entity\">\n <div class=\"title-wrap\">\n <h1>Data Applications</h1>\n </div>\n </div>\n <div class=\"main-area\"> \n <kendo-loader *ngIf=\"showLoader\" type=\"converging-spinner\" ></kendo-loader>\n <div class=\"card-list k-d-flex k-flex-row k-h-full k-flex-wrap\" *ngIf=\"!showLoader\">\n <div class=\"card-item\" *ngFor=\"let app of applications\">\n <kendo-card class=\"card-wrapper\">\n <kendo-card-body (click)=\"appItemClick(app)\">\n <div class=\"view-card-content k-cursor-pointer\">\n <h2 kendoCardTitle>{{ app.Name }}</h2>\n <p kendoCardSubtitle>{{ app.Description }}</p>\n </div>\n </kendo-card-body>\n </kendo-card>\n </div>\n </div>\n </div>\n</div>", styles: [".data-browser-container {\n padding: 10px;\n}\n.main-area .card-list .card-item {\n background: #fff;\n border-radius: 10px;\n height: 250px;\n border: 3px solid transparent;\n}\n\n.main-area .card-list .card-item:hover {\n border: 3px solid var(--border-active);\n box-shadow: 0px 0px 20px 0px rgba(60, 73, 99, 0.2);\n\n }\n .main-area .card-list .card-item:hover .view-card-content h2 {\n color: var(--border-active);\n }\n .view-card-content h2 {\n font-size: 36px;\n text-align: center;\n line-height: 42px;\n font-weight: 500;\n color: var(--text-darked);\n }\n .view-card-content p {\n text-align: center;\n font-size: 18px;\n line-height: 28px;\n color: var(--text-darked);\n }\n .card-wrapper {\n height: 100%;\n border: none;\n }\n .card-wrapper .k-card-body {\n display: flex;\n justify-content: center; \n align-items: center;\n }", "\n.main-area {\n display: flex;\n flex-direction: column;\n height: 100%;\n width: 100%;\n gap: 24px;\n padding: 24px 0;\n}\n.list-view {\n padding: 16px;\n min-width: 300px;\n border-radius: 4px;\n background: #FAFAFA;\n border: none;\n}\n::ng-deep .list-view .k-listview-header, \n::ng-deep .list-view .k-listview-footer {\n border: none;\n}\n::ng-deep .list-view .k-listview-content {\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-radius: 4px;\n background: #fff;\n padding: 16px;\n}\n\n.header,\n.footer {\n color: #424242;\n font-size: 16px;\n height: auto;\n margin:0;\n}\n\n.header {\n color: #424242;\n margin-bottom: 16px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n.header .head-tag {\n display: flex;\n align-items: center;\n gap: 8px;\n color: #424242;\nfont-size: 16px;\nfont-style: normal;\nfont-weight: 400;\nline-height: 20px;\n}\n\n.header .count {\n width: 24px;\n height: 24px;\n min-width: 24px;\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: 10px;\n background: rgba(0, 0, 0, 0.08);\n border-radius: 50%;\n}\n.footer {\n font-size: 14px;\n margin-top: 16px;\n}\n\n.list-item {\n color: #424242;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 30px;\n cursor: pointer;\n margin: 4px;\n}\n.card-container {\n margin: 0;\n padding: 0;\n box-shadow: none;\n}\n.card-header-entity {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n padding-bottom: 20px;\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n}\n.card-header-entity .title-wrap h1 {\n color: #424242;\n font-size: 28px;\n font-style: normal;\n font-weight: 300;\n line-height: 28px;\n margin-bottom: 15px;\n}\n.card-header-entity .title-wrap {\n display: flex;\n flex-direction: column;\n}\n.card-header-entity .title-wrap p {\n margin: 0;\n display: flex;\n align-items: center;\n gap: 8px;\n color: #424242;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n}\n\n\n\n\n \n.view-card .view-icon {\n color: var(--sideNav);\n}\n.card-wrapper {\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-radius: 6px;\n width: 100% !important;\n}\n.card-wrapper .k-card-body {\n background: #fff;\n padding: 12px 20px;\n}\n.card-wrapper .view-card {\n overflow: auto;\n display: flex;\n justify-content: space-between;\n align-items: center;\n background: #fafafa;\n padding: 4px 15px;\n}\n.view-card .btn-wrapper {\n display: flex;\n align-items: center;\n}\n\n.k-card-body .view-card-content h5 {\n color: #424242;\n font-size: 16px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n margin-bottom: 0;\n letter-spacing: 0.18px;\n}\n.k-card-body .view-card-content p {\n color: #666;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n height: 48px;\n margin-bottom: 0;\n}\n.card-container {\n padding: 0;\n margin: 0;\n box-shadow: none;\n}\n.card-header-entity {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n padding-bottom: 20px;\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n}\n\n.card-header-entity .title-wrap h1 {\n color: #424242;\n font-size: 28px;\n font-style: normal;\n font-weight: 300;\n line-height: 28px;\n margin-bottom: 15px;\n}\n.card-header-entity .title-wrap {\n display: flex;\n flex-direction: column;\n}\n.card-header-entity .title-wrap p {\n margin: 0;\n display: flex;\n align-items: center;\n gap: 8px;\n color: #424242;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n}\n.main-area .card-list {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 20px;\n}\n"] }]
|
|
@@ -157,14 +157,14 @@ export class ExpansionPanelComponent {
|
|
|
157
157
|
}
|
|
158
158
|
}
|
|
159
159
|
ExpansionPanelComponent.ɵfac = function ExpansionPanelComponent_Factory(t) { return new (t || ExpansionPanelComponent)(i0.ɵɵdirectiveInject(i1.SharedService), i0.ɵɵdirectiveInject(i2.Router)); };
|
|
160
|
-
ExpansionPanelComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ExpansionPanelComponent, selectors: [["expansion-panel-component"]], inputs: { items: "items" }, decls: 2, vars: 1, consts: [[1, "panelbar-wrapper"], ["textField", "Name", "kendoTreeViewExpandable", "", "kendoTreeViewHierarchyBinding", "", "childrenField", "ChildItems", 3, "
|
|
160
|
+
ExpansionPanelComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ExpansionPanelComponent, selectors: [["expansion-panel-component"]], inputs: { items: "items" }, decls: 2, vars: 1, consts: [[1, "panelbar-wrapper"], ["textField", "Name", "kendoTreeViewExpandable", "", "kendoTreeViewHierarchyBinding", "", "childrenField", "ChildItems", 3, "expand", "selectionChange", "nodes"]], template: function ExpansionPanelComponent_Template(rf, ctx) { if (rf & 1) {
|
|
161
161
|
i0.ɵɵelementStart(0, "div", 0)(1, "kendo-treeview", 1);
|
|
162
162
|
i0.ɵɵlistener("expand", function ExpansionPanelComponent_Template_kendo_treeview_expand_1_listener($event) { return ctx.onTreeNodeExpand($event); })("selectionChange", function ExpansionPanelComponent_Template_kendo_treeview_selectionChange_1_listener($event) { return ctx.onTreeNodeSelect($event); });
|
|
163
163
|
i0.ɵɵelementEnd()();
|
|
164
164
|
} if (rf & 2) {
|
|
165
165
|
i0.ɵɵadvance();
|
|
166
166
|
i0.ɵɵproperty("nodes", ctx.items);
|
|
167
|
-
} }, dependencies: [i3.TreeViewComponent, i3.ExpandDirective, i3.HierarchyBindingDirective], styles: [".wrapper[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n \nkendo-expansionpanel[_ngcontent-%COMP%] {\n width: 300px;\n}\n \n.content[_ngcontent-%COMP%] {\n display: flex;\n}\n\n.panelbar-wrapper[_ngcontent-%COMP%] {\n width: 274px;\n margin: 0 auto;\n height: calc(100vh - 80px);\n overflow-y: auto;\n padding: 16px 0;\n box-sizing: border-box;\n}\n .panelbar-wrapper .k-treeview-group .k-treeview-item {\n padding: 5px 14px !important;\n}\n .panelbar-wrapper .k-treeview-group .k-treeview-item div .k-treeview-toggle {\n margin: 0;\n}\n .panelbar-wrapper .k-treeview-group .k-treeview-item div {\n color: var(--white-color);\n}\n\n .panelbar-wrapper .k-treeview-group .k-treeview-item:hover {\n background: rgba(255, 255, 255, 0.15);\n}\n\n .panelbar-wrapper .k-treeview-group .k-treeview-item div > .k-treeview-leaf {\n white-space: pre-line;\n box-shadow: none;\n}\n .panelbar-wrapper .k-treeview-group .k-treeview-item div > .k-treeview-leaf:hover,
|
|
167
|
+
} }, dependencies: [i3.TreeViewComponent, i3.ExpandDirective, i3.HierarchyBindingDirective], styles: [".wrapper[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n \nkendo-expansionpanel[_ngcontent-%COMP%] {\n width: 300px;\n}\n \n.content[_ngcontent-%COMP%] {\n display: flex;\n}\n\n.panelbar-wrapper[_ngcontent-%COMP%] {\n width: 274px;\n margin: 0 auto;\n height: calc(100vh - 80px);\n overflow-y: auto;\n padding: 16px 0;\n box-sizing: border-box;\n}\n .panelbar-wrapper .k-treeview-group .k-treeview-item {\n padding: 5px 14px !important;\n}\n .panelbar-wrapper .k-treeview-group .k-treeview-item div .k-treeview-toggle {\n margin: 0;\n}\n .panelbar-wrapper .k-treeview-group .k-treeview-item div {\n color: var(--white-color);\n}\n\n .panelbar-wrapper .k-treeview-group .k-treeview-item:hover {\n background: rgba(255, 255, 255, 0.15);\n}\n\n .panelbar-wrapper .k-treeview-group .k-treeview-item div > .k-treeview-leaf {\n white-space: pre-line;\n box-shadow: none;\n}\n .panelbar-wrapper .k-treeview-group .k-treeview-item div > .k-treeview-leaf:hover, \n .panelbar-wrapper .k-treeview-group .k-treeview-item div > .k-treeview-leaf:focus {\n box-shadow: none;\n background: transparent;\n color: var(--white-color);\n}"] });
|
|
168
168
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ExpansionPanelComponent, [{
|
|
169
169
|
type: Component,
|
|
170
170
|
args: [{ selector: 'expansion-panel-component', template: "<div class=\"panelbar-wrapper\">\n <kendo-treeview\n [nodes]=\"items\"\n textField=\"Name\"\n kendoTreeViewExpandable\n kendoTreeViewHierarchyBinding\n childrenField=\"ChildItems\"\n (expand)=\"onTreeNodeExpand($event)\"\n (selectionChange)=\"onTreeNodeSelect($event)\"\n >\n </kendo-treeview>\n</div>", styles: [".wrapper {\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n \nkendo-expansionpanel {\n width: 300px;\n}\n \n.content {\n display: flex;\n}\n\n.panelbar-wrapper {\n width: 274px;\n margin: 0 auto;\n height: calc(100vh - 80px);\n overflow-y: auto;\n padding: 16px 0;\n box-sizing: border-box;\n}\n::ng-deep .panelbar-wrapper .k-treeview-group .k-treeview-item {\n padding: 5px 14px !important;\n}\n::ng-deep .panelbar-wrapper .k-treeview-group .k-treeview-item div .k-treeview-toggle {\n margin: 0;\n}\n::ng-deep .panelbar-wrapper .k-treeview-group .k-treeview-item div {\n color: var(--white-color);\n}\n\n::ng-deep .panelbar-wrapper .k-treeview-group .k-treeview-item:hover {\n background: rgba(255, 255, 255, 0.15);\n}\n\n::ng-deep .panelbar-wrapper .k-treeview-group .k-treeview-item div > .k-treeview-leaf {\n white-space: pre-line;\n box-shadow: none;\n}\n::ng-deep .panelbar-wrapper .k-treeview-group .k-treeview-item div > .k-treeview-leaf:hover,\n::ng-deep .panelbar-wrapper .k-treeview-group .k-treeview-item div > .k-treeview-leaf:focus {\n box-shadow: none;\n background: transparent;\n color: var(--white-color);\n}\n"] }]
|
|
@@ -26,21 +26,21 @@ function FavoritesComponent_ng_template_2_Template(rf, ctx) { if (rf & 1) {
|
|
|
26
26
|
i0.ɵɵtextInterpolate(ctx_r0.favorites.length);
|
|
27
27
|
} }
|
|
28
28
|
function FavoritesComponent_ng_template_3_Template(rf, ctx) { if (rf & 1) {
|
|
29
|
-
const
|
|
29
|
+
const _r2 = i0.ɵɵgetCurrentView();
|
|
30
30
|
i0.ɵɵelementStart(0, "div", 8);
|
|
31
|
-
i0.ɵɵlistener("click", function FavoritesComponent_ng_template_3_Template_div_click_0_listener() { const
|
|
31
|
+
i0.ɵɵlistener("click", function FavoritesComponent_ng_template_3_Template_div_click_0_listener() { const dataItem_r3 = i0.ɵɵrestoreView(_r2).dataItem; const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.favoriteItemClick(dataItem_r3)); });
|
|
32
32
|
i0.ɵɵelementStart(1, "b");
|
|
33
33
|
i0.ɵɵtext(2);
|
|
34
34
|
i0.ɵɵelementEnd();
|
|
35
35
|
i0.ɵɵtext(3);
|
|
36
36
|
i0.ɵɵelementEnd();
|
|
37
37
|
} if (rf & 2) {
|
|
38
|
-
const
|
|
39
|
-
const
|
|
38
|
+
const dataItem_r3 = ctx.dataItem;
|
|
39
|
+
const ctx_r0 = i0.ɵɵnextContext();
|
|
40
40
|
i0.ɵɵadvance(2);
|
|
41
|
-
i0.ɵɵtextInterpolate(
|
|
41
|
+
i0.ɵɵtextInterpolate(dataItem_r3.Entity);
|
|
42
42
|
i0.ɵɵadvance();
|
|
43
|
-
i0.ɵɵtextInterpolate1(": ",
|
|
43
|
+
i0.ɵɵtextInterpolate1(": ", ctx_r0.favoriteItemDisplayName(dataItem_r3), " ");
|
|
44
44
|
} }
|
|
45
45
|
export class FavoritesComponent {
|
|
46
46
|
constructor(router) {
|
|
@@ -129,7 +129,7 @@ FavoritesComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Favorite
|
|
|
129
129
|
i0.ɵɵelementEnd();
|
|
130
130
|
} if (rf & 2) {
|
|
131
131
|
i0.ɵɵproperty("data", ctx.favorites);
|
|
132
|
-
} }, dependencies: [i2.ItemTemplateDirective, i2.HeaderTemplateDirective, i2.ListViewComponent], styles: [".favorites-list[_ngcontent-%COMP%] {\n width: 400px;\n}", ".main-area[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n height: 100%;\n width: 100%;\n gap: 24px;\n padding: 24px 0;\n}\n.list-view[_ngcontent-%COMP%] {\n padding: 16px;\n min-width: 300px;\n border-radius: 4px;\n background: #FAFAFA;\n border: none;\n}\n .list-view .k-listview-header,
|
|
132
|
+
} }, dependencies: [i2.ItemTemplateDirective, i2.HeaderTemplateDirective, i2.ListViewComponent], styles: [".favorites-list[_ngcontent-%COMP%] {\n width: 400px;\n}", ".main-area[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n height: 100%;\n width: 100%;\n gap: 24px;\n padding: 24px 0;\n}\n.list-view[_ngcontent-%COMP%] {\n padding: 16px;\n min-width: 300px;\n border-radius: 4px;\n background: #FAFAFA;\n border: none;\n}\n .list-view .k-listview-header, \n .list-view .k-listview-footer {\n border: none;\n}\n .list-view .k-listview-content {\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-radius: 4px;\n background: #fff;\n padding: 16px;\n}\n\n.header[_ngcontent-%COMP%], \n.footer[_ngcontent-%COMP%] {\n color: #424242;\n font-size: 16px;\n height: auto;\n margin:0;\n}\n\n.header[_ngcontent-%COMP%] {\n color: #424242;\n margin-bottom: 16px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n.header[_ngcontent-%COMP%] .head-tag[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n gap: 8px;\n color: #424242;\nfont-size: 16px;\nfont-style: normal;\nfont-weight: 400;\nline-height: 20px;\n}\n\n.header[_ngcontent-%COMP%] .count[_ngcontent-%COMP%] {\n width: 24px;\n height: 24px;\n min-width: 24px;\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: 10px;\n background: rgba(0, 0, 0, 0.08);\n border-radius: 50%;\n}\n.footer[_ngcontent-%COMP%] {\n font-size: 14px;\n margin-top: 16px;\n}\n\n.list-item[_ngcontent-%COMP%] {\n color: #424242;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 30px;\n cursor: pointer;\n margin: 4px;\n}\n.card-container[_ngcontent-%COMP%] {\n margin: 0;\n padding: 0;\n box-shadow: none;\n}\n.card-header-entity[_ngcontent-%COMP%] {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n padding-bottom: 20px;\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n}\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] h1[_ngcontent-%COMP%] {\n color: #424242;\n font-size: 28px;\n font-style: normal;\n font-weight: 300;\n line-height: 28px;\n margin-bottom: 15px;\n}\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n}\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\n margin: 0;\n display: flex;\n align-items: center;\n gap: 8px;\n color: #424242;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n}\n\n\n\n\n \n.view-card[_ngcontent-%COMP%] .view-icon[_ngcontent-%COMP%] {\n color: var(--sideNav);\n}\n.card-wrapper[_ngcontent-%COMP%] {\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-radius: 6px;\n width: 100% !important;\n}\n.card-wrapper[_ngcontent-%COMP%] .k-card-body[_ngcontent-%COMP%] {\n background: #fff;\n padding: 12px 20px;\n}\n.card-wrapper[_ngcontent-%COMP%] .view-card[_ngcontent-%COMP%] {\n overflow: auto;\n display: flex;\n justify-content: space-between;\n align-items: center;\n background: #fafafa;\n padding: 4px 15px;\n}\n.view-card[_ngcontent-%COMP%] .btn-wrapper[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n}\n\n.k-card-body[_ngcontent-%COMP%] .view-card-content[_ngcontent-%COMP%] h5[_ngcontent-%COMP%] {\n color: #424242;\n font-size: 16px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n margin-bottom: 0;\n letter-spacing: 0.18px;\n}\n.k-card-body[_ngcontent-%COMP%] .view-card-content[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\n color: #666;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n height: 48px;\n margin-bottom: 0;\n}\n.card-container[_ngcontent-%COMP%] {\n padding: 0;\n margin: 0;\n box-shadow: none;\n}\n.card-header-entity[_ngcontent-%COMP%] {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n padding-bottom: 20px;\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n}\n\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] h1[_ngcontent-%COMP%] {\n color: #424242;\n font-size: 28px;\n font-style: normal;\n font-weight: 300;\n line-height: 28px;\n margin-bottom: 15px;\n}\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n}\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\n margin: 0;\n display: flex;\n align-items: center;\n gap: 8px;\n color: #424242;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n}\n.main-area[_ngcontent-%COMP%] .card-list[_ngcontent-%COMP%] {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 20px;\n}"] });
|
|
133
133
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FavoritesComponent, [{
|
|
134
134
|
type: Component,
|
|
135
135
|
args: [{ selector: 'app-favorites', template: "<kendo-listview\n [data]=\"favorites\"\n class=\"list-view\"\n>\n <ng-container class=\"entity-wrap\">\n <ng-template kendoListViewHeaderTemplate>\n <div class=\"header\"> \n <div class=\"head-tag\">\n <span class=\"fa-regular fa-clock\"></span>\n Favorites\n </div>\n <div class=\"count\">{{favorites.length}}</div>\n </div>\n </ng-template>\n <ng-template kendoListViewItemTemplate let-dataItem=\"dataItem\">\n <div class=\"list-item\" (click)=\"favoriteItemClick(dataItem)\">\n <b>{{dataItem.Entity}}</b>: {{favoriteItemDisplayName(dataItem)}}\n </div>\n </ng-template>\n </ng-container>\n</kendo-listview>\n", styles: [".favorites-list {\n width: 400px;\n}", "\n.main-area {\n display: flex;\n flex-direction: column;\n height: 100%;\n width: 100%;\n gap: 24px;\n padding: 24px 0;\n}\n.list-view {\n padding: 16px;\n min-width: 300px;\n border-radius: 4px;\n background: #FAFAFA;\n border: none;\n}\n::ng-deep .list-view .k-listview-header, \n::ng-deep .list-view .k-listview-footer {\n border: none;\n}\n::ng-deep .list-view .k-listview-content {\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-radius: 4px;\n background: #fff;\n padding: 16px;\n}\n\n.header,\n.footer {\n color: #424242;\n font-size: 16px;\n height: auto;\n margin:0;\n}\n\n.header {\n color: #424242;\n margin-bottom: 16px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n.header .head-tag {\n display: flex;\n align-items: center;\n gap: 8px;\n color: #424242;\nfont-size: 16px;\nfont-style: normal;\nfont-weight: 400;\nline-height: 20px;\n}\n\n.header .count {\n width: 24px;\n height: 24px;\n min-width: 24px;\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: 10px;\n background: rgba(0, 0, 0, 0.08);\n border-radius: 50%;\n}\n.footer {\n font-size: 14px;\n margin-top: 16px;\n}\n\n.list-item {\n color: #424242;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 30px;\n cursor: pointer;\n margin: 4px;\n}\n.card-container {\n margin: 0;\n padding: 0;\n box-shadow: none;\n}\n.card-header-entity {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n padding-bottom: 20px;\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n}\n.card-header-entity .title-wrap h1 {\n color: #424242;\n font-size: 28px;\n font-style: normal;\n font-weight: 300;\n line-height: 28px;\n margin-bottom: 15px;\n}\n.card-header-entity .title-wrap {\n display: flex;\n flex-direction: column;\n}\n.card-header-entity .title-wrap p {\n margin: 0;\n display: flex;\n align-items: center;\n gap: 8px;\n color: #424242;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n}\n\n\n\n\n \n.view-card .view-icon {\n color: var(--sideNav);\n}\n.card-wrapper {\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-radius: 6px;\n width: 100% !important;\n}\n.card-wrapper .k-card-body {\n background: #fff;\n padding: 12px 20px;\n}\n.card-wrapper .view-card {\n overflow: auto;\n display: flex;\n justify-content: space-between;\n align-items: center;\n background: #fafafa;\n padding: 4px 15px;\n}\n.view-card .btn-wrapper {\n display: flex;\n align-items: center;\n}\n\n.k-card-body .view-card-content h5 {\n color: #424242;\n font-size: 16px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n margin-bottom: 0;\n letter-spacing: 0.18px;\n}\n.k-card-body .view-card-content p {\n color: #666;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n height: 48px;\n margin-bottom: 0;\n}\n.card-container {\n padding: 0;\n margin: 0;\n box-shadow: none;\n}\n.card-header-entity {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n padding-bottom: 20px;\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n}\n\n.card-header-entity .title-wrap h1 {\n color: #424242;\n font-size: 28px;\n font-style: normal;\n font-weight: 300;\n line-height: 28px;\n margin-bottom: 15px;\n}\n.card-header-entity .title-wrap {\n display: flex;\n flex-direction: column;\n}\n.card-header-entity .title-wrap p {\n margin: 0;\n display: flex;\n align-items: center;\n gap: 8px;\n color: #424242;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n}\n.main-area .card-list {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 20px;\n}\n"] }]
|
|
@@ -4,60 +4,60 @@ import * as i1 from "@angular/common";
|
|
|
4
4
|
import * as i2 from "@progress/kendo-angular-buttons";
|
|
5
5
|
import * as i3 from "@memberjunction/ng-record-changes";
|
|
6
6
|
function FormToolbarComponent_button_0_Template(rf, ctx) { if (rf & 1) {
|
|
7
|
-
const
|
|
7
|
+
const _r1 = i0.ɵɵgetCurrentView();
|
|
8
8
|
i0.ɵɵelementStart(0, "button", 2);
|
|
9
|
-
i0.ɵɵlistener("click", function FormToolbarComponent_button_0_Template_button_click_0_listener() { i0.ɵɵrestoreView(
|
|
9
|
+
i0.ɵɵlistener("click", function FormToolbarComponent_button_0_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.form.StartEditMode()); });
|
|
10
10
|
i0.ɵɵtext(1, "Edit Record");
|
|
11
11
|
i0.ɵɵelementEnd();
|
|
12
12
|
} }
|
|
13
13
|
function FormToolbarComponent_button_1_Template(rf, ctx) { if (rf & 1) {
|
|
14
|
-
const
|
|
14
|
+
const _r3 = i0.ɵɵgetCurrentView();
|
|
15
15
|
i0.ɵɵelementStart(0, "button", 2);
|
|
16
|
-
i0.ɵɵlistener("click", function FormToolbarComponent_button_1_Template_button_click_0_listener() { i0.ɵɵrestoreView(
|
|
16
|
+
i0.ɵɵlistener("click", function FormToolbarComponent_button_1_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.form.SaveRecord(true)); });
|
|
17
17
|
i0.ɵɵtext(1, "Save Record");
|
|
18
18
|
i0.ɵɵelementEnd();
|
|
19
19
|
} }
|
|
20
20
|
function FormToolbarComponent_button_2_Template(rf, ctx) { if (rf & 1) {
|
|
21
|
-
const
|
|
21
|
+
const _r4 = i0.ɵɵgetCurrentView();
|
|
22
22
|
i0.ɵɵelementStart(0, "button", 2);
|
|
23
|
-
i0.ɵɵlistener("click", function FormToolbarComponent_button_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(
|
|
23
|
+
i0.ɵɵlistener("click", function FormToolbarComponent_button_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.form.CancelEdit()); });
|
|
24
24
|
i0.ɵɵtext(1, "Cancel");
|
|
25
25
|
i0.ɵɵelementEnd();
|
|
26
26
|
} }
|
|
27
27
|
function FormToolbarComponent_button_3_Template(rf, ctx) { if (rf & 1) {
|
|
28
|
-
const
|
|
28
|
+
const _r5 = i0.ɵɵgetCurrentView();
|
|
29
29
|
i0.ɵɵelementStart(0, "button", 2);
|
|
30
|
-
i0.ɵɵlistener("click", function FormToolbarComponent_button_3_Template_button_click_0_listener() { i0.ɵɵrestoreView(
|
|
30
|
+
i0.ɵɵlistener("click", function FormToolbarComponent_button_3_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.form.RemoveFavorite()); });
|
|
31
31
|
i0.ɵɵtext(1, "Remove Favorite");
|
|
32
32
|
i0.ɵɵelementEnd();
|
|
33
33
|
} }
|
|
34
34
|
function FormToolbarComponent_button_4_Template(rf, ctx) { if (rf & 1) {
|
|
35
|
-
const
|
|
35
|
+
const _r6 = i0.ɵɵgetCurrentView();
|
|
36
36
|
i0.ɵɵelementStart(0, "button", 2);
|
|
37
|
-
i0.ɵɵlistener("click", function FormToolbarComponent_button_4_Template_button_click_0_listener() { i0.ɵɵrestoreView(
|
|
37
|
+
i0.ɵɵlistener("click", function FormToolbarComponent_button_4_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.form.MakeFavorite()); });
|
|
38
38
|
i0.ɵɵtext(1, "Make Favorite");
|
|
39
39
|
i0.ɵɵelementEnd();
|
|
40
40
|
} }
|
|
41
41
|
function FormToolbarComponent_button_5_Template(rf, ctx) { if (rf & 1) {
|
|
42
|
-
const
|
|
42
|
+
const _r7 = i0.ɵɵgetCurrentView();
|
|
43
43
|
i0.ɵɵelementStart(0, "button", 2);
|
|
44
|
-
i0.ɵɵlistener("click", function FormToolbarComponent_button_5_Template_button_click_0_listener() { i0.ɵɵrestoreView(
|
|
44
|
+
i0.ɵɵlistener("click", function FormToolbarComponent_button_5_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.form.handleHistoryDialog()); });
|
|
45
45
|
i0.ɵɵtext(1, "History");
|
|
46
46
|
i0.ɵɵelementEnd();
|
|
47
47
|
} }
|
|
48
48
|
function FormToolbarComponent_mj_record_changes_7_Template(rf, ctx) { if (rf & 1) {
|
|
49
|
-
const
|
|
49
|
+
const _r8 = i0.ɵɵgetCurrentView();
|
|
50
50
|
i0.ɵɵelementStart(0, "mj-record-changes", 3);
|
|
51
|
-
i0.ɵɵlistener("dialogClosed", function FormToolbarComponent_mj_record_changes_7_Template_mj_record_changes_dialogClosed_0_listener() { i0.ɵɵrestoreView(
|
|
51
|
+
i0.ɵɵlistener("dialogClosed", function FormToolbarComponent_mj_record_changes_7_Template_mj_record_changes_dialogClosed_0_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.form.handleHistoryDialog()); });
|
|
52
52
|
i0.ɵɵelementEnd();
|
|
53
53
|
} if (rf & 2) {
|
|
54
|
-
const
|
|
55
|
-
i0.ɵɵproperty("record",
|
|
54
|
+
const ctx_r1 = i0.ɵɵnextContext();
|
|
55
|
+
i0.ɵɵproperty("record", ctx_r1.form.record);
|
|
56
56
|
} }
|
|
57
57
|
export class FormToolbarComponent {
|
|
58
58
|
}
|
|
59
59
|
FormToolbarComponent.ɵfac = function FormToolbarComponent_Factory(t) { return new (t || FormToolbarComponent)(); };
|
|
60
|
-
FormToolbarComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FormToolbarComponent, selectors: [["mj-form-toolbar"]], inputs: { form: "form" }, decls: 8, vars: 7, consts: [["kendoButton", "", 3, "click", 4, "ngIf"], [3, "record", "dialogClosed", 4, "ngIf"], ["kendoButton", "", 3, "click"], [3, "
|
|
60
|
+
FormToolbarComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FormToolbarComponent, selectors: [["mj-form-toolbar"]], inputs: { form: "form" }, decls: 8, vars: 7, consts: [["kendoButton", "", 3, "click", 4, "ngIf"], [3, "record", "dialogClosed", 4, "ngIf"], ["kendoButton", "", 3, "click"], [3, "dialogClosed", "record"]], template: function FormToolbarComponent_Template(rf, ctx) { if (rf & 1) {
|
|
61
61
|
i0.ɵɵtemplate(0, FormToolbarComponent_button_0_Template, 2, 0, "button", 0)(1, FormToolbarComponent_button_1_Template, 2, 0, "button", 0)(2, FormToolbarComponent_button_2_Template, 2, 0, "button", 0)(3, FormToolbarComponent_button_3_Template, 2, 0, "button", 0)(4, FormToolbarComponent_button_4_Template, 2, 0, "button", 0)(5, FormToolbarComponent_button_5_Template, 2, 0, "button", 0);
|
|
62
62
|
i0.ɵɵelement(6, "hr");
|
|
63
63
|
i0.ɵɵtemplate(7, FormToolbarComponent_mj_record_changes_7_Template, 1, 1, "mj-record-changes", 1);
|