|
|
@ -29,8 +29,10 @@ import { |
|
|
OnChanges, |
|
|
OnChanges, |
|
|
OnDestroy, |
|
|
OnDestroy, |
|
|
OnInit, |
|
|
OnInit, |
|
|
|
|
|
Optional, |
|
|
Renderer2, |
|
|
Renderer2, |
|
|
SimpleChanges, |
|
|
SimpleChanges, |
|
|
|
|
|
Type, |
|
|
ViewChild, |
|
|
ViewChild, |
|
|
ViewContainerRef, |
|
|
ViewContainerRef, |
|
|
ViewEncapsulation |
|
|
ViewEncapsulation |
|
|
@ -89,7 +91,7 @@ import { |
|
|
import { EntityId } from '@shared/models/id/entity-id'; |
|
|
import { EntityId } from '@shared/models/id/entity-id'; |
|
|
import { ActivatedRoute, Router } from '@angular/router'; |
|
|
import { ActivatedRoute, Router } from '@angular/router'; |
|
|
import cssjs from '@core/css/css'; |
|
|
import cssjs from '@core/css/css'; |
|
|
import { ResourcesService } from '@core/services/resources.service'; |
|
|
import { ModulesWithFactories, ResourcesService } from '@core/services/resources.service'; |
|
|
import { catchError, map, switchMap } from 'rxjs/operators'; |
|
|
import { catchError, map, switchMap } from 'rxjs/operators'; |
|
|
import { ActionNotificationShow } from '@core/notification/notification.actions'; |
|
|
import { ActionNotificationShow } from '@core/notification/notification.actions'; |
|
|
import { TimeService } from '@core/services/time.service'; |
|
|
import { TimeService } from '@core/services/time.service'; |
|
|
@ -115,6 +117,8 @@ import { DialogService } from '@core/services/dialog.service'; |
|
|
import { PopoverPlacement } from '@shared/components/popover.models'; |
|
|
import { PopoverPlacement } from '@shared/components/popover.models'; |
|
|
import { TbPopoverService } from '@shared/components/popover.service'; |
|
|
import { TbPopoverService } from '@shared/components/popover.service'; |
|
|
import { DASHBOARD_PAGE_COMPONENT_TOKEN } from '@home/components/tokens'; |
|
|
import { DASHBOARD_PAGE_COMPONENT_TOKEN } from '@home/components/tokens'; |
|
|
|
|
|
import { MODULES_MAP } from '@shared/models/constants'; |
|
|
|
|
|
import { IModulesMap } from '@modules/common/modules-map.models'; |
|
|
|
|
|
|
|
|
@Component({ |
|
|
@Component({ |
|
|
selector: 'tb-widget', |
|
|
selector: 'tb-widget', |
|
|
@ -190,6 +194,7 @@ export class WidgetComponent extends PageComponent implements OnInit, AfterViewI |
|
|
private popoverService: TbPopoverService, |
|
|
private popoverService: TbPopoverService, |
|
|
@Inject(EMBED_DASHBOARD_DIALOG_TOKEN) private embedDashboardDialogComponent: ComponentType<any>, |
|
|
@Inject(EMBED_DASHBOARD_DIALOG_TOKEN) private embedDashboardDialogComponent: ComponentType<any>, |
|
|
@Inject(DASHBOARD_PAGE_COMPONENT_TOKEN) private dashboardPageComponent: ComponentType<any>, |
|
|
@Inject(DASHBOARD_PAGE_COMPONENT_TOKEN) private dashboardPageComponent: ComponentType<any>, |
|
|
|
|
|
@Optional() @Inject(MODULES_MAP) private modulesMap: IModulesMap, |
|
|
private widgetService: WidgetService, |
|
|
private widgetService: WidgetService, |
|
|
private resources: ResourcesService, |
|
|
private resources: ResourcesService, |
|
|
private timeService: TimeService, |
|
|
private timeService: TimeService, |
|
|
@ -1160,8 +1165,8 @@ export class WidgetComponent extends PageComponent implements OnInit, AfterViewI |
|
|
if (isDefined(customHtml) && customHtml.length > 0) { |
|
|
if (isDefined(customHtml) && customHtml.length > 0) { |
|
|
htmlTemplate = customHtml; |
|
|
htmlTemplate = customHtml; |
|
|
} |
|
|
} |
|
|
this.loadCustomActionResources(actionNamespace, customCss, customResources).subscribe( |
|
|
this.loadCustomActionResources(actionNamespace, customCss, customResources, descriptor).subscribe({ |
|
|
() => { |
|
|
next: () => { |
|
|
if (isDefined(customPrettyFunction) && customPrettyFunction.length > 0) { |
|
|
if (isDefined(customPrettyFunction) && customPrettyFunction.length > 0) { |
|
|
try { |
|
|
try { |
|
|
if (!additionalParams) { |
|
|
if (!additionalParams) { |
|
|
@ -1169,16 +1174,17 @@ export class WidgetComponent extends PageComponent implements OnInit, AfterViewI |
|
|
} |
|
|
} |
|
|
const customActionPrettyFunction = new Function('$event', 'widgetContext', 'entityId', |
|
|
const customActionPrettyFunction = new Function('$event', 'widgetContext', 'entityId', |
|
|
'entityName', 'htmlTemplate', 'additionalParams', 'entityLabel', customPrettyFunction); |
|
|
'entityName', 'htmlTemplate', 'additionalParams', 'entityLabel', customPrettyFunction); |
|
|
|
|
|
this.widgetContext.customDialog.setAdditionalModules(descriptor.customModules); |
|
|
customActionPrettyFunction($event, this.widgetContext, entityId, entityName, htmlTemplate, additionalParams, entityLabel); |
|
|
customActionPrettyFunction($event, this.widgetContext, entityId, entityName, htmlTemplate, additionalParams, entityLabel); |
|
|
} catch (e) { |
|
|
} catch (e) { |
|
|
console.error(e); |
|
|
console.error(e); |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
(errorMessages: string[]) => { |
|
|
error: (errorMessages: string[]) => { |
|
|
this.processResourcesLoadErrors(errorMessages); |
|
|
this.processResourcesLoadErrors(errorMessages); |
|
|
} |
|
|
} |
|
|
); |
|
|
}); |
|
|
break; |
|
|
break; |
|
|
case WidgetActionType.mobileAction: |
|
|
case WidgetActionType.mobileAction: |
|
|
const mobileAction = descriptor.mobileAction; |
|
|
const mobileAction = descriptor.mobileAction; |
|
|
@ -1473,33 +1479,69 @@ export class WidgetComponent extends PageComponent implements OnInit, AfterViewI |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
private loadCustomActionResources(actionNamespace: string, customCss: string, customResources: Array<WidgetResource>): Observable<any> { |
|
|
private loadCustomActionResources(actionNamespace: string, customCss: string, customResources: Array<WidgetResource>, actionDescriptor: WidgetActionDescriptor): Observable<any> { |
|
|
|
|
|
const resourceTasks: Observable<string>[] = []; |
|
|
|
|
|
const modulesTasks: Observable<ModulesWithFactories | string>[] = []; |
|
|
|
|
|
|
|
|
if (isDefined(customCss) && customCss.length > 0) { |
|
|
if (isDefined(customCss) && customCss.length > 0) { |
|
|
this.cssParser.cssPreviewNamespace = actionNamespace; |
|
|
this.cssParser.cssPreviewNamespace = actionNamespace; |
|
|
this.cssParser.createStyleElement(actionNamespace, customCss, 'nonamespace'); |
|
|
this.cssParser.createStyleElement(actionNamespace, customCss, 'nonamespace'); |
|
|
} |
|
|
} |
|
|
const resourceTasks: Observable<string>[] = []; |
|
|
|
|
|
if (isDefined(customResources) && customResources.length > 0) { |
|
|
if (isDefined(customResources) && customResources.length > 0) { |
|
|
customResources.forEach((resource) => { |
|
|
customResources.forEach(resource => { |
|
|
resourceTasks.push( |
|
|
if (resource.isModule) { |
|
|
this.resources.loadResource(resource.url).pipe( |
|
|
modulesTasks.push( |
|
|
catchError(e => of(`Failed to load custom action resource: '${resource.url}'`)) |
|
|
this.resources.loadFactories(resource.url, this.modulesMap).pipe( |
|
|
) |
|
|
catchError((e: Error) => of(e?.message ? e.message : `Failed to load custom action resource module: '${resource.url}'`)) |
|
|
); |
|
|
) |
|
|
|
|
|
); |
|
|
|
|
|
} else { |
|
|
|
|
|
resourceTasks.push( |
|
|
|
|
|
this.resources.loadResource(resource.url).pipe( |
|
|
|
|
|
catchError(() => of(`Failed to load custom action resource: '${resource.url}'`)) |
|
|
|
|
|
) |
|
|
|
|
|
); |
|
|
|
|
|
} |
|
|
}); |
|
|
}); |
|
|
return forkJoin(resourceTasks).pipe( |
|
|
|
|
|
switchMap(msgs => { |
|
|
if (modulesTasks.length) { |
|
|
let errors: string[]; |
|
|
const modulesObservable: Observable<string | Type<any>[]> = forkJoin(modulesTasks).pipe( |
|
|
if (msgs && msgs.length) { |
|
|
map(res => { |
|
|
errors = msgs.filter(msg => msg && msg.length > 0); |
|
|
const msg = res.find(r => typeof r === 'string'); |
|
|
|
|
|
if (msg) { |
|
|
|
|
|
return msg as string; |
|
|
|
|
|
} else { |
|
|
|
|
|
const modulesWithFactoriesList = res as ModulesWithFactories[]; |
|
|
|
|
|
const resModulesWithFactories: ModulesWithFactories = { |
|
|
|
|
|
modules: modulesWithFactoriesList.map(mf => mf.modules).flat(), |
|
|
|
|
|
factories: modulesWithFactoriesList.map(mf => mf.factories).flat() |
|
|
|
|
|
}; |
|
|
|
|
|
return resModulesWithFactories.modules; |
|
|
} |
|
|
} |
|
|
if (errors && errors.length) { |
|
|
}) |
|
|
return throwError(errors); |
|
|
); |
|
|
|
|
|
|
|
|
|
|
|
resourceTasks.push(modulesObservable.pipe( |
|
|
|
|
|
map((resolvedModules) => { |
|
|
|
|
|
if (typeof resolvedModules === 'string') { |
|
|
|
|
|
return resolvedModules; |
|
|
} else { |
|
|
} else { |
|
|
return of(null); |
|
|
actionDescriptor.customModules = resolvedModules; |
|
|
|
|
|
return null; |
|
|
} |
|
|
} |
|
|
} |
|
|
}))); |
|
|
)); |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
return forkJoin(resourceTasks).pipe( |
|
|
|
|
|
switchMap(msgs => { |
|
|
|
|
|
const errors = msgs.filter(msg => msg && msg.length > 0); |
|
|
|
|
|
if (errors.length > 0) { |
|
|
|
|
|
return throwError(() => errors); |
|
|
|
|
|
} else { |
|
|
|
|
|
return of(null); |
|
|
|
|
|
}} |
|
|
|
|
|
)); |
|
|
} else { |
|
|
} else { |
|
|
return of(null); |
|
|
return of(null); |
|
|
} |
|
|
} |
|
|
|
Igor Kulikov
3 years ago