@memberjunction/ng-explorer-core 0.9.211 → 0.9.215
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/generic/Item.types.d.ts +14 -1
- package/dist/generic/Item.types.d.ts.map +1 -1
- package/dist/generic/Item.types.js +17 -0
- package/dist/generic/app-nav-view.types.d.ts +1 -0
- package/dist/generic/app-nav-view.types.d.ts.map +1 -1
- package/dist/generic/app-nav-view.types.js +1 -0
- package/dist/lib/app-view/application-view.component.d.ts +17 -4
- package/dist/lib/app-view/application-view.component.d.ts.map +1 -1
- package/dist/lib/app-view/application-view.component.js +154 -66
- package/dist/lib/base-browser-component/base-browser-component.d.ts +8 -8
- package/dist/lib/base-browser-component/base-browser-component.d.ts.map +1 -1
- package/dist/lib/base-browser-component/base-browser-component.js +39 -43
- package/dist/lib/dashboard-browser-component/dashboard-browser.component.d.ts +5 -5
- package/dist/lib/dashboard-browser-component/dashboard-browser.component.d.ts.map +1 -1
- package/dist/lib/dashboard-browser-component/dashboard-browser.component.js +22 -37
- package/dist/lib/data-browser-component/data-browser.component.js +2 -2
- package/dist/lib/expansion-panel-component/expansion-panel-component.d.ts +9 -2
- package/dist/lib/expansion-panel-component/expansion-panel-component.d.ts.map +1 -1
- package/dist/lib/expansion-panel-component/expansion-panel-component.js +152 -38
- package/dist/lib/favorites/favorites.component.js +2 -2
- package/dist/lib/files/files.component.d.ts +2 -2
- package/dist/lib/files/files.component.d.ts.map +1 -1
- package/dist/lib/files/files.component.js +11 -9
- package/dist/lib/generic-browse-list/generic-browse-list.component.js +45 -76
- package/dist/lib/generic-browser-list/generic-browser-list.component.d.ts +36 -4
- package/dist/lib/generic-browser-list/generic-browser-list.component.d.ts.map +1 -1
- package/dist/lib/generic-browser-list/generic-browser-list.component.js +414 -75
- package/dist/lib/header/header.component.js +2 -2
- package/dist/lib/home-component/home.component.js +2 -2
- package/dist/lib/navigation/navigation.component.d.ts +2 -2
- package/dist/lib/navigation/navigation.component.d.ts.map +1 -1
- package/dist/lib/navigation/navigation.component.js +21 -9
- package/dist/lib/query-browser-component/query-browser.component.d.ts +5 -5
- package/dist/lib/query-browser-component/query-browser.component.d.ts.map +1 -1
- package/dist/lib/query-browser-component/query-browser.component.js +22 -38
- package/dist/lib/report-browser-component/report-browser.component.d.ts +7 -6
- package/dist/lib/report-browser-component/report-browser.component.d.ts.map +1 -1
- package/dist/lib/report-browser-component/report-browser.component.js +24 -37
- package/dist/lib/single-application/single-application.component.js +2 -2
- package/dist/lib/single-dashboard/Components/add-item/add-item.component.js +3 -3
- package/dist/lib/single-dashboard/single-dashboard.component.d.ts +4 -1
- package/dist/lib/single-dashboard/single-dashboard.component.d.ts.map +1 -1
- package/dist/lib/single-dashboard/single-dashboard.component.js +31 -20
- package/dist/lib/single-entity/single-entity.component.js +2 -2
- package/dist/lib/single-view/single-view.component.js +3 -3
- package/dist/lib/user-view-properties/view-properties-dialog.component.d.ts.map +1 -1
- package/dist/lib/user-view-properties/view-properties-dialog.component.js +26 -24
- package/dist/module.d.ts +12 -11
- package/dist/module.d.ts.map +1 -1
- package/dist/module.js +4 -0
- package/package.json +10 -10
|
@@ -199,10 +199,10 @@ HeaderComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: HeaderCompo
|
|
|
199
199
|
i0.ɵɵproperty("imageSrc", ctx.userImageURL);
|
|
200
200
|
i0.ɵɵadvance(2);
|
|
201
201
|
i0.ɵɵproperty("data", ctx.menuItems)("value", ctx.selectedMenuItem);
|
|
202
|
-
} }, dependencies: [i5.NgIf, i6.NgControlStatus, i6.NgModel, i7.TextBoxDirective, i8.SVGIconComponent, i9.AvatarComponent, i9.CardMediaDirective, i10.DropDownListComponent], styles: ["@import './../../../../.././MJExplorer/src/styles/_variables.scss';\r\n.header-wrap[_ngcontent-%COMP%] {\r\n flex: auto;\r\n}\r\n\r\n.title[_ngcontent-%COMP%] {\r\n font-size: x-large; \r\n}\r\n.app-logo[_ngcontent-%COMP%] {\r\n width: 297px;\r\n}\r\n.user-info[_ngcontent-%COMP%] {\r\n display: flex;\r\n align-items: center;\r\n gap: 15px;\r\n}\r\n\r\n.user-info[_ngcontent-%COMP%] kendo-dropdownlist[_ngcontent-%COMP%] {\r\n border: none;\r\n background: transparent;\r\n width: auto;\r\n color: #fff;\r\n}\r\n.user-info-wrapper[_ngcontent-%COMP%] {\r\n display: flex;\r\n gap: 40px;\r\n align-items: center;\r\n}\r\n.icon-inbox[_ngcontent-%COMP%] {\r\n position: relative;\r\n}\r\n.icon-inbox[_ngcontent-%COMP%] .k-svg-icon[_ngcontent-%COMP%] {\r\n width: 28px;\r\n height: 28px;\r\n min-width: 28px;\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\n\r\n.user-info-wrapper[_ngcontent-%COMP%] .header[_ngcontent-%COMP%] .k-avatar[_ngcontent-%COMP%] {\r\n padding-left: 25px;\r\n border-left: 2px solid #fff;\r\n}\r\n.search-wrapper[_ngcontent-%COMP%] {\r\n display: flex;\r\n align-items: center;\r\n position: relative;\r\n max-width: 526px;\r\n width: 100%;\r\n height: 44px;\r\n}\r\n .search-wrapper #txtSearch::placeholder, .search-wrapper input::placeholder {\r\n color: #fff;\r\n}\r\n.search-wrapper[_ngcontent-%COMP%] .k-input[_ngcontent-%COMP%]::placeholder {\r\n color: #54585F;\r\n}\r\n.search-wrapper[_ngcontent-%COMP%] .k-input[_ngcontent-%COMP%]{\r\nbackground: var(--light-gray);\r\nborder-radius: 0 10px 10px 0;\r\nwidth: 360px;\r\nheight: 44px;\r\ncolor: var(--text-darked);\r\n}\r\n.search-wrapper[_ngcontent-%COMP%] .k-dropdownlist[_ngcontent-%COMP%] {\r\n width: 170px; \r\n height: 100%;\r\n background: var(--gray-color);\r\n border-radius: 10px 0px 0px 10px;\r\n margin: 0;\r\n font-size: 16px;\r\n font-weight: 600;\r\n line-height: 19px;\r\n letter-spacing: 0em;\r\n text-align: center;\r\n color: var(--text-darked);\r\n}\r\n.search-wrapper[_ngcontent-%COMP%] .k-icon[_ngcontent-%COMP%] {\r\n color: var(--text-darked);\r\n position: absolute;\r\n right: 10px;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n z-index: 9;\r\n cursor: pointer;\r\n margin-right: 2px;\r\n} \r\n.k-input[_ngcontent-%COMP%] {\r\n color: black;\r\n}\r\n\r\n\r\n\n\r\n@media (max-width: 1700px) {\r\n .title[_ngcontent-%COMP%] {\r\n font-size: x-small; \n\r\n }\r\n
|
|
202
|
+
} }, dependencies: [i5.NgIf, i6.NgControlStatus, i6.NgModel, i7.TextBoxDirective, i8.SVGIconComponent, i9.AvatarComponent, i9.CardMediaDirective, i10.DropDownListComponent], styles: ["@import './../../../../.././MJExplorer/src/styles/_variables.scss';\r\n.header-wrap[_ngcontent-%COMP%] {\r\n flex: auto;\r\n}\r\n\r\n.title[_ngcontent-%COMP%] {\r\n font-size: x-large; \r\n}\r\n.app-logo[_ngcontent-%COMP%] {\r\n width: 297px;\r\n}\r\n.user-info[_ngcontent-%COMP%] {\r\n display: flex;\r\n align-items: center;\r\n gap: 15px;\r\n}\r\n\r\n.user-info[_ngcontent-%COMP%] kendo-dropdownlist[_ngcontent-%COMP%] {\r\n border: none;\r\n background: transparent;\r\n width: auto;\r\n color: #fff;\r\n}\r\n.user-info-wrapper[_ngcontent-%COMP%] {\r\n display: flex;\r\n gap: 40px;\r\n align-items: center;\r\n}\r\n.icon-inbox[_ngcontent-%COMP%] {\r\n position: relative;\r\n}\r\n.icon-inbox[_ngcontent-%COMP%] .k-svg-icon[_ngcontent-%COMP%] {\r\n width: 28px;\r\n height: 28px;\r\n min-width: 28px;\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\n\r\n.user-info-wrapper[_ngcontent-%COMP%] .header[_ngcontent-%COMP%] .k-avatar[_ngcontent-%COMP%] {\r\n padding-left: 25px;\r\n border-left: 2px solid #fff;\r\n}\r\n.search-wrapper[_ngcontent-%COMP%] {\r\n display: flex;\r\n align-items: center;\r\n position: relative;\r\n max-width: 526px;\r\n width: 100%;\r\n height: 44px;\r\n}\r\n .search-wrapper #txtSearch::placeholder, .search-wrapper input::placeholder {\r\n color: #fff;\r\n}\r\n.search-wrapper[_ngcontent-%COMP%] .k-input[_ngcontent-%COMP%]::placeholder {\r\n color: #54585F;\r\n}\r\n.search-wrapper[_ngcontent-%COMP%] .k-input[_ngcontent-%COMP%]{\r\nbackground: var(--light-gray);\r\nborder-radius: 0 10px 10px 0;\r\nwidth: 360px;\r\nheight: 44px;\r\ncolor: var(--text-darked);\r\n}\r\n.search-wrapper[_ngcontent-%COMP%] .k-dropdownlist[_ngcontent-%COMP%] {\r\n width: 170px; \r\n height: 100%;\r\n background: var(--gray-color);\r\n border-radius: 10px 0px 0px 10px;\r\n margin: 0;\r\n font-size: 16px;\r\n font-weight: 600;\r\n line-height: 19px;\r\n letter-spacing: 0em;\r\n text-align: center;\r\n color: var(--text-darked);\r\n}\r\n.search-wrapper[_ngcontent-%COMP%] .k-icon[_ngcontent-%COMP%] {\r\n color: var(--text-darked);\r\n position: absolute;\r\n right: 10px;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n z-index: 9;\r\n cursor: pointer;\r\n margin-right: 2px;\r\n} \r\n.k-input[_ngcontent-%COMP%] {\r\n color: black;\r\n}\r\n\r\n\r\n\n\r\n@media (max-width: 1700px) {\r\n .title[_ngcontent-%COMP%] {\r\n font-size: x-small; \n\r\n }\r\n \r\n\r\n\r\n\n\r\n}\r\n@media (max-width: 1200px) {\r\n .title[_ngcontent-%COMP%] {\r\n display: none;\r\n }\r\n .app-logo[_ngcontent-%COMP%] {\r\n display: none\r\n }\r\n\r\n .search-wrapper[_ngcontent-%COMP%] {\r\n width: 350px;\r\n } \r\n .search-entity-list[_ngcontent-%COMP%] {\r\n width: 150px; \r\n }\r\n}"] });
|
|
203
203
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(HeaderComponent, [{
|
|
204
204
|
type: Component,
|
|
205
|
-
args: [{ selector: 'app-header-component', template: "<div class=\"header-wrap\">\r\n <div class=\"header header-bg\">\r\n <div class=\"nav-container\">\r\n <div class=\"menu-button\">\r\n <span class=\"k-icon\" (click)=\"onButtonClick()\"><kendo-svgicon [icon]=\"sharedService.kendoSVGIcon('menu')\" ></kendo-svgicon></span>\r\n </div>\r\n\r\n <div class=\"title\">\r\n <img kendoCardMedia src=\"assets/MJ_logo.svg\" height=\"45px\" class=\"app-logo\" />\r\n <!-- <h1 class=\"k-ml-2.5\">{{appName}}</h1> -->\r\n </div>\r\n\r\n <div class=\"user-info-wrapper\">\r\n <div class=\"search-wrapper\">\r\n <kendo-dropdownlist\r\n [data]=\"searchableEntities\"\r\n textField=\"Name\"\r\n valueField=\"ID\"\r\n class = \"search-entity-list\"\r\n [(ngModel)]=\"selectedEntity\"\r\n >\r\n </kendo-dropdownlist>\r\n <input \r\n type=\"text\"\r\n id=\"txtSearch\"\r\n placeholder=\"Search\"\r\n kendoTextBox\r\n (keydown.enter)=\"onSearch($event)\"\r\n #searchInput\r\n />\r\n <span class=\"k-icon\" (click)=\"onSearch($event)\"><kendo-svgicon [icon]=\"sharedService.kendoSVGIcon('search')\"></kendo-svgicon></span>\r\n </div>\r\n <div class=\"icon-inbox\" (click)=\"showNotifications($event)\">\r\n <span class=\"k-icon\" style=\"cursor: pointer;\"><kendo-svgicon [icon]=\"sharedService.kendoSVGIcon('inbox')\"></kendo-svgicon></span>\r\n <span class=\"notification\" *ngIf=\"UnreadNotificationCount > 0\">{{UnreadNotificationCount}}</span>\r\n </div>\r\n <div class=\"user-info\">\r\n <kendo-avatar class=\"k-m-0\" style=\"margin: 0;\" [imageSrc]=\"userImageURL\" shape=\"circle\"> </kendo-avatar>\r\n <div class=\"example-col\">\r\n <kendo-dropdownlist [data]=\"menuItems\" [value]=\"selectedMenuItem\" (valueChange)=\"valueChange($event)\">\r\n </kendo-dropdownlist>\r\n \r\n </div>\r\n </div>\r\n \r\n\r\n \r\n </div>\r\n </div>\r\n </div>\r\n <!-- <div class=\"nav-breadcrumb\">\r\n <kendo-breadcrumb (itemClick)=\"onBreadCrumbClick($event)\" [items]=\"breadCrumbItems\">\r\n </kendo-breadcrumb>\r\n </div> -->\r\n</div>\r\n", styles: ["@import './../../../../.././MJExplorer/src/styles/_variables.scss';\r\n.header-wrap {\r\n flex: auto;\r\n}\r\n\r\n.title {\r\n font-size: x-large; \r\n}\r\n.app-logo {\r\n width: 297px;\r\n}\r\n.user-info {\r\n display: flex;\r\n align-items: center;\r\n gap: 15px;\r\n}\r\n\r\n.user-info kendo-dropdownlist {\r\n border: none;\r\n background: transparent;\r\n width: auto;\r\n color: #fff;\r\n}\r\n.user-info-wrapper {\r\n display: flex;\r\n gap: 40px;\r\n align-items: center;\r\n}\r\n.icon-inbox {\r\n position: relative;\r\n}\r\n.icon-inbox .k-svg-icon {\r\n width: 28px;\r\n height: 28px;\r\n min-width: 28px;\r\n}\r\n/* .icon-inbox .notification {\r\n position: absolute;\r\n top: -8px;\r\n right: -8px;\r\n width: 16px;\r\n height: 16px;\r\n min-width: 16px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: #ff6358;\r\n border-radius: 50%;\r\n color: #fff;\r\n font-size: 10px;\r\n} */\r\n.user-info-wrapper .header .k-avatar {\r\n padding-left: 25px;\r\n border-left: 2px solid #fff;\r\n}\r\n.search-wrapper {\r\n display: flex;\r\n align-items: center;\r\n position: relative;\r\n max-width: 526px;\r\n width: 100%;\r\n height: 44px;\r\n}\r\n::ng-deep .search-wrapper #txtSearch::placeholder, ::ng-deep .search-wrapper input::placeholder {\r\n color: #fff;\r\n}\r\n.search-wrapper .k-input::placeholder {\r\n color: #54585F;\r\n}\r\n.search-wrapper .k-input{\r\nbackground: var(--light-gray);\r\nborder-radius: 0 10px 10px 0;\r\nwidth: 360px;\r\nheight: 44px;\r\ncolor: var(--text-darked);\r\n}\r\n.search-wrapper .k-dropdownlist {\r\n width: 170px; \r\n height: 100%;\r\n background: var(--gray-color);\r\n border-radius: 10px 0px 0px 10px;\r\n margin: 0;\r\n font-size: 16px;\r\n font-weight: 600;\r\n line-height: 19px;\r\n letter-spacing: 0em;\r\n text-align: center;\r\n color: var(--text-darked);\r\n}\r\n.search-wrapper .k-icon {\r\n color: var(--text-darked);\r\n position: absolute;\r\n right: 10px;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n z-index: 9;\r\n cursor: pointer;\r\n margin-right: 2px;\r\n} \r\n.k-input {\r\n color: black;\r\n}\r\n\r\n\r\n/*RESPONSIVE STUFF HERE */\r\n@media (max-width: 1700px) {\r\n .title {\r\n font-size: x-small; /* or any other size you prefer */\r\n }\r\n .app-logo {\r\n width: 50px;\r\n height: 25px;\r\n }
|
|
205
|
+
args: [{ selector: 'app-header-component', template: "<div class=\"header-wrap\">\r\n <div class=\"header header-bg\">\r\n <div class=\"nav-container\">\r\n <div class=\"menu-button\">\r\n <span class=\"k-icon\" (click)=\"onButtonClick()\"><kendo-svgicon [icon]=\"sharedService.kendoSVGIcon('menu')\" ></kendo-svgicon></span>\r\n </div>\r\n\r\n <div class=\"title\">\r\n <img kendoCardMedia src=\"assets/MJ_logo.svg\" height=\"45px\" class=\"app-logo\" />\r\n <!-- <h1 class=\"k-ml-2.5\">{{appName}}</h1> -->\r\n </div>\r\n\r\n <div class=\"user-info-wrapper\">\r\n <div class=\"search-wrapper\">\r\n <kendo-dropdownlist\r\n [data]=\"searchableEntities\"\r\n textField=\"Name\"\r\n valueField=\"ID\"\r\n class = \"search-entity-list\"\r\n [(ngModel)]=\"selectedEntity\"\r\n >\r\n </kendo-dropdownlist>\r\n <input \r\n type=\"text\"\r\n id=\"txtSearch\"\r\n placeholder=\"Search\"\r\n kendoTextBox\r\n (keydown.enter)=\"onSearch($event)\"\r\n #searchInput\r\n />\r\n <span class=\"k-icon\" (click)=\"onSearch($event)\"><kendo-svgicon [icon]=\"sharedService.kendoSVGIcon('search')\"></kendo-svgicon></span>\r\n </div>\r\n <div class=\"icon-inbox\" (click)=\"showNotifications($event)\">\r\n <span class=\"k-icon\" style=\"cursor: pointer;\"><kendo-svgicon [icon]=\"sharedService.kendoSVGIcon('inbox')\"></kendo-svgicon></span>\r\n <span class=\"notification\" *ngIf=\"UnreadNotificationCount > 0\">{{UnreadNotificationCount}}</span>\r\n </div>\r\n <div class=\"user-info\">\r\n <kendo-avatar class=\"k-m-0\" style=\"margin: 0;\" [imageSrc]=\"userImageURL\" shape=\"circle\"> </kendo-avatar>\r\n <div class=\"example-col\">\r\n <kendo-dropdownlist [data]=\"menuItems\" [value]=\"selectedMenuItem\" (valueChange)=\"valueChange($event)\">\r\n </kendo-dropdownlist>\r\n \r\n </div>\r\n </div>\r\n \r\n\r\n \r\n </div>\r\n </div>\r\n </div>\r\n <!-- <div class=\"nav-breadcrumb\">\r\n <kendo-breadcrumb (itemClick)=\"onBreadCrumbClick($event)\" [items]=\"breadCrumbItems\">\r\n </kendo-breadcrumb>\r\n </div> -->\r\n</div>\r\n", styles: ["@import './../../../../.././MJExplorer/src/styles/_variables.scss';\r\n.header-wrap {\r\n flex: auto;\r\n}\r\n\r\n.title {\r\n font-size: x-large; \r\n}\r\n.app-logo {\r\n width: 297px;\r\n}\r\n.user-info {\r\n display: flex;\r\n align-items: center;\r\n gap: 15px;\r\n}\r\n\r\n.user-info kendo-dropdownlist {\r\n border: none;\r\n background: transparent;\r\n width: auto;\r\n color: #fff;\r\n}\r\n.user-info-wrapper {\r\n display: flex;\r\n gap: 40px;\r\n align-items: center;\r\n}\r\n.icon-inbox {\r\n position: relative;\r\n}\r\n.icon-inbox .k-svg-icon {\r\n width: 28px;\r\n height: 28px;\r\n min-width: 28px;\r\n}\r\n/* .icon-inbox .notification {\r\n position: absolute;\r\n top: -8px;\r\n right: -8px;\r\n width: 16px;\r\n height: 16px;\r\n min-width: 16px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: #ff6358;\r\n border-radius: 50%;\r\n color: #fff;\r\n font-size: 10px;\r\n} */\r\n.user-info-wrapper .header .k-avatar {\r\n padding-left: 25px;\r\n border-left: 2px solid #fff;\r\n}\r\n.search-wrapper {\r\n display: flex;\r\n align-items: center;\r\n position: relative;\r\n max-width: 526px;\r\n width: 100%;\r\n height: 44px;\r\n}\r\n::ng-deep .search-wrapper #txtSearch::placeholder, ::ng-deep .search-wrapper input::placeholder {\r\n color: #fff;\r\n}\r\n.search-wrapper .k-input::placeholder {\r\n color: #54585F;\r\n}\r\n.search-wrapper .k-input{\r\nbackground: var(--light-gray);\r\nborder-radius: 0 10px 10px 0;\r\nwidth: 360px;\r\nheight: 44px;\r\ncolor: var(--text-darked);\r\n}\r\n.search-wrapper .k-dropdownlist {\r\n width: 170px; \r\n height: 100%;\r\n background: var(--gray-color);\r\n border-radius: 10px 0px 0px 10px;\r\n margin: 0;\r\n font-size: 16px;\r\n font-weight: 600;\r\n line-height: 19px;\r\n letter-spacing: 0em;\r\n text-align: center;\r\n color: var(--text-darked);\r\n}\r\n.search-wrapper .k-icon {\r\n color: var(--text-darked);\r\n position: absolute;\r\n right: 10px;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n z-index: 9;\r\n cursor: pointer;\r\n margin-right: 2px;\r\n} \r\n.k-input {\r\n color: black;\r\n}\r\n\r\n\r\n/*RESPONSIVE STUFF HERE */\r\n@media (max-width: 1700px) {\r\n .title {\r\n font-size: x-small; /* or any other size you prefer */\r\n }\r\n /* .app-logo {\r\n width: 50px;\r\n height: 25px;\r\n } */\r\n}\r\n@media (max-width: 1200px) {\r\n .title {\r\n display: none;\r\n }\r\n .app-logo {\r\n display: none\r\n }\r\n\r\n .search-wrapper {\r\n width: 350px;\r\n } \r\n .search-entity-list {\r\n width: 150px; \r\n }\r\n}\r\n"] }]
|
|
206
206
|
}], () => [{ type: i1.MJAuthBase }, { type: i2.SharedService }, { type: i3.MSFTUserImageService }, { type: i4.Router }], { applicationName: [{
|
|
207
207
|
type: Input
|
|
208
208
|
}], applicationInstance: [{
|
|
@@ -69,9 +69,9 @@ HomeComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: HomeComponent
|
|
|
69
69
|
i0.ɵɵproperty("icon", ctx.sharedService.kendoSVGIcon("graph"));
|
|
70
70
|
i0.ɵɵadvance(4);
|
|
71
71
|
i0.ɵɵproperty("icon", ctx.sharedService.kendoSVGIcon("gear"));
|
|
72
|
-
} }, dependencies: [i3.SVGIconComponent, i4.FavoritesComponent], styles: [".home-container[_ngcontent-%COMP%] {\r\n margin: 10px;\r\n}\r\n\r\n.nav-container[_ngcontent-%COMP%] {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 24px;\r\n flex: 1;\r\n}\r\n.nav-item[_ngcontent-%COMP%] {\r\n border: solid 1px lightgray;\r\n border-radius: 5px;\r\n background: #fff;\r\n border-radius: 15px;\r\n width: 100%;;\r\n height: auto;\r\n box-sizing: border-box;\r\n padding: 25px;\r\n text-align: left;\r\n display: flex;\r\n gap: 26px;\r\n vertical-align: middle; \r\n font-size: 20px;\r\n cursor: pointer;\r\n}\r\n.nav-item[_ngcontent-%COMP%] .k-svg-icon[_ngcontent-%COMP%] {\r\n width: 75px;\r\n height: 75px;\r\n color: var(--sky-blue);\r\n}\r\n.nav-item[_ngcontent-%COMP%]:hover {\r\n
|
|
72
|
+
} }, dependencies: [i3.SVGIconComponent, i4.FavoritesComponent], styles: [".home-container[_ngcontent-%COMP%] {\r\n margin: 10px;\r\n}\r\n\r\n.nav-container[_ngcontent-%COMP%] {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 24px;\r\n flex: 1;\r\n}\r\n.nav-item[_ngcontent-%COMP%] {\r\n border: solid 1px lightgray;\r\n border-radius: 5px;\r\n background: #fff;\r\n border-radius: 15px;\r\n width: 100%;;\r\n height: auto;\r\n box-sizing: border-box;\r\n padding: 25px;\r\n text-align: left;\r\n display: flex;\r\n gap: 26px;\r\n vertical-align: middle; \r\n font-size: 20px;\r\n cursor: pointer;\r\n}\r\n.nav-item[_ngcontent-%COMP%] .k-svg-icon[_ngcontent-%COMP%] {\r\n width: 75px;\r\n height: 75px;\r\n color: var(--sky-blue);\r\n}\r\n.nav-item[_ngcontent-%COMP%]:hover {\r\n box-shadow: 0px 0px 20px 0px rgba(60, 73, 99, 0.2);\r\n}\r\n\r\n\r\n.home-favorites[_ngcontent-%COMP%] {\r\n width: 500px;\r\n}", ".main-area[_ngcontent-%COMP%] {\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n width: 100%;\r\n gap: 24px;\r\n padding: 24px 0;\r\n}\r\n.list-view[_ngcontent-%COMP%] {\r\n padding: 16px;\r\n min-width: 300px;\r\n border-radius: 4px;\r\n background: #FAFAFA;\r\n border: none;\r\n}\r\n .list-view .k-listview-header, .list-view .k-listview-footer {\r\n border: none;\r\n}\r\n .list-view .k-listview-content {\r\n border: 1px solid rgba(0, 0, 0, 0.08);\r\n border-radius: 4px;\r\n background: #fff;\r\n padding: 16px;\r\n}\r\n\r\n.header[_ngcontent-%COMP%], .footer[_ngcontent-%COMP%] {\r\n color: #424242;\r\n font-size: 16px;\r\n height: auto;\r\n margin:0;\r\n}\r\n\r\n.header[_ngcontent-%COMP%] {\r\n color: #424242;\r\n margin-bottom: 16px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n}\r\n.header[_ngcontent-%COMP%] .head-tag[_ngcontent-%COMP%] {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: #424242;\r\nfont-size: 16px;\r\nfont-style: normal;\r\nfont-weight: 400;\r\nline-height: 20px;\r\n}\r\n\r\n.header[_ngcontent-%COMP%] .count[_ngcontent-%COMP%] {\r\n width: 24px;\r\n height: 24px;\r\n min-width: 24px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n font-size: 10px;\r\n background: rgba(0, 0, 0, 0.08);\r\n border-radius: 50%;\r\n}\r\n.footer[_ngcontent-%COMP%] {\r\n font-size: 14px;\r\n margin-top: 16px;\r\n}\r\n\r\n.list-item[_ngcontent-%COMP%] {\r\n color: #424242;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 30px;\r\n cursor: pointer;\r\n margin: 4px;\r\n}\r\n.card-container[_ngcontent-%COMP%] {\r\n margin: 0;\r\n padding: 0;\r\n box-shadow: none;\r\n}\r\n.card-header-entity[_ngcontent-%COMP%] {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n padding-bottom: 20px;\r\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\r\n}\r\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] h1[_ngcontent-%COMP%] {\r\n color: #424242;\r\n font-size: 28px;\r\n font-style: normal;\r\n font-weight: 300;\r\n line-height: 28px;\r\n margin-bottom: 15px;\r\n}\r\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] {\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\r\n margin: 0;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: #424242;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n}\r\n\r\n\r\n\r\n\r\n \r\n.view-card[_ngcontent-%COMP%] .view-icon[_ngcontent-%COMP%] {\r\n color: var(--sideNav);\r\n}\r\n.card-wrapper[_ngcontent-%COMP%] {\r\n border: 1px solid rgba(0, 0, 0, 0.08);\r\n border-radius: 6px;\r\n width: 100% !important;\r\n}\r\n.card-wrapper[_ngcontent-%COMP%] .k-card-body[_ngcontent-%COMP%] {\r\n background: #fff;\r\n padding: 12px 20px;\r\n}\r\n.card-wrapper[_ngcontent-%COMP%] .view-card[_ngcontent-%COMP%] {\r\n overflow: auto;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n background: #fafafa;\r\n padding: 4px 15px;\r\n}\r\n.view-card[_ngcontent-%COMP%] .btn-wrapper[_ngcontent-%COMP%] {\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.k-card-body[_ngcontent-%COMP%] .view-card-content[_ngcontent-%COMP%] h5[_ngcontent-%COMP%] {\r\n color: #424242;\r\n font-size: 16px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n margin-bottom: 0;\r\n letter-spacing: 0.18px;\r\n}\r\n.k-card-body[_ngcontent-%COMP%] .view-card-content[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\r\n color: #666;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n height: 48px;\r\n margin-bottom: 0;\r\n}\r\n.card-container[_ngcontent-%COMP%] {\r\n padding: 0;\r\n margin: 0;\r\n box-shadow: none;\r\n}\r\n.card-header-entity[_ngcontent-%COMP%] {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n padding-bottom: 20px;\r\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\r\n}\r\n\r\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] h1[_ngcontent-%COMP%] {\r\n color: #424242;\r\n font-size: 28px;\r\n font-style: normal;\r\n font-weight: 300;\r\n line-height: 28px;\r\n margin-bottom: 15px;\r\n}\r\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] {\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\r\n margin: 0;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: #424242;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n}\r\n.main-area[_ngcontent-%COMP%] .card-list[_ngcontent-%COMP%] {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 20px;\r\n}"] });
|
|
73
73
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(HomeComponent, [{
|
|
74
74
|
type: Component,
|
|
75
|
-
args: [{ selector: 'app-home', template: "<div class=\"home-container\">\n <div class=\"card-header-entity\">\n <div class=\"title-wrap\">\n <h1>Home</h1>\n </div>\n </div>\n <div class=\"main-area\"> \n <div class=\"nav-container\">\n <div class=\"nav-item\" (click)=\"navigate('askskip')\">\n <kendo-svgicon [icon]=\"sharedService.kendoSVGIcon('user')\"></kendo-svgicon>\n <span>Ask Skip</span>\n </div>\n <div class=\"nav-item\" (click)=\"navigate('data')\">\n <kendo-svgicon [icon]=\"sharedService.kendoSVGIcon('table')\"></kendo-svgicon>\n <span>Data</span>\n </div>\n <div class=\"nav-item\" (click)=\"navigate('queries')\">\n <kendo-svgicon [icon]=\"sharedService.kendoSVGIcon('data')\"></kendo-svgicon>\n <span>Queries</span>\n </div>\n <div class=\"nav-item\" (click)=\"navigate('dashboards')\">\n <kendo-svgicon [icon]=\"sharedService.kendoSVGIcon('aggregateFields')\"></kendo-svgicon>\n <span>Dashboards</span>\n </div>\n <div class=\"nav-item\" (click)=\"navigate('reports')\">\n <kendo-svgicon [icon]=\"sharedService.kendoSVGIcon('graph')\"></kendo-svgicon>\n <span>Reports</span>\n </div>\n <div class=\"nav-item\" (click)=\"navigate('settings')\">\n <kendo-svgicon [icon]=\"sharedService.kendoSVGIcon('gear')\"></kendo-svgicon>\n <span>Settings</span>\n </div>\n </div>\n\n <app-favorites class=\"home-favorites\"></app-favorites>\n </div>\n</div>", styles: [".home-container {\r\n margin: 10px;\r\n}\r\n\r\n.nav-container {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 24px;\r\n flex: 1;\r\n}\r\n.nav-item {\r\n border: solid 1px lightgray;\r\n border-radius: 5px;\r\n background: #fff;\r\n border-radius: 15px;\r\n width: 100%;;\r\n height: auto;\r\n box-sizing: border-box;\r\n padding: 25px;\r\n text-align: left;\r\n display: flex;\r\n gap: 26px;\r\n vertical-align: middle; \r\n font-size: 20px;\r\n cursor: pointer;\r\n}\r\n.nav-item .k-svg-icon {\r\n width: 75px;\r\n height: 75px;\r\n color: var(--sky-blue);\r\n}\r\n.nav-item:hover {\r\n
|
|
75
|
+
args: [{ selector: 'app-home', template: "<div class=\"home-container\">\n <div class=\"card-header-entity\">\n <div class=\"title-wrap\">\n <h1>Home</h1>\n </div>\n </div>\n <div class=\"main-area\"> \n <div class=\"nav-container\">\n <div class=\"nav-item\" (click)=\"navigate('askskip')\">\n <kendo-svgicon [icon]=\"sharedService.kendoSVGIcon('user')\"></kendo-svgicon>\n <span>Ask Skip</span>\n </div>\n <div class=\"nav-item\" (click)=\"navigate('data')\">\n <kendo-svgicon [icon]=\"sharedService.kendoSVGIcon('table')\"></kendo-svgicon>\n <span>Data</span>\n </div>\n <div class=\"nav-item\" (click)=\"navigate('queries')\">\n <kendo-svgicon [icon]=\"sharedService.kendoSVGIcon('data')\"></kendo-svgicon>\n <span>Queries</span>\n </div>\n <div class=\"nav-item\" (click)=\"navigate('dashboards')\">\n <kendo-svgicon [icon]=\"sharedService.kendoSVGIcon('aggregateFields')\"></kendo-svgicon>\n <span>Dashboards</span>\n </div>\n <div class=\"nav-item\" (click)=\"navigate('reports')\">\n <kendo-svgicon [icon]=\"sharedService.kendoSVGIcon('graph')\"></kendo-svgicon>\n <span>Reports</span>\n </div>\n <div class=\"nav-item\" (click)=\"navigate('settings')\">\n <kendo-svgicon [icon]=\"sharedService.kendoSVGIcon('gear')\"></kendo-svgicon>\n <span>Settings</span>\n </div>\n </div>\n\n <app-favorites class=\"home-favorites\"></app-favorites>\n </div>\n</div>", styles: [".home-container {\r\n margin: 10px;\r\n}\r\n\r\n.nav-container {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 24px;\r\n flex: 1;\r\n}\r\n.nav-item {\r\n border: solid 1px lightgray;\r\n border-radius: 5px;\r\n background: #fff;\r\n border-radius: 15px;\r\n width: 100%;;\r\n height: auto;\r\n box-sizing: border-box;\r\n padding: 25px;\r\n text-align: left;\r\n display: flex;\r\n gap: 26px;\r\n vertical-align: middle; \r\n font-size: 20px;\r\n cursor: pointer;\r\n}\r\n.nav-item .k-svg-icon {\r\n width: 75px;\r\n height: 75px;\r\n color: var(--sky-blue);\r\n}\r\n.nav-item:hover {\r\n box-shadow: 0px 0px 20px 0px rgba(60, 73, 99, 0.2);\r\n}\r\n\r\n\r\n.home-favorites {\r\n width: 500px;\r\n}", "\r\n.main-area {\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n width: 100%;\r\n gap: 24px;\r\n padding: 24px 0;\r\n}\r\n.list-view {\r\n padding: 16px;\r\n min-width: 300px;\r\n border-radius: 4px;\r\n background: #FAFAFA;\r\n border: none;\r\n}\r\n::ng-deep .list-view .k-listview-header, \r\n::ng-deep .list-view .k-listview-footer {\r\n border: none;\r\n}\r\n::ng-deep .list-view .k-listview-content {\r\n border: 1px solid rgba(0, 0, 0, 0.08);\r\n border-radius: 4px;\r\n background: #fff;\r\n padding: 16px;\r\n}\r\n\r\n.header,\r\n.footer {\r\n color: #424242;\r\n font-size: 16px;\r\n height: auto;\r\n margin:0;\r\n}\r\n\r\n.header {\r\n color: #424242;\r\n margin-bottom: 16px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n}\r\n.header .head-tag {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: #424242;\r\nfont-size: 16px;\r\nfont-style: normal;\r\nfont-weight: 400;\r\nline-height: 20px;\r\n}\r\n\r\n.header .count {\r\n width: 24px;\r\n height: 24px;\r\n min-width: 24px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n font-size: 10px;\r\n background: rgba(0, 0, 0, 0.08);\r\n border-radius: 50%;\r\n}\r\n.footer {\r\n font-size: 14px;\r\n margin-top: 16px;\r\n}\r\n\r\n.list-item {\r\n color: #424242;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 30px;\r\n cursor: pointer;\r\n margin: 4px;\r\n}\r\n.card-container {\r\n margin: 0;\r\n padding: 0;\r\n box-shadow: none;\r\n}\r\n.card-header-entity {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n padding-bottom: 20px;\r\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\r\n}\r\n.card-header-entity .title-wrap h1 {\r\n color: #424242;\r\n font-size: 28px;\r\n font-style: normal;\r\n font-weight: 300;\r\n line-height: 28px;\r\n margin-bottom: 15px;\r\n}\r\n.card-header-entity .title-wrap {\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n.card-header-entity .title-wrap p {\r\n margin: 0;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: #424242;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n}\r\n\r\n\r\n\r\n\r\n \r\n.view-card .view-icon {\r\n color: var(--sideNav);\r\n}\r\n.card-wrapper {\r\n border: 1px solid rgba(0, 0, 0, 0.08);\r\n border-radius: 6px;\r\n width: 100% !important;\r\n}\r\n.card-wrapper .k-card-body {\r\n background: #fff;\r\n padding: 12px 20px;\r\n}\r\n.card-wrapper .view-card {\r\n overflow: auto;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n background: #fafafa;\r\n padding: 4px 15px;\r\n}\r\n.view-card .btn-wrapper {\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.k-card-body .view-card-content h5 {\r\n color: #424242;\r\n font-size: 16px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n margin-bottom: 0;\r\n letter-spacing: 0.18px;\r\n}\r\n.k-card-body .view-card-content p {\r\n color: #666;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n height: 48px;\r\n margin-bottom: 0;\r\n}\r\n.card-container {\r\n padding: 0;\r\n margin: 0;\r\n box-shadow: none;\r\n}\r\n.card-header-entity {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n padding-bottom: 20px;\r\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\r\n}\r\n\r\n.card-header-entity .title-wrap h1 {\r\n color: #424242;\r\n font-size: 28px;\r\n font-style: normal;\r\n font-weight: 300;\r\n line-height: 28px;\r\n margin-bottom: 15px;\r\n}\r\n.card-header-entity .title-wrap {\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n.card-header-entity .title-wrap p {\r\n margin: 0;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: #424242;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n}\r\n.main-area .card-list {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 20px;\r\n}\r\n"] }]
|
|
76
76
|
}], () => [{ type: i1.SharedService }, { type: i2.Router }], null); })();
|
|
77
77
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(HomeComponent, { className: "HomeComponent", filePath: "src\\lib\\home-component\\home.component.ts", lineNumber: 10 }); })();
|
|
@@ -8,7 +8,7 @@ import { SharedService } from '@memberjunction/ng-shared';
|
|
|
8
8
|
import { UserViewEntity, ViewInfo } from '@memberjunction/core-entities';
|
|
9
9
|
import { ResourceData } from '@memberjunction/ng-shared';
|
|
10
10
|
import { Title } from '@angular/platform-browser';
|
|
11
|
-
import {
|
|
11
|
+
import { TreeItem } from '../../generic/Item.types';
|
|
12
12
|
import * as i0 from "@angular/core";
|
|
13
13
|
export interface Tab {
|
|
14
14
|
id?: number;
|
|
@@ -45,7 +45,7 @@ export declare class NavigationComponent implements OnInit, OnDestroy, AfterView
|
|
|
45
45
|
selectedTabIndex: number;
|
|
46
46
|
private workSpace;
|
|
47
47
|
private workSpaceItems;
|
|
48
|
-
|
|
48
|
+
panelItems: TreeItem[];
|
|
49
49
|
showExpansionPanel: boolean;
|
|
50
50
|
private routeSub;
|
|
51
51
|
isMobileScreen: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"navigation.component.d.ts","sourceRoot":"","sources":["../../../src/lib/navigation/navigation.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAa,MAAM,EAAE,SAAS,EAA6B,aAAa,EAAE,SAAS,EAAS,iBAAiB,EAAyC,MAAM,eAAe,CAAC;AAC1M,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,MAAM,EAA2C,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAClG,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,eAAe,EAAE,UAAU,EAAE,aAAa,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC3J,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,UAAU,EAAoC,oBAAoB,
|
|
1
|
+
{"version":3,"file":"navigation.component.d.ts","sourceRoot":"","sources":["../../../src/lib/navigation/navigation.component.ts"],"names":[],"mappings":"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"}
|
|
@@ -14,7 +14,7 @@ import { Metadata, RunView, LogError } from '@memberjunction/core';
|
|
|
14
14
|
import { MJEventType, MJGlobal } from '@memberjunction/global';
|
|
15
15
|
import { EventCodes } from '@memberjunction/ng-shared';
|
|
16
16
|
import { BaseResourceComponent, ResourceData } from '@memberjunction/ng-shared';
|
|
17
|
-
import {
|
|
17
|
+
import { ItemType, TreeItem } from '../../generic/Item.types';
|
|
18
18
|
import * as i0 from "@angular/core";
|
|
19
19
|
import * as i1 from "@angular/router";
|
|
20
20
|
import * as i2 from "@memberjunction/ng-shared";
|
|
@@ -40,7 +40,7 @@ function NavigationComponent_kendo_drawer_container_3_div_3_Template(rf, ctx) {
|
|
|
40
40
|
} if (rf & 2) {
|
|
41
41
|
const ctx_r5 = i0.ɵɵnextContext(2);
|
|
42
42
|
i0.ɵɵadvance();
|
|
43
|
-
i0.ɵɵproperty("items", ctx_r5.
|
|
43
|
+
i0.ɵɵproperty("items", ctx_r5.panelItems);
|
|
44
44
|
} }
|
|
45
45
|
function NavigationComponent_kendo_drawer_container_3_ng_template_8_Template(rf, ctx) { if (rf & 1) {
|
|
46
46
|
const _r11 = i0.ɵɵgetCurrentView();
|
|
@@ -195,7 +195,7 @@ export class NavigationComponent {
|
|
|
195
195
|
this.selectedTabIndex = 0;
|
|
196
196
|
this.workSpace = {};
|
|
197
197
|
this.workSpaceItems = [];
|
|
198
|
-
this.
|
|
198
|
+
this.panelItems = [];
|
|
199
199
|
this.showExpansionPanel = false;
|
|
200
200
|
this.routeSub = null;
|
|
201
201
|
this.isMobileScreen = false;
|
|
@@ -397,6 +397,9 @@ export class NavigationComponent {
|
|
|
397
397
|
this.tabQueryParams['tab_' + this.activeTabIndex] = queryParams;
|
|
398
398
|
}
|
|
399
399
|
}
|
|
400
|
+
if (url.toLowerCase().includes('/app') && this.activeTabIndex > 0) {
|
|
401
|
+
this.setActiveTabToHome();
|
|
402
|
+
}
|
|
400
403
|
});
|
|
401
404
|
}
|
|
402
405
|
selectDrawerItem(index) {
|
|
@@ -880,12 +883,21 @@ export class NavigationComponent {
|
|
|
880
883
|
}
|
|
881
884
|
loadApp() {
|
|
882
885
|
return __awaiter(this, void 0, void 0, function* () {
|
|
883
|
-
//setting the
|
|
884
|
-
//the provider is
|
|
886
|
+
//setting the panelItems here because by this point
|
|
887
|
+
//the provider class is set within the MetaData class
|
|
885
888
|
//and the applications property is populated
|
|
886
889
|
const md = new Metadata();
|
|
887
890
|
const applications = md.Applications;
|
|
888
|
-
this.
|
|
891
|
+
this.panelItems = applications.map((app) => {
|
|
892
|
+
let item = new TreeItem(app, ItemType.Application);
|
|
893
|
+
item.ChildItems = app.ApplicationEntities.map((entity) => {
|
|
894
|
+
let childItem = new TreeItem(entity, ItemType.Entity);
|
|
895
|
+
childItem.Name = entity.Entity;
|
|
896
|
+
childItem.ChildItems.push(new TreeItem({ Name: 'Stub Node' }, ItemType.StubData));
|
|
897
|
+
return childItem;
|
|
898
|
+
});
|
|
899
|
+
return item;
|
|
900
|
+
});
|
|
889
901
|
yield this.LoadDrawer();
|
|
890
902
|
this.setDrawerConfig();
|
|
891
903
|
window.addEventListener('resize', () => {
|
|
@@ -1055,10 +1067,10 @@ NavigationComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Navigat
|
|
|
1055
1067
|
i0.ɵɵproperty("ngIf", !ctx.loading);
|
|
1056
1068
|
i0.ɵɵadvance(2);
|
|
1057
1069
|
i0.ɵɵproperty("ngIf", ctx.contextMenuVisible);
|
|
1058
|
-
} }, dependencies: [i3.NgClass, i3.NgForOf, i3.NgIf, i3.NgStyle, i1.RouterOutlet, i5.LoaderComponent, i6.TabStripComponent, i6.TabStripTabComponent, i6.TabContentDirective, i6.TabTitleDirective, i7.SVGIconComponent, i8.FillContainer, i6.DrawerComponent, i6.DrawerContainerComponent, i6.DrawerContentComponent, i9.SkipButtonComponent, i10.ResourceContainerComponent, i11.ExpansionPanelComponent], styles: [".navigation-wrap[_ngcontent-%COMP%] {\r\n height: calc(100vh - 80px);\r\n width: 100%;\r\n overflow:hidden\r\n}\r\n\r\n.nav-tab-title[_ngcontent-%COMP%] {\r\n margin-left: 10px;\r\n}\r\n\r\n.context-menu[_ngcontent-%COMP%] {\r\n position: fixed;\r\n z-index: 9999;\r\n background-color: #ffffff;\r\n border: 1px solid #ccc;\r\n padding: 3px 3px;\r\n box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);\r\n}\r\n\r\n.context-menu-item[_ngcontent-%COMP%] {\r\n padding: 8px 16px;\r\n cursor: pointer;\r\n}\r\n\r\n.context-menu-item[_ngcontent-%COMP%]:hover {\r\n background-color: #f1f1f1;\r\n}\r\n .navigation-wrap .drawer-container {\r\n background: var(--gray-color);\r\n}\r\n .navigation-wrap .drawer-container .k-content {\r\n padding: 25px;\r\n}\r\n .navigation-wrap .drawer-container .k-tabstrip-items-wrapper {\r\n background: var(--med-gray);\r\n padding-left: 20px;\r\n}\r\n .navigation-wrap .drawer-container .k-tabstrip-items-wrapper .k-item.k-active
|
|
1070
|
+
} }, dependencies: [i3.NgClass, i3.NgForOf, i3.NgIf, i3.NgStyle, i1.RouterOutlet, i5.LoaderComponent, i6.TabStripComponent, i6.TabStripTabComponent, i6.TabContentDirective, i6.TabTitleDirective, i7.SVGIconComponent, i8.FillContainer, i6.DrawerComponent, i6.DrawerContainerComponent, i6.DrawerContentComponent, i9.SkipButtonComponent, i10.ResourceContainerComponent, i11.ExpansionPanelComponent], styles: [".navigation-wrap[_ngcontent-%COMP%] {\r\n height: calc(100vh - 80px);\r\n width: 100%;\r\n overflow:hidden\r\n}\r\n\r\n.nav-tab-title[_ngcontent-%COMP%] {\r\n margin-left: 10px;\r\n}\r\n\r\n.context-menu[_ngcontent-%COMP%] {\r\n position: fixed;\r\n z-index: 9999;\r\n background-color: #ffffff;\r\n border: 1px solid #ccc;\r\n padding: 3px 3px;\r\n box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);\r\n}\r\n\r\n.context-menu-item[_ngcontent-%COMP%] {\r\n padding: 8px 16px;\r\n cursor: pointer;\r\n}\r\n\r\n.context-menu-item[_ngcontent-%COMP%]:hover {\r\n background-color: #f1f1f1;\r\n}\r\n .navigation-wrap .drawer-container {\r\n background: var(--gray-color);\r\n}\r\n .navigation-wrap .drawer-container .k-content {\r\n padding: 25px;\r\n}\r\n .navigation-wrap .drawer-container .k-tabstrip-items-wrapper {\r\n background: var(--med-gray);\r\n padding-left: 20px;\r\n}\r\n .navigation-wrap .drawer-container .k-tabstrip-items-wrapper .k-item.k-active{\r\n border: 1px solid var(--light-gray);\r\n background: var(--light-gray);\r\n border-radius: 8px 8px 0 0;\r\n color: var(--blue-text);\r\n\r\n}\r\n .navigation-wrap .drawer-container .k-tabstrip-items-wrapper .k-item:hover {\r\n color: var(--blue-text);\r\n}\r\n\r\n .navigation-wrap .drawer-container .k-tabstrip-items-wrapper .k-item {\r\n\r\n background: var(--med-gray);\r\n border-radius: 0;\r\n border-right: 1px solid #909090;\r\n}"] });
|
|
1059
1071
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(NavigationComponent, [{
|
|
1060
1072
|
type: Component,
|
|
1061
|
-
args: [{ selector: 'app-navigation', template: "<div class=\"navigation-wrap\" [ngClass]=\"{'waiting': loader}\" #drawerWrapper>\r\n <kendo-loader *ngIf=\"loading\" type=\"converging-spinner\" ></kendo-loader>\r\n <kendo-drawer-container *ngIf=\"!loading\" >\r\n <kendo-drawer\r\n #drawer\r\n [items]=\"drawerItems\"\r\n [mode]=\"mode\"\r\n [mini]=\"mini\"\r\n [animation]=\"false\"\r\n (select)=\"onDrawerSelect($event)\"\r\n [autoCollapse]=\"false\"\r\n />\r\n <div *ngIf=\"showExpansionPanel\">\r\n <expansion-panel-component [items]=\"
|
|
1073
|
+
args: [{ selector: 'app-navigation', template: "<div class=\"navigation-wrap\" [ngClass]=\"{'waiting': loader}\" #drawerWrapper>\r\n <kendo-loader *ngIf=\"loading\" type=\"converging-spinner\" ></kendo-loader>\r\n <kendo-drawer-container *ngIf=\"!loading\" >\r\n <kendo-drawer\r\n #drawer\r\n [items]=\"drawerItems\"\r\n [mode]=\"mode\"\r\n [mini]=\"mini\"\r\n [animation]=\"false\"\r\n (select)=\"onDrawerSelect($event)\"\r\n [autoCollapse]=\"false\"\r\n />\r\n <div *ngIf=\"showExpansionPanel\">\r\n <expansion-panel-component [items]=\"panelItems\" />\r\n </div>\r\n <kendo-drawer-content mjFillContainer>\r\n <kendo-tabstrip mjFillContainer class=\"drawer-container\" [scrollable]=\"true\" [keepTabContent]=\"true\" (tabClose)=\"onClose($event)\" (tabSelect)=\"onTabSelect($event)\" [animate]=\"false\" #tabstrip>\r\n <kendo-tabstrip-tab [selected]=\"activeTabIndex === 0\" [closable]=\"false\">\r\n <ng-template kendoTabTitle>\r\n <kendo-svgicon name=\"home\" [icon]=\"sharedService.kendoSVGIcon('home')\" (contextmenu)=\"onTabContextMenu($event, 0)\"></kendo-svgicon>\r\n <span class=\"nav-tab-title\" (contextmenu)=\"onTabContextMenu($event, 0)\">Home</span>\r\n </ng-template>\r\n <ng-template kendoTabContent class=\"navigation-tab-contents\">\r\n <router-outlet></router-outlet>\r\n </ng-template>\r\n </kendo-tabstrip-tab>\r\n <kendo-tabstrip-tab *ngFor=\"let tab of tabs;let i = index\" [selected]=\"isTabActive(tab.id)\" [closable]=\"true\">\r\n <ng-template kendoTabTitle>\r\n <kendo-svgicon *ngIf=\"tab?.contentLoading\" [icon]=\"sharedService.kendoSVGIcon('clock')\" (contextmenu)=\"onTabContextMenu($event, i)\"></kendo-svgicon>\r\n <kendo-svgicon *ngIf=\"!tab?.contentLoading && tab?.icon\" [icon]=\"sharedService.kendoSVGIcon(tab.icon)\" (contextmenu)=\"onTabContextMenu($event, i)\"></kendo-svgicon>\r\n <span class=\"nav-tab-title\" (contextmenu)=\"onTabContextMenu($event, i)\">{{ tab.labelLoading ? 'Loading...' : tab.label }}</span>\r\n </ng-template>\r\n <ng-template kendoTabContent class=\"navigation-tab-contents\">\r\n <app-resource [Data]=\"tab.data\" [isVisible]=\"tab?.id === getActiveTabId()\"\r\n (ResourceRecordSaved)=\"SaveSingleWorkspaceItem(tab)\"\r\n (ContentLoadingStarted)=\"setTabContentLoadingStatus(tab, true)\"\r\n (ContentLoadingComplete)=\"setTabContentLoadingStatus(tab, false)\"\r\n ></app-resource>\r\n </ng-template>\r\n </kendo-tabstrip-tab>\r\n </kendo-tabstrip>\r\n </kendo-drawer-content>\r\n </kendo-drawer-container>\r\n\r\n \r\n <mj-skip-button\r\n action=\"route\"\r\n ></mj-skip-button>\r\n <!-- Skip Button shows up through the above line of code -->\r\n</div>\r\n\r\n<div class=\"context-menu\" [ngStyle]=\"contextMenuStyle\" *ngIf=\"contextMenuVisible\">\r\n <div class=\"context-menu-item\" (click)=\"handleContextMenuOption(1)\">Close All</div>\r\n <div class=\"context-menu-item\" (click)=\"handleContextMenuOption(2)\">Close Others</div>\r\n <div class=\"context-menu-item\" (click)=\"handleContextMenuOption(3)\">Close Tabs to the Right</div>\r\n </div>\r\n", styles: [".navigation-wrap {\r\n height: calc(100vh - 80px);\r\n width: 100%;\r\n overflow:hidden\r\n}\r\n\r\n.nav-tab-title {\r\n margin-left: 10px;\r\n}\r\n\r\n.context-menu {\r\n position: fixed;\r\n z-index: 9999;\r\n background-color: #ffffff;\r\n border: 1px solid #ccc;\r\n padding: 3px 3px;\r\n box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);\r\n}\r\n\r\n.context-menu-item {\r\n padding: 8px 16px;\r\n cursor: pointer;\r\n}\r\n\r\n.context-menu-item:hover {\r\n background-color: #f1f1f1;\r\n}\r\n::ng-deep .navigation-wrap .drawer-container {\r\n background: var(--gray-color);\r\n}\r\n::ng-deep .navigation-wrap .drawer-container .k-content {\r\n padding: 25px;\r\n}\r\n::ng-deep .navigation-wrap .drawer-container .k-tabstrip-items-wrapper {\r\n background: var(--med-gray);\r\n padding-left: 20px;\r\n}\r\n::ng-deep .navigation-wrap .drawer-container .k-tabstrip-items-wrapper .k-item.k-active{\r\n border: 1px solid var(--light-gray);\r\n background: var(--light-gray);\r\n border-radius: 8px 8px 0 0;\r\n color: var(--blue-text);\r\n\r\n}\r\n::ng-deep .navigation-wrap .drawer-container .k-tabstrip-items-wrapper .k-item:hover {\r\n color: var(--blue-text);\r\n}\r\n\r\n::ng-deep .navigation-wrap .drawer-container .k-tabstrip-items-wrapper .k-item {\r\n\r\n background: var(--med-gray);\r\n border-radius: 0;\r\n border-right: 1px solid #909090;\r\n}"] }]
|
|
1062
1074
|
}], () => [{ type: i1.Router }, { type: i1.ActivatedRoute }, { type: i2.SharedService }, { type: i3.Location }, { type: i0.Renderer2 }, { type: i4.Title }, { type: i0.ChangeDetectorRef }], { applicationName: [{
|
|
1063
1075
|
type: Input
|
|
1064
1076
|
}], isMobileScreen: [{
|
|
@@ -1083,4 +1095,4 @@ NavigationComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Navigat
|
|
|
1083
1095
|
type: HostListener,
|
|
1084
1096
|
args: ['document:click']
|
|
1085
1097
|
}] }); })();
|
|
1086
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(NavigationComponent, { className: "NavigationComponent", filePath: "src\\lib\\navigation\\navigation.component.ts", lineNumber:
|
|
1098
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(NavigationComponent, { className: "NavigationComponent", filePath: "src\\lib\\navigation\\navigation.component.ts", lineNumber: 30 }); })();
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
import { Router } from '@angular/router';
|
|
1
|
+
import { ActivatedRoute, Router } from '@angular/router';
|
|
2
2
|
import { Item } from '../../generic/Item.types';
|
|
3
3
|
import { SharedService } from '@memberjunction/ng-shared';
|
|
4
|
-
import { BaseEvent } from '../../generic/Events.types';
|
|
5
4
|
import { BaseBrowserComponent } from '../base-browser-component/base-browser-component';
|
|
5
|
+
import { BeforeUpdateItemEvent } from '../../generic/Events.types';
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
7
7
|
export declare class QueryBrowserComponent extends BaseBrowserComponent {
|
|
8
8
|
private router;
|
|
9
|
+
private route;
|
|
9
10
|
private sharedService;
|
|
10
|
-
constructor(router: Router, sharedService: SharedService);
|
|
11
|
+
constructor(router: Router, route: ActivatedRoute, sharedService: SharedService);
|
|
11
12
|
ngOnInit(): Promise<void>;
|
|
12
13
|
itemClick(item: Item): void;
|
|
13
|
-
|
|
14
|
-
onEvent(event: BaseEvent): void;
|
|
14
|
+
onBeforeUpdateItemEvent(event: BeforeUpdateItemEvent): void;
|
|
15
15
|
static ɵfac: i0.ɵɵFactoryDeclaration<QueryBrowserComponent, never>;
|
|
16
16
|
static ɵcmp: i0.ɵɵComponentDeclaration<QueryBrowserComponent, "app-query-browser", never, {}, {}, never, never, false, never>;
|
|
17
17
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"query-browser.component.d.ts","sourceRoot":"","sources":["../../../src/lib/query-browser-component/query-browser.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;
|
|
1
|
+
{"version":3,"file":"query-browser.component.d.ts","sourceRoot":"","sources":["../../../src/lib/query-browser-component/query-browser.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,kDAAkD,CAAC;AACxF,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;;AAGnE,qBAKa,qBAAsB,SAAQ,oBAAoB;IAEjD,OAAO,CAAC,MAAM;IAAU,OAAO,CAAC,KAAK;IAAkB,OAAO,CAAC,aAAa;gBAApE,MAAM,EAAE,MAAM,EAAU,KAAK,EAAE,cAAc,EAAU,aAAa,EAAE,aAAa;IAajG,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;IAOxB,SAAS,CAAC,IAAI,EAAE,IAAI;IAWpB,uBAAuB,CAAC,KAAK,EAAE,qBAAqB,GAAG,IAAI;yCAjCvD,qBAAqB;2CAArB,qBAAqB;CAyCjC"}
|
|
@@ -14,10 +14,11 @@ import * as i1 from "@angular/router";
|
|
|
14
14
|
import * as i2 from "@memberjunction/ng-shared";
|
|
15
15
|
import * as i3 from "../generic-browser-list/generic-browser-list.component";
|
|
16
16
|
export class QueryBrowserComponent extends BaseBrowserComponent {
|
|
17
|
-
constructor(router, sharedService) {
|
|
17
|
+
constructor(router, route, sharedService) {
|
|
18
18
|
var _a;
|
|
19
19
|
super();
|
|
20
20
|
this.router = router;
|
|
21
|
+
this.route = route;
|
|
21
22
|
this.sharedService = sharedService;
|
|
22
23
|
this.pageName = "Queries";
|
|
23
24
|
this.routeName = "queries";
|
|
@@ -25,61 +26,44 @@ export class QueryBrowserComponent extends BaseBrowserComponent {
|
|
|
25
26
|
this.itemEntityName = "Queries";
|
|
26
27
|
this.categoryEntityName = "Query Categories";
|
|
27
28
|
const params = (_a = this.router.getCurrentNavigation()) === null || _a === void 0 ? void 0 : _a.extractedUrl.queryParams;
|
|
28
|
-
|
|
29
|
+
super.InitPathAndQueryData(params, this.route);
|
|
29
30
|
}
|
|
30
31
|
ngOnInit() {
|
|
31
32
|
const _super = Object.create(null, {
|
|
32
|
-
|
|
33
|
+
InitForResource: { get: () => super.InitForResource }
|
|
33
34
|
});
|
|
34
35
|
return __awaiter(this, void 0, void 0, function* () {
|
|
35
|
-
|
|
36
|
-
const categoryEntityFilter = "ParentID IS NULL";
|
|
37
|
-
_super.LoadData.call(this, { entityItemFilter: entityFilter, categoryItemFilter: categoryEntityFilter });
|
|
36
|
+
_super.InitForResource.call(this, this.route);
|
|
38
37
|
});
|
|
39
38
|
}
|
|
39
|
+
//this could exist in the BaseBrowserComponent class, but
|
|
40
|
+
//the class would need a reference or dependency on the router
|
|
41
|
+
//which i dont think is needed
|
|
40
42
|
itemClick(item) {
|
|
41
43
|
let dataID = "";
|
|
42
44
|
if (item.Type === "Entity") {
|
|
43
|
-
let
|
|
44
|
-
dataID =
|
|
45
|
+
let query = item.Data;
|
|
46
|
+
dataID = query.ID.toString();
|
|
45
47
|
}
|
|
46
48
|
super.Navigate(item, this.router, dataID);
|
|
47
49
|
}
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
//so just reload all of the data
|
|
54
|
-
this.router.navigate(['reports'], { queryParams: { folderID: pathData.ID } });
|
|
55
|
-
this.selectedFolderID = pathData.ID;
|
|
56
|
-
this.LoadData();
|
|
57
|
-
}
|
|
58
|
-
else if (this.parentFolderID || !this.parentFolderID && this.selectedFolderID) {
|
|
59
|
-
this.router.navigate(['reports'], { queryParams: { folderID: this.parentFolderID } });
|
|
60
|
-
this.selectedFolderID = this.parentFolderID;
|
|
61
|
-
this.parentFolderID = null;
|
|
62
|
-
this.LoadData();
|
|
63
|
-
}
|
|
64
|
-
else {
|
|
65
|
-
//no parent path, so just go home
|
|
66
|
-
this.router.navigate(['']);
|
|
67
|
-
}
|
|
68
|
-
}
|
|
69
|
-
onEvent(event) {
|
|
70
|
-
super.onEvent(event);
|
|
50
|
+
onBeforeUpdateItemEvent(event) {
|
|
51
|
+
event.Cancel = true;
|
|
52
|
+
let item = event.Item;
|
|
53
|
+
let query = item.Data;
|
|
54
|
+
this.router.navigate(['resource', this.routeNameSingular, query.ID], { queryParams: { edit: true } });
|
|
71
55
|
}
|
|
72
56
|
}
|
|
73
|
-
QueryBrowserComponent.ɵfac = function QueryBrowserComponent_Factory(t) { return new (t || QueryBrowserComponent)(i0.ɵɵdirectiveInject(i1.Router), i0.ɵɵdirectiveInject(i2.SharedService)); };
|
|
74
|
-
QueryBrowserComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: QueryBrowserComponent, selectors: [["app-query-browser"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 3, consts: [["title", "Queries", "itemType", "query", "iconName", "data", "addText", "Create Query", "ItemEntityName", "Queries", "CategoryEntityName", "Query Categories", 3, "items", "selectedFolderID", "showLoader", "itemClickEvent", "
|
|
57
|
+
QueryBrowserComponent.ɵfac = function QueryBrowserComponent_Factory(t) { return new (t || QueryBrowserComponent)(i0.ɵɵdirectiveInject(i1.Router), i0.ɵɵdirectiveInject(i1.ActivatedRoute), i0.ɵɵdirectiveInject(i2.SharedService)); };
|
|
58
|
+
QueryBrowserComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: QueryBrowserComponent, selectors: [["app-query-browser"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 3, consts: [["title", "Queries", "itemType", "query", "iconName", "data", "addText", "Create Query", "ItemEntityName", "Queries", "CategoryEntityName", "Query Categories", 3, "items", "selectedFolderID", "showLoader", "itemClickEvent", "AfterAddFolderEvent", "AfterAddItemEvent", "AfterDeleteItemEvent", "AfterDeleteFolderEvent", "viewModeChangeEvent", "BeforeUpdateItemEvent"]], template: function QueryBrowserComponent_Template(rf, ctx) { if (rf & 1) {
|
|
75
59
|
i0.ɵɵelementStart(0, "app-generic-browser-list", 0);
|
|
76
|
-
i0.ɵɵlistener("itemClickEvent", function QueryBrowserComponent_Template_app_generic_browser_list_itemClickEvent_0_listener($event) { return ctx.itemClick($event); })("
|
|
60
|
+
i0.ɵɵlistener("itemClickEvent", function QueryBrowserComponent_Template_app_generic_browser_list_itemClickEvent_0_listener($event) { return ctx.itemClick($event); })("AfterAddFolderEvent", function QueryBrowserComponent_Template_app_generic_browser_list_AfterAddFolderEvent_0_listener($event) { return ctx.onEvent($event); })("AfterAddItemEvent", function QueryBrowserComponent_Template_app_generic_browser_list_AfterAddItemEvent_0_listener($event) { return ctx.onEvent($event); })("AfterDeleteItemEvent", function QueryBrowserComponent_Template_app_generic_browser_list_AfterDeleteItemEvent_0_listener($event) { return ctx.onEvent($event); })("AfterDeleteFolderEvent", function QueryBrowserComponent_Template_app_generic_browser_list_AfterDeleteFolderEvent_0_listener($event) { return ctx.onEvent($event); })("viewModeChangeEvent", function QueryBrowserComponent_Template_app_generic_browser_list_viewModeChangeEvent_0_listener($event) { return ctx.onViewModeChange($event); })("BeforeUpdateItemEvent", function QueryBrowserComponent_Template_app_generic_browser_list_BeforeUpdateItemEvent_0_listener($event) { return ctx.onBeforeUpdateItemEvent($event); });
|
|
77
61
|
i0.ɵɵelementEnd();
|
|
78
62
|
} if (rf & 2) {
|
|
79
63
|
i0.ɵɵproperty("items", ctx.items)("selectedFolderID", ctx.selectedFolderID)("showLoader", ctx.showLoader);
|
|
80
|
-
} }, dependencies: [i3.GenericBrowserListComponent], styles: [".k-card-body[_ngcontent-%COMP%] {\r\n height: 80px;\r\n }", ".main-area[_ngcontent-%COMP%] {\r\n
|
|
64
|
+
} }, dependencies: [i3.GenericBrowserListComponent], styles: [".k-card-body[_ngcontent-%COMP%] {\r\n height: 80px;\r\n }", ".main-area[_ngcontent-%COMP%] {\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n width: 100%;\r\n gap: 24px;\r\n padding: 24px 0;\r\n}\r\n.list-view[_ngcontent-%COMP%] {\r\n padding: 16px;\r\n min-width: 300px;\r\n border-radius: 4px;\r\n background: #FAFAFA;\r\n border: none;\r\n}\r\n .list-view .k-listview-header, .list-view .k-listview-footer {\r\n border: none;\r\n}\r\n .list-view .k-listview-content {\r\n border: 1px solid rgba(0, 0, 0, 0.08);\r\n border-radius: 4px;\r\n background: #fff;\r\n padding: 16px;\r\n}\r\n\r\n.header[_ngcontent-%COMP%], .footer[_ngcontent-%COMP%] {\r\n color: #424242;\r\n font-size: 16px;\r\n height: auto;\r\n margin:0;\r\n}\r\n\r\n.header[_ngcontent-%COMP%] {\r\n color: #424242;\r\n margin-bottom: 16px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n}\r\n.header[_ngcontent-%COMP%] .head-tag[_ngcontent-%COMP%] {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: #424242;\r\nfont-size: 16px;\r\nfont-style: normal;\r\nfont-weight: 400;\r\nline-height: 20px;\r\n}\r\n\r\n.header[_ngcontent-%COMP%] .count[_ngcontent-%COMP%] {\r\n width: 24px;\r\n height: 24px;\r\n min-width: 24px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n font-size: 10px;\r\n background: rgba(0, 0, 0, 0.08);\r\n border-radius: 50%;\r\n}\r\n.footer[_ngcontent-%COMP%] {\r\n font-size: 14px;\r\n margin-top: 16px;\r\n}\r\n\r\n.list-item[_ngcontent-%COMP%] {\r\n color: #424242;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 30px;\r\n cursor: pointer;\r\n margin: 4px;\r\n}\r\n.card-container[_ngcontent-%COMP%] {\r\n margin: 0;\r\n padding: 0;\r\n box-shadow: none;\r\n}\r\n.card-header-entity[_ngcontent-%COMP%] {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n padding-bottom: 20px;\r\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\r\n}\r\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] h1[_ngcontent-%COMP%] {\r\n color: #424242;\r\n font-size: 28px;\r\n font-style: normal;\r\n font-weight: 300;\r\n line-height: 28px;\r\n margin-bottom: 15px;\r\n}\r\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] {\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\r\n margin: 0;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: #424242;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n}\r\n\r\n\r\n\r\n\r\n \r\n.view-card[_ngcontent-%COMP%] .view-icon[_ngcontent-%COMP%] {\r\n color: var(--sideNav);\r\n}\r\n.card-wrapper[_ngcontent-%COMP%] {\r\n border: 1px solid rgba(0, 0, 0, 0.08);\r\n border-radius: 6px;\r\n width: 100% !important;\r\n}\r\n.card-wrapper[_ngcontent-%COMP%] .k-card-body[_ngcontent-%COMP%] {\r\n background: #fff;\r\n padding: 12px 20px;\r\n}\r\n.card-wrapper[_ngcontent-%COMP%] .view-card[_ngcontent-%COMP%] {\r\n overflow: auto;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n background: #fafafa;\r\n padding: 4px 15px;\r\n}\r\n.view-card[_ngcontent-%COMP%] .btn-wrapper[_ngcontent-%COMP%] {\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.k-card-body[_ngcontent-%COMP%] .view-card-content[_ngcontent-%COMP%] h5[_ngcontent-%COMP%] {\r\n color: #424242;\r\n font-size: 16px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n margin-bottom: 0;\r\n letter-spacing: 0.18px;\r\n}\r\n.k-card-body[_ngcontent-%COMP%] .view-card-content[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\r\n color: #666;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n height: 48px;\r\n margin-bottom: 0;\r\n}\r\n.card-container[_ngcontent-%COMP%] {\r\n padding: 0;\r\n margin: 0;\r\n box-shadow: none;\r\n}\r\n.card-header-entity[_ngcontent-%COMP%] {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n padding-bottom: 20px;\r\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\r\n}\r\n\r\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] h1[_ngcontent-%COMP%] {\r\n color: #424242;\r\n font-size: 28px;\r\n font-style: normal;\r\n font-weight: 300;\r\n line-height: 28px;\r\n margin-bottom: 15px;\r\n}\r\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] {\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\r\n margin: 0;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: #424242;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n}\r\n.main-area[_ngcontent-%COMP%] .card-list[_ngcontent-%COMP%] {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 20px;\r\n}"] });
|
|
81
65
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(QueryBrowserComponent, [{
|
|
82
66
|
type: Component,
|
|
83
|
-
args: [{ selector: 'app-query-browser', template: "<app-generic-browser-list \r\ntitle=\"Queries\" \r\nitemType=\"query\"\r\niconName=\"data\" \r\n[items]=\"items\"\r\naddText=\"Create Query\"\r\nItemEntityName=\"Queries\"\r\nCategoryEntityName=\"Query Categories\"\r\n(itemClickEvent)=\"itemClick($event)\"\r\n(
|
|
84
|
-
}], () => [{ type: i1.Router }, { type: i2.SharedService }], null); })();
|
|
85
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(QueryBrowserComponent, { className: "QueryBrowserComponent", filePath: "src\\lib\\query-browser-component\\query-browser.component.ts", lineNumber:
|
|
67
|
+
args: [{ selector: 'app-query-browser', template: "<app-generic-browser-list \r\ntitle=\"Queries\" \r\nitemType=\"query\"\r\niconName=\"data\" \r\n[items]=\"items\"\r\naddText=\"Create Query\"\r\nItemEntityName=\"Queries\"\r\nCategoryEntityName=\"Query Categories\"\r\n(itemClickEvent)=\"itemClick($event)\"\r\n(AfterAddFolderEvent)=\"onEvent($event)\"\r\n(AfterAddItemEvent)=\"onEvent($event)\"\r\n(AfterDeleteItemEvent)=\"onEvent($event)\"\r\n(AfterDeleteFolderEvent)=\"onEvent($event)\"\r\n[selectedFolderID]=\"selectedFolderID\"\r\n[showLoader]=\"showLoader\"\r\n(viewModeChangeEvent)=\"onViewModeChange($event)\"\r\n(BeforeUpdateItemEvent)=\"onBeforeUpdateItemEvent($event)\"\r\n/>", styles: [".k-card-body {\r\n height: 80px;\r\n }", "\r\n.main-area {\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n width: 100%;\r\n gap: 24px;\r\n padding: 24px 0;\r\n}\r\n.list-view {\r\n padding: 16px;\r\n min-width: 300px;\r\n border-radius: 4px;\r\n background: #FAFAFA;\r\n border: none;\r\n}\r\n::ng-deep .list-view .k-listview-header, \r\n::ng-deep .list-view .k-listview-footer {\r\n border: none;\r\n}\r\n::ng-deep .list-view .k-listview-content {\r\n border: 1px solid rgba(0, 0, 0, 0.08);\r\n border-radius: 4px;\r\n background: #fff;\r\n padding: 16px;\r\n}\r\n\r\n.header,\r\n.footer {\r\n color: #424242;\r\n font-size: 16px;\r\n height: auto;\r\n margin:0;\r\n}\r\n\r\n.header {\r\n color: #424242;\r\n margin-bottom: 16px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n}\r\n.header .head-tag {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: #424242;\r\nfont-size: 16px;\r\nfont-style: normal;\r\nfont-weight: 400;\r\nline-height: 20px;\r\n}\r\n\r\n.header .count {\r\n width: 24px;\r\n height: 24px;\r\n min-width: 24px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n font-size: 10px;\r\n background: rgba(0, 0, 0, 0.08);\r\n border-radius: 50%;\r\n}\r\n.footer {\r\n font-size: 14px;\r\n margin-top: 16px;\r\n}\r\n\r\n.list-item {\r\n color: #424242;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 30px;\r\n cursor: pointer;\r\n margin: 4px;\r\n}\r\n.card-container {\r\n margin: 0;\r\n padding: 0;\r\n box-shadow: none;\r\n}\r\n.card-header-entity {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n padding-bottom: 20px;\r\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\r\n}\r\n.card-header-entity .title-wrap h1 {\r\n color: #424242;\r\n font-size: 28px;\r\n font-style: normal;\r\n font-weight: 300;\r\n line-height: 28px;\r\n margin-bottom: 15px;\r\n}\r\n.card-header-entity .title-wrap {\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n.card-header-entity .title-wrap p {\r\n margin: 0;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: #424242;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n}\r\n\r\n\r\n\r\n\r\n \r\n.view-card .view-icon {\r\n color: var(--sideNav);\r\n}\r\n.card-wrapper {\r\n border: 1px solid rgba(0, 0, 0, 0.08);\r\n border-radius: 6px;\r\n width: 100% !important;\r\n}\r\n.card-wrapper .k-card-body {\r\n background: #fff;\r\n padding: 12px 20px;\r\n}\r\n.card-wrapper .view-card {\r\n overflow: auto;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n background: #fafafa;\r\n padding: 4px 15px;\r\n}\r\n.view-card .btn-wrapper {\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.k-card-body .view-card-content h5 {\r\n color: #424242;\r\n font-size: 16px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n margin-bottom: 0;\r\n letter-spacing: 0.18px;\r\n}\r\n.k-card-body .view-card-content p {\r\n color: #666;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n height: 48px;\r\n margin-bottom: 0;\r\n}\r\n.card-container {\r\n padding: 0;\r\n margin: 0;\r\n box-shadow: none;\r\n}\r\n.card-header-entity {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n padding-bottom: 20px;\r\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\r\n}\r\n\r\n.card-header-entity .title-wrap h1 {\r\n color: #424242;\r\n font-size: 28px;\r\n font-style: normal;\r\n font-weight: 300;\r\n line-height: 28px;\r\n margin-bottom: 15px;\r\n}\r\n.card-header-entity .title-wrap {\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n.card-header-entity .title-wrap p {\r\n margin: 0;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: #424242;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n}\r\n.main-area .card-list {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 20px;\r\n}\r\n"] }]
|
|
68
|
+
}], () => [{ type: i1.Router }, { type: i1.ActivatedRoute }, { type: i2.SharedService }], null); })();
|
|
69
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(QueryBrowserComponent, { className: "QueryBrowserComponent", filePath: "src\\lib\\query-browser-component\\query-browser.component.ts", lineNumber: 14 }); })();
|
|
@@ -1,19 +1,20 @@
|
|
|
1
|
-
import { Router } from '@angular/router';
|
|
1
|
+
import { ActivatedRoute, Router } from '@angular/router';
|
|
2
2
|
import { ReportEntity } from '@memberjunction/core-entities';
|
|
3
3
|
import { BaseBrowserComponent } from '../base-browser-component/base-browser-component';
|
|
4
4
|
import { SharedService } from '@memberjunction/ng-shared';
|
|
5
|
-
import {
|
|
5
|
+
import { Item } from '../../generic/Item.types';
|
|
6
|
+
import { BeforeUpdateItemEvent } from '../../generic/Events.types';
|
|
6
7
|
import * as i0 from "@angular/core";
|
|
7
8
|
export declare class ReportBrowserComponent extends BaseBrowserComponent {
|
|
8
9
|
private router;
|
|
10
|
+
private route;
|
|
9
11
|
private sharedService;
|
|
10
12
|
reports: ReportEntity[];
|
|
11
13
|
showLoader: boolean;
|
|
12
|
-
constructor(router: Router, sharedService: SharedService);
|
|
14
|
+
constructor(router: Router, route: ActivatedRoute, sharedService: SharedService);
|
|
13
15
|
ngOnInit(): Promise<void>;
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
onEvent(event: BaseEvent): void;
|
|
16
|
+
itemClick(item: Item): void;
|
|
17
|
+
onBeforeUpdateItemEvent(event: BeforeUpdateItemEvent): void;
|
|
17
18
|
static ɵfac: i0.ɵɵFactoryDeclaration<ReportBrowserComponent, never>;
|
|
18
19
|
static ɵcmp: i0.ɵɵComponentDeclaration<ReportBrowserComponent, "app-report-browser", never, {}, {}, never, never, false, never>;
|
|
19
20
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"report-browser.component.d.ts","sourceRoot":"","sources":["../../../src/lib/report-browser-component/report-browser.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;
|
|
1
|
+
{"version":3,"file":"report-browser.component.d.ts","sourceRoot":"","sources":["../../../src/lib/report-browser-component/report-browser.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAC7D,OAAO,EAAE,oBAAoB,EAAE,MAAM,kDAAkD,CAAC;AACxF,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;AAChD,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;;AAEnE,qBAKa,sBAAuB,SAAQ,oBAAoB;IAIlD,OAAO,CAAC,MAAM;IAAU,OAAO,CAAC,KAAK;IAAkB,OAAO,CAAC,aAAa;IAHjF,OAAO,EAAE,YAAY,EAAE,CAAM;IAC7B,UAAU,EAAE,OAAO,CAAS;gBAEf,MAAM,EAAE,MAAM,EAAU,KAAK,EAAE,cAAc,EAAU,aAAa,EAAE,aAAa;IAajG,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;IAOxB,SAAS,CAAC,IAAI,EAAE,IAAI;IAWpB,uBAAuB,CAAC,KAAK,EAAE,qBAAqB,GAAG,IAAI;yCAnCvD,sBAAsB;2CAAtB,sBAAsB;CA2ClC"}
|