@eui/tools 5.0.0-rc.8 → 5.1.1

package/scripts/csdr/cli/skeletons/package/frontend-remote/src/app/module.component.ts

@@ -1,50 +1,84 @@
-import { Component, OnInit, Inject, ViewChild } from '@angular/core';
+import { Component, OnInit, Inject } from '@angular/core';
 import { Location } from '@angular/common';
-import { Router, RouterOutlet } from '@angular/router';
+import { Router } from '@angular/router';
 
-import { CONFIG_TOKEN, I18nService } from '@eui/core';
+import { take, retry } from 'rxjs/operators';
+
+import { CONFIG_TOKEN, I18nService, I18nLoadStatus } from '@eui/core';
+import { appConfig } from '../config/index';
+
+enum ElementStatus {
+    Loading = 'loading',
+    Loaded = 'loaded',
+    Error = 'error',
+}
 
 @Component({
     template: `
-        <ng-container *ngIf="render">
+        <ux-block-content *ngIf="moduleStatus === ElementStatus.Loading" [isBlocked]="true">
+            <div style="height: 100%"></div>
+        </ux-block-content>
+        <ng-container *ngIf="moduleStatus === ElementStatus.Loaded">
             <router-outlet></router-outlet>
         </ng-container>
+        <ng-container *ngIf="moduleStatus === ElementStatus.Error">
+            <div class="error-container">
+                <div>
+                    <h1>Translations for this module failed to load.</h1>
+                    <p>Do you want to try again?</p>
+                    <ux-button (click)="loadTranslations()">{{ 'global.RELOAD' | translate }}</ux-button>
+                </div>
+            </div>
+        </ng-container>
     `,
+    styles: [`
+        .error-container {
+            width: 50vw;
+            height: 50vh;
+            position: absolute;
+            top: 50%;
+            left: 50%;
+            transform: translate(-50%, -50%);
+        }
+
+        .error-container div {
+            text-align: center
+        }
+    `],
 })
 export class ModuleComponent implements OnInit {
-
-    @ViewChild(RouterOutlet) outlet: RouterOutlet;
-    render: boolean;
+    ElementStatus = ElementStatus;
+    moduleStatus: ElementStatus;
 
     constructor(private router: Router,
                 private location: Location,
                 @Inject(CONFIG_TOKEN) public config: any,
                 private i18nService: I18nService) {
-        const i18nFolders = ['elements/@module.full.name@/bundles/assets/i18n-compiled'];
-        this.i18nService.addResources({ i18nFolders }, '@module.full.name@');
-
-        this.i18nService.onReady('@module.full.name@')
-            .subscribe(() => {
-                this.render = true;
-            });
     }
 
     public ngOnInit() {
         this.router.navigateByUrl(this.location.path(true));
+        this.loadTranslations();
+    }
+
+    private loadTranslations() {
+        this.setStatus(ElementStatus.Loading);
+        this.i18nService.lazyLoad({ i18nFolders: appConfig.global.i18nResources })
+            .pipe(take(1), retry(1))
+            .subscribe((loadStatus: I18nLoadStatus) => {
+                if (!loadStatus.success) {
+                    this.setStatus(ElementStatus.Error);
+                    console.error(`[ELEMENT: ${appConfig.global.elementName}] `, loadStatus.error);
+                } else {
+                    this.setStatus(ElementStatus.Loaded);
+                }
+            }, (error) => {
+                this.setStatus(ElementStatus.Error);
+                console.error(`[ELEMENT: ${appConfig.global.elementName}] `, error);
+            });
+    }
 
-        // This avoids this error https://github.com/angular/angular/issues/29303
-        // when following this steps:
-        // - Go to http://localhost:4200/mywp-remote-sample-v7/
-        // - Click on 'Go to mywp-remote-sample-v7b root'
-        // - Go back twice through the browser to http://localhost:4200/mywp-remote-sample-v7/main
-        // - Click on 'Go to child'
-        // Solution from here:
-        // - https://stackoverflow.com/questions/55617772/angular-7-multiple-outlets-error-cannot-activate-an-already-activated-outle
-        // HANDLE WITH CARE, IT MIGHT HAVE UNKNOWN SIDE EFFECTS!
-        /*this.router.events.subscribe(e => {
-            if (e instanceof ActivationStart) {
-                this.outlet.deactivate();
-            }
-        });*/
+    private setStatus(status: ElementStatus) {
+        this.moduleStatus = status;
     }
 }

package/scripts/csdr/cli/skeletons/package/frontend-remote/src/app/module.ts

@@ -14,41 +14,42 @@ import { TranslateModule, TranslateService, TranslateStore } from '@ngx-translat
 // CSDR CORE - Babel defs & core reducers
 import {
     CachePreventionInterceptor,
+    CONFIG_TOKEN,
     CorsSecurityInterceptor,
     CsrfPreventionInterceptor,
     EuLoginSessionTimeoutHandlingInterceptor,
-    OpenidConnectInterceptor,
-    UxService,
-    CONFIG_TOKEN,
-    UxDomService,
-    UserService,
+    HttpService,
     I18nService,
-    StoreService,
+    LocalStorageService,
     LogService,
-    UxBreadcrumbsService,
+    OpenidConnectInterceptor,
     OpenIdConnectService,
-    UxDynamicMessageBoxService,
-    UxDynamicComponentService,
-    UxAppShellService,
-    HttpService,
-    UxDynamicModalService,
-    LocalStorageService,
     StorageService,
+    StoreService,
+    UserService,
+    UxAllModule,
+    UxAppShellService,
+    UxBreadcrumbsService,
+    UxDomService,
+    UxErrorFeedbackService,
+    UxService,
 } from '@eui/core';
-import { PushNotificationsService } from '@csdr/core';
-import { TRACE_LOCAL_SERVICE_NAME, ZipkinHttpInterceptor, ZipkinTraceManager } from '@csdr/zipkin-tracing';
+import { LanguageInterceptor, PushNotificationsService, BreadcrumbsService } from '@csdr/core';
+// TODO[REMOTE-SETUP] uncomment if zipkin is used
+// import { TRACE_LOCAL_SERVICE_NAME, ZipkinHttpInterceptor, ZipkinTraceManager } from '@csdr/zipkin-tracing';
 
 import { TOKEN, reducerProvider, metaReducers } from './reducers/index';
 import { CustomSerializer } from './reducers/custom-route-serializer';
 
 import { environment } from '../environments/environment';
 
-// TODO - implies creation of sub-angular library root package - see task-manager for details
+// TODO[REMOTE-SETUP] - import from wrapped package
 // import { TaskMgrCommonModule } from '@cc/task-manager';
-import { ELEMENT_ROUTER_TOKEN, PushNotificationMapping } from '@csdr/integration/elements';
+import { ELEMENT_ROUTER_TOKEN, PushNotificationMapping, UxServiceMapping } from '@csdr/integration';
 import { RoutingModule } from './routing.module';
 
 import { ModuleComponent } from './module.component';
+import { appConfig } from '../config';
 
 export function openidConnectInterceptorFactory(config) {
     return new OpenidConnectInterceptor();
@@ -62,10 +63,11 @@ export function openidConnectInterceptorFactory(config) {
         StoreRouterConnectingModule.forRoot({ stateKey: 'router', serializer: CustomSerializer }),
         StoreModule.forRoot(TOKEN, { metaReducers }),
         EffectsModule.forRoot([]),
-        StoreDevtoolsModule.instrument({ name: 'TC remote el', maxAge: 150, logOnly: environment.production }),
+        StoreDevtoolsModule.instrument({ name: appConfig.global.storeName, maxAge: 150, logOnly: environment.production }),
         TranslateModule,
 
-        // TODO - implies creation of sub-angular library root package - see task-manager for details
+        UxAllModule,
+         // TODO import from package
         // TaskMgrCommonModule,
         RoutingModule,
     ],
@@ -77,6 +79,12 @@ export function openidConnectInterceptorFactory(config) {
     ],
     providers: [
         reducerProvider,
+        {
+            provide: HTTP_INTERCEPTORS,
+            useClass: LanguageInterceptor,
+            deps: [CONFIG_TOKEN, StorageService],
+            multi: true,
+        },
         {
             provide: HTTP_INTERCEPTORS,
             useClass: CorsSecurityInterceptor,
@@ -103,15 +111,21 @@ export function openidConnectInterceptorFactory(config) {
             deps: [CONFIG_TOKEN],
             multi: true,
         },
+        // TODO[REMOTE-SETUP] uncomment if zipkin is used
+        // {
+        //     provide: HTTP_INTERCEPTORS,
+        //     useClass: ZipkinHttpInterceptor,
+        //     deps: [TRACE_LOCAL_SERVICE_NAME, ZipkinTraceManager],
+        //     multi: true,
+        // },
+        { provide: CONFIG_TOKEN, useFactory: () => window['PROVIDERS']['CONFIG_TOKEN'], deps: [] },
         {
-            provide: HTTP_INTERCEPTORS,
-            useClass: ZipkinHttpInterceptor,
-            deps: [TRACE_LOCAL_SERVICE_NAME, ZipkinTraceManager],
-            multi: true,
+            provide: UxService,
+            useFactory: () => new UxServiceMapping(window['PROVIDERS']['ngZone'], window['PROVIDERS']['UxService']),
+            deps: [],
         },
-        { provide: CONFIG_TOKEN, useFactory: () => window['PROVIDERS']['CONFIG_TOKEN'], deps: [] },
-        { provide: UxService, useFactory: () => window['PROVIDERS']['UxService'], deps: [] },
         { provide: UxDomService, useFactory: () => window['PROVIDERS']['UxDomService'], deps: [] },
+        { provide: UxErrorFeedbackService, useFactory: () => window['PROVIDERS']['UxErrorFeedbackService'], deps: [] },
         { provide: LocalStorageService, useFactory: () => window['PROVIDERS']['LocalStorageService'], deps: [] },
         { provide: StorageService, useFactory: () => window['PROVIDERS']['StorageService'], deps: [] },
         { provide: LogService, useFactory: () => window['PROVIDERS']['LogService'], deps: [] },
@@ -125,25 +139,16 @@ export function openidConnectInterceptorFactory(config) {
         { provide: OpenIdConnectService, useFactory: () => window['PROVIDERS']['OpenIdConnectService'], deps: [] },
         { provide: HttpService, useFactory: () => window['PROVIDERS']['HttpService'], deps: [] },
         { provide: UxAppShellService, useFactory: () => window['PROVIDERS']['UxAppShellService'], deps: [] },
-        {
-            provide: UxDynamicMessageBoxService,
-            useFactory: () => window['PROVIDERS']['UxDynamicMessageBoxService'],
-            deps: [],
-        },
-        { provide: UxDynamicModalService, useFactory: () => window['PROVIDERS']['UxDynamicModalService'], deps: [] },
-        {
-            provide: UxDynamicComponentService,
-            useFactory: () => window['PROVIDERS']['UxDynamicComponentService'],
-            deps: [],
-        },
         {
             provide: PushNotificationsService,
             useFactory: (zone: NgZone) => new PushNotificationMapping(zone, window['PROVIDERS']['PushNotificationsService']),
             deps: [NgZone],
         },
+        { provide: BreadcrumbsService, useFactory: () => window['PROVIDERS']['BreadcrumbsService'], deps: [] },
         { provide: ELEMENT_ROUTER_TOKEN, useFactory: () => window['PROVIDERS']['ELEMENT_ROUTER_TOKEN'], deps: [] },
-        { provide: TRACE_LOCAL_SERVICE_NAME, useFactory: () => window['PROVIDERS']['TRACE_LOCAL_SERVICE_NAME'], deps: [] },
-        { provide: ZipkinTraceManager, useFactory: () => window['PROVIDERS']['ZipkinTraceManager'], deps: [] },
+        // TODO[REMOTE-SETUP] uncomment if zipkin is used
+        // { provide: TRACE_LOCAL_SERVICE_NAME, useFactory: () => window['PROVIDERS']['TRACE_LOCAL_SERVICE_NAME'], deps: [] },
+        // { provide: ZipkinTraceManager, useFactory: () => window['PROVIDERS']['ZipkinTraceManager'], deps: [] },
     ],
 })
 export class AppModule {
@@ -154,7 +159,7 @@ export class AppModule {
     ngDoBootstrap() {
         const elementSampleEui = createCustomElement(ModuleComponent, { injector: this.injector });
         try {
-            customElements.define('@module.full.name@', elementSampleEui);
+            customElements.define(appConfig.global.elementName, elementSampleEui);
         } catch (e) {
             console.log(e);
         }

package/scripts/csdr/cli/skeletons/package/frontend-remote/src/app/routing.module.ts

@@ -1,17 +1,20 @@
 import { NgModule, NgZone, Inject } from '@angular/core';
-import { RouterModule, Routes, Router } from '@angular/router';
+import { RouterModule, Routes, Router, NavigationStart } from '@angular/router';
+import { Subscription } from 'rxjs';
+import { filter, distinctUntilChanged } from 'rxjs/operators';
 
-import { ELEMENT_ROUTER_TOKEN, IRouterService } from '@csdr/integration/elements';
+import { CCRoute, ELEMENT_ROUTER_TOKEN, IRouterService } from '@csdr/integration';
 
-// TODO - get routes from linked root package lib
+// TODO[REMOTE-SETUP] adapt to wrapped package import
 // import { routes } from '@cc/task-manager';
-import { GLOBAL } from '../config/global';
+import { appConfig } from '../config/index';
 import { ModuleComponent } from './module.component';
 
 const prefixedRoutes: Routes = [
     {
-        path: GLOBAL.baseUrl,
-        children: routes, // TODO
+        path: appConfig.global.baseUrl,
+        // TODO[REMOTE-SETUP] adapt to wrapped package import
+        // children: routes,
     },
     { path: '**', component: ModuleComponent },
 ];
@@ -26,15 +29,26 @@ const prefixedRoutes: Routes = [
     ],
 })
 export class RoutingModule {
+    private routes: CCRoute[] = prefixedRoutes.map(route => route as CCRoute);
+
+    private navigationStartSubscription: Subscription;
 
     constructor(private router: Router,
                 private ngZone: NgZone,
                 @Inject(ELEMENT_ROUTER_TOKEN) private routerService: IRouterService) {
 
-        this.routerService.registerSubRouter(GLOBAL.baseUrl, (url: string) => {
+        this.routerService.registerSubRouter(appConfig.global.baseUrl, (url: string) => {
             this.ngZone.run(() => router.navigateByUrl(url));
-        });
+        }, this.routes);
 
-        this.router.events.pipe().subscribe(data => this.routerService.subrouterEvent(GLOBAL.baseUrl, data));
+        this.navigationStartSubscription = this.router
+            .events
+            .pipe(
+                filter(event => event instanceof NavigationStart),
+                distinctUntilChanged((prev, curr) => prev['url'] === curr['url']),
+            )
+            .subscribe(data => {
+                this.routerService.subrouterEvent(appConfig.global.baseUrl, data);
+            });
     }
 }

package/scripts/csdr/cli/skeletons/package/frontend-remote/src/assets/i18n-compiled/en.json

@@ -0,0 +1 @@
+{"core.KEY":"english text","integration.KEY":"english text","cc.bulk.BULK_LIST":"Bulk operations","cc.bulk.FILTER":"Filter","cc.bulk.INITIATED_BY_ME":"Initiated by me","cc.bulk.ITEM_SORTING_BY_START_DATE_ASC":"Start date asc","cc.bulk.ITEM_SORTING_BY_START_DATE_DESC":"Start date desc","cc.bulk.ITEMS_FOUND":"bulk operations found","cc.bulk.LOADED_COMPLETED":"Loading completed","cc.bulk.REFRESH":"Refresh","cc.bulk.REPORT_LIST":"Report list","cc.bulk.SEARCH_RESULT":"Filter results","cc.bulk.SORT_BY":"Sort by:","cc.bulk.TEXT_SEARCH":"Search","cc.bulk.TEXT_SEARCH_PLACEHOLDER":"Search for a bulk operation","cc.bulk.STARTED_ON":"Started on","cc.bulk.BY":"by","cc.bulk.RELATED_TASKS":"Related tasks","cc.bulk.INTERACTIVE_TASKS":"Interactive tasks","cc.bulk-detail.BULK_DETAIL":"Bulk operation detail","cc.bulk-detail.BACK":"Back","cc.bulk-detail.STARTED_ON":"Started on","cc.start-bulk.BULK":"Bulk:start","cc.start-bulk.CANCEL":"Cancel","cc.start-bulk.DESCRIPTION_ERROR":"Mandatory field","cc.start-bulk.DESCRIPTION_LABEL":"Description","cc.start-bulk.DESCRIPTION_TITLE":"Type a description for this bulk process","cc.start-bulk.SAVE":"Start bulk","cc.start-bulk-reassign.BULK":"Bulk:reassign","cc.start-bulk-reassign.CANCEL":"Cancel","cc.start-bulk-reassign.CANDIDATES_ERROR":"Mandatory field","cc.start-bulk-reassign.CANDIDATES_LABEL":"Candidate","cc.start-bulk-reassign.DESCRIPTION_ERROR":"Mandatory field","cc.start-bulk-reassign.DESCRIPTION_LABEL":"Description","cc.start-bulk-reassign.NO_CANDIDATES_AVAILABLE":"No candidates available","cc.start-bulk-reassign.REASSIGN_TITLE":"Reassign","cc.start-bulk-reassign.SAVE":"Start bulk","cc.start-bulk-unclaim.BULK":"Bulk:unclaim","cc.start-bulk-unclaim.CANCEL":"Cancel","cc.start-bulk-unclaim.DESCRIPTION_ERROR":"Mandatory field","cc.start-bulk-unclaim.DESCRIPTION_LABEL":"Description","cc.start-bulk-unclaim.UNCLAIM_TITLE":"Unclaim","cc.start-bulk-unclaim.SAVE":"Start bulk","cc.clock.IS_LOADING":"Loading...","cc.clock.CLOCK_NA":"Clock Not Av.","cc.clock.RETRY":"Retry","cc.clock.HEADER":"Clock","cc.clock.ERROR":"Error","cc.clock.MARKER":"marker","cc.clock.CLOCK_DESC_LABEL":"(elapsed/stopped/remaining)","cc.clock.CLOCK_WITH_NO_DAYS_DESC_LABEL":"This clock has no end date set","cc.clock.CLOCK_WITH_DURATION_TYPE_EMPTY":"There is no duration (blue clock)","cc.clock.HISTORY":"Clock history","cc.clock.DEADLINE":"Deadline","cc.clock.FOR_DAY":"for {{days}} day","cc.clock.FOR_DAYS":"for {{days}} days","cc.clock.DAY_TO_DEADLINE":"{{days}} day to deadline","cc.clock.DAYS_TO_DEADLINE":"{{days}} days to deadline","cc.clock.DAY_OVER_DEADLINE":"{{days}} day over deadline","cc.clock.DAYS_OVER_DEADLINE":"{{days}} days over deadline","cc.clock.START_DATE":"Start date","cc.clock.END_DATE":"End date","cc.clock.MARKER_STATUS":"Status","cc.clock.MARKER_COMMENT":"Comment","cc.clock.MARKER_REASON":"Reason","cc.clock.TARGET_END_DATE":"Target End Date","cc.clock.STATUS.UNKNOWN":"Unknown status","cc.clock.STATUS.RUNNING":"Running","cc.clock.STATUS.PAUSED":"Paused","cc.clock.STATUS.ENDED":"Ended","cc.clock.STATUS.STOPPED":"Stopped","cc.clock.STATUS.SUSPENDED":"Suspended","cc.clock.STATUS.TERMINATED":"Terminated","cc.clock.MARKER_TYPE.SUSPENSION":"Suspension","cc.clock.MARKER_TYPE.END_DATE_TIMER":"End Date","cc.clock.MARKER_TYPE.MILESTONE":"Milestone","cc.clock.MARKER_TYPE.TIMER":"Timer","cc.clock.MARKER_TYPE.UNKNOWN":"Unknown","cc.shared.NO_ACTIONS_FOUND":"No Actions found","cc.shared.CLOSE":"Close","cc.shared.EMPTY":"Empty","cc.shared.MANAGE_FILTERS":"Manage","cc.shared.DELETE":"Delete","cc.shared.DISMISS_ALL":"Dismiss all","cc.shared.FILTER_NAME":"Filter name","cc.shared.FILTER_NAME_ERROR":"A filter with this name already exists","cc.shared.FILTER_NAME_PLACEHOLDER":"Provide unique name","cc.shared.NEW_FILTER":"Save current filter","cc.shared.OVERRIDE_MSG":"Overriding existing filter","cc.shared.SAVE":"Save","cc.shared.SELECT_FILTER":"Select filter","cc.shared.SELECTED_CRITERIA":"Selected criteria","cc.shared.RETRY.RETRY_LABEL":"Retry","cc.shared.SEARCH-ITEM":"Select items","cc.shared.SPINNER.LOADING_LABEL":"Loading...","cc.shared.UNKNOWN_BLOCK.HEADER":"Unknown","taskmgr.TASKS_WITHOUT_CANDIDATES":"Tasks without candidates","taskmgr.FULL_TEXT_SEARCH":"Search","taskmgr.FULL_TEXT_SEARCH_PLACEHOLDER":"Type some text","taskmgr.SEARCH_RESULT":"Filter results","taskmgr.REFRESH_LIST":"Refresh list","taskmgr.BULK_STATUS_WAITING":"The task is waiting for bulk processing","taskmgr.BULK_STATUS_PROCESSING":"The task is currently processing","taskmgr.BULK_STATUS_FAILED":"The bulk processing has failed","taskmgr.TASK_STATE_ACTIVE":"Active","taskmgr.TASK_STATE_ASSIGNED":"Assignee: {{ someone }}","taskmgr.TASK_STATE_COMPLETED":"Completed by {{ someone }} at {{ date }}","taskmgr.URGENT":"Urgent","taskmgr.ACTIONS_NOT_AVAILABLE":"Not Av.","taskmgr.ACTIONS":"Actions","taskmgr.ACTION_REASSIGN":"Reassign","taskmgr.ASSIGN":"Candidate","taskmgr.ASSIGN_TASK":"Assign to","taskmgr.OK":"Ok","taskmgr.ACTION_CLAIM":"Claim","taskmgr.ACTION_UNCLAIM":"Unclaim","taskmgr.ALL":"All","taskmgr.ASSIGNED_BY":"Assigned by","taskmgr.ASSIGNED_TO":"Assigned to","taskmgr.ASSIGNED_TO_CANDIDATES":"{{ value }} candidates...","taskmgr.ASSIGNED_TO_ME":"Me","taskmgr.ASSIGNED_TO_SOMEONE_AND_MANY_MORE":"{{ someone }} and {{ many }} more...","taskmgr.ASSIGNEE":"Assignee","taskmgr.CANDIDATE":"Candidate","taskmgr.CLEAR_SELECTION":"Clear selection","taskmgr.COUNT_TASK_SELECTED":"You have {{ count }} task(s) selected","taskmgr.COUNTERS_UPDATED":"Refresh counters","taskmgr.EMPTY":"Empty","taskmgr.FILTER":"Filter","taskmgr.IS_LOADING":"Loading...","taskmgr.LIST_OF_USERS":"List of users","taskmgr.LOADED_COMPLETED":"Loading completed","taskmgr.ME":"Me","taskmgr.NO_CANDIDATE":"No candidate","taskmgr.ON_BEHALF_OF":"{{ subject }} on behalf of {{ others }}","taskmgr.POPOVER_DEFAULT_TITLE":"Info","taskmgr.REQUIRED":"this field is required","taskmgr.RETRY":"Retry","taskmgr.SNOOZE_CANCEL_BUTTON":"Terminate snooze","taskmgr.SNOOZE_CONFIRM_BUTTON":"Snooze","taskmgr.SNOOZE_DUE_DATE":"Until: ","taskmgr.SNOOZE_DUE_DATE_NOT_IN_THE_FUTURE":"Please choose the date in the future.","taskmgr.SNOOZE_REASON":"Reason: ","taskmgr.SNOOZE_TASK":"Snooze task","taskmgr.SORT_BY":"Sort by:","taskmgr.SUPERVISED_USERS":"Me or any user supervised by me","taskmgr.TASK_CREATE_DATE":"Created on","taskmgr.TASK_DEADLINE":"Deadline","taskmgr.TASK_SORTING_BY_CREATE_DATE_ASC":"Create date asc","taskmgr.TASK_SORTING_BY_CREATE_DATE_DESC":"Create date desc","taskmgr.TASK_STATE":"State","taskmgr.TASK_CENTRE":"Task Centre","taskmgr.TASKS_FOUND":"tasks found","taskmgr.TITLE_TASK_NOT_SNOOZED":"Not snoozed","taskmgr.TITLE_TASK_SNOOZED":"Snoozed","taskmgr.widget.tile.TASKS":"My tasks","taskmgr.SELECT_ALL_LABEL":"Select all {{ count }} listed (out of {{ total }})","taskmgr.widget.taskList.ALL":"All tasks","taskmgr.widget.taskList.CLAIMED_BY_ME":"Claimed by me","taskmgr.widget.taskList.EMPTY":"Empty","taskmgr.widget.taskList.TASKS":"Tasks","taskmgr.widget.taskList.WHERE_I_AM_CANDIDATE":"Assigned to me/team","taxonomy.EMPTY_LABEL":"Empty","taxonomy.FILTER_OPTIONS_LIST_PLACEHOLDER":"Select value","taxonomy.NONE_NODE_SELECTED":"None taxonomy node selected","taxonomy.RESET":"Reset","taxonomy.SEARCH_FILTERS":"Search filters","taxonomy.UX_TREE_COLLAPSE_ALL_LABEL":"Collapse","taxonomy.UX_TREE_EXPAND_ALL_LABEL":"Expand","taxonomy.UX_TREE_FILTER_LABEL":"Select a type"}

package/scripts/csdr/cli/skeletons/package/frontend-remote/src/assets/i18n-compiled/fr.json

@@ -0,0 +1 @@
+{"core.KEY":"texte en français","integration.KEY":"texte en français","cc.bulk.BULK_LIST":"**fr** Bulk operations **fr**","cc.bulk.FILTER":"**fr** Filter **fr**","cc.bulk.INITIATED_BY_ME":"**fr** Initiated by me **fr**","cc.bulk.ITEM_SORTING_BY_START_DATE_ASC":"**fr** Start date asc **fr**","cc.bulk.ITEM_SORTING_BY_START_DATE_DESC":"**fr** Start date desc **fr**","cc.bulk.ITEMS_FOUND":"**fr** bulk operations found **fr**","cc.bulk.LOADED_COMPLETED":"Chargement terminé","cc.bulk.REFRESH":"Rafraîchir","cc.bulk.REPORT_LIST":"**fr** Report list **fr**","cc.bulk.SEARCH_RESULT":"**fr** Filter results **fr**","cc.bulk.SORT_BY":"Trier par : ","cc.bulk.TEXT_SEARCH":"**fr** Search **fr**","cc.bulk.TEXT_SEARCH_PLACEHOLDER":"**fr** Search for a bulk operation **fr**","cc.bulk.STARTED_ON":"**fr** Started on **fr**","cc.bulk.BY":"**fr** by **fr**","cc.bulk.RELATED_TASKS":"**fr**  Related tasks **fr**","cc.bulk.INTERACTIVE_TASKS":"**fr** Interactive tasks **fr**","cc.bulk-detail.BULK_DETAIL":"**fr** Bulk operation detail **fr**","cc.bulk-detail.BACK":"**fr** Back **fr**","cc.bulk-detail.STARTED_ON":"**fr** Started on **fr**","cc.start-bulk.BULK":"Bulk:Démarrer un processus de masse","cc.start-bulk.CANCEL":"Annuler","cc.start-bulk.DESCRIPTION_ERROR":"Champ obligatoire","cc.start-bulk.DESCRIPTION_LABEL":"Description","cc.start-bulk.DESCRIPTION_TITLE":"Entrez une description pour ce processus de masse","cc.start-bulk.SAVE":"Démarrer un processus de masse","cc.start-bulk-reassign.BULK":"Bulk:Réassigner","cc.start-bulk-reassign.CANCEL":"Annuler","cc.start-bulk-reassign.CANDIDATES_ERROR":"Champ obligatoire","cc.start-bulk-reassign.CANDIDATES_LABEL":"Candidat","cc.start-bulk-reassign.DESCRIPTION_ERROR":"Champ obligatoire","cc.start-bulk-reassign.DESCRIPTION_LABEL":"Description","cc.start-bulk-reassign.NO_CANDIDATES_AVAILABLE":"Aucun candidat disponible","cc.start-bulk-reassign.REASSIGN_TITLE":"Réassigner","cc.start-bulk-reassign.SAVE":"Démarrer un processus de masse","cc.start-bulk-unclaim.BULK":"Bulk:Annuler la réclamation","cc.start-bulk-unclaim.CANCEL":"Annuler","cc.start-bulk-unclaim.DESCRIPTION_ERROR":"Champ obligatoire","cc.start-bulk-unclaim.DESCRIPTION_LABEL":"Description","cc.start-bulk-unclaim.UNCLAIM_TITLE":"Annuler la réclamation","cc.start-bulk-unclaim.SAVE":"Démarrer un processus de masse","cc.clock.CLOCK_NA":"Clock indisponible","cc.clock.IS_LOADING":"Chargement...","cc.clock.NA":"Indisponible","cc.clock.RETRY":"Réessayer","cc.clock.HEADER":"**fr** Clock **fr**","cc.clock.ERROR":"**fr** Error **fr**","cc.clock.CLOCK_DESC_LABEL":"**fr** (elapsed/stopped/remaining) **fr**","cc.clock.CLOCK_WITH_NO_DAYS_DESC_LABEL":"**fr** This clock has no end date set **fr**","cc.clock.CLOCK_WITH_DURATION_TYPE_EMPTY":"**fr** There is no duration (blue clock) **fr**","cc.clock.TARGET_END_DATE":"**fr** Target End Date **fr**","cc.clock.DAY_TO_DEADLINE":"**fr** {{days}} day to deadline **fr**","cc.clock.DAYS_TO_DEADLINE":"**fr** {{days}} days to deadline **fr**","cc.clock.DAY_OVER_DEADLINE":"**fr** {{days}} day over deadline **fr**","cc.clock.DAYS_OVER_DEADLINE":"**fr** {{days}} days over deadline **fr**","cc.shared.NO_ACTIONS_FOUND":"Aucune action trouvée","cc.shared.CLOSE":"Fermer","cc.shared.EMPTY":"Vide","cc.shared.MANAGE_FILTERS":"Gérer","cc.shared.DELETE":"Supprimer","cc.shared.DISMISS_ALL":"Annuler les filtres","cc.shared.FILTER_NAME":"Nom du filtre","cc.shared.FILTER_NAME_ERROR":"Un filtre existe déjà sous le même nom","cc.shared.FILTER_NAME_PLACEHOLDER":"Entrez un nom unique","cc.shared.NEW_FILTER":"Sauvegarder le filtre en cours","cc.shared.OVERRIDE_MSG":"Remplacer le filtre existant","cc.shared.SAVE":"Sauvegarder","cc.shared.SELECT_FILTER":"Sélectionner un filtre","cc.shared.SELECTED_CRITERIA":"Critères sélectionnés","cc.shared.RETRY.RETRY_LABEL":"Reessayez","cc.shared.SEARCH-ITEM":"Sélectionner des items","cc.shared.SPINNER.LOADING_LABEL":"Chargement...","cc.shared.UNKNOWN_BLOCK.HEADER":"Inconnu","taskmgr.TASKS_WITHOUT_CANDIDATES":"**fr** Tasks without candidates **fr**","taskmgr.FULL_TEXT_SEARCH":"Rechercher","taskmgr.FULL_TEXT_SEARCH_PLACEHOLDER":"Tapez du texte","taskmgr.SEARCH_RESULT":"Résultats du filtre","taskmgr.REFRESH_LIST":"Rafraîchir","taskmgr.BULK_STATUS_WAITING":"La tâche est en attente d'un traîtement de masse","taskmgr.BULK_STATUS_PROCESSING":"La tâche est en cours de traitement","taskmgr.BULK_STATUS_FAILED":"Erreur lors du traitement de masse","taskmgr.TASK_STATE_ACTIVE":"Active","taskmgr.TASK_STATE_ASSIGNED":"Assigné: {{ someone }}","taskmgr.TASK_STATE_COMPLETED":"Complété par {{ someone }} le {{ date }}","taskmgr.URGENT":"Urgent","taskmgr.ACTIONS_NOT_AVAILABLE":"Indisponible","taskmgr.ACTIONS":"Actions","taskmgr.ACTION_REASSIGN":"Réassigner","taskmgr.ASSIGN":"Candidat","taskmgr.ASSIGN_TASK":"Assigner à","taskmgr.OK":"Ok","taskmgr.ACTION_CLAIM":"Réclamer","taskmgr.ACTION_UNCLAIM":"Déclamer","taskmgr.ALL":"Tout","taskmgr.ASSIGNED_BY":"Assignée par","taskmgr.ASSIGNED_TO":"Assignée à","taskmgr.ASSIGNED_TO_CANDIDATES":"{{ value }} candidats...","taskmgr.ASSIGNED_TO_ME":"Moi","taskmgr.ASSIGNED_TO_SOMEONE_AND_MANY_MORE":"{{ someone }} et {{ many }} plus...","taskmgr.ASSIGNEE":"Réclamée par","taskmgr.CANDIDATE":"Candidat","taskmgr.CLEAR_SELECTION":"Effacer la sélection","taskmgr.COUNT_TASK_SELECTED":"Vous avez sélectionné {{ count }} tâche(s)","taskmgr.COUNTERS_UPDATED":"Rafraîchir les compteurs","taskmgr.EMPTY":"Vide","taskmgr.FILTER":"Filtrer","taskmgr.IS_LOADING":"Chargement...","taskmgr.LIST_OF_USERS":"Liste des utilisateurs","taskmgr.LOADED_COMPLETED":"Chargement terminé","taskmgr.ME":"Moi","taskmgr.NO_CANDIDATE":"Pas de candidat","taskmgr.ON_BEHALF_OF":"{{ subject }} au nom de {{ others }}","taskmgr.POPOVER_DEFAULT_TITLE":"Information","taskmgr.REQUIRED":"Ce champ est obligatoire","taskmgr.RETRY":"Réessayer","taskmgr.SNOOZE_CANCEL_BUTTON":"Annuler le report","taskmgr.SNOOZE_CONFIRM_BUTTON":"Reporter","taskmgr.SNOOZE_DUE_DATE":"Jusqu'à : ","taskmgr.SNOOZE_DUE_DATE_NOT_IN_THE_FUTURE":"S'il vous plait choisissez une date à venir.","taskmgr.SNOOZE_REASON":"Raison : ","taskmgr.SNOOZE_TASK":"Reporter une tâche","taskmgr.SORT_BY":"Trier par : ","taskmgr.SUPERVISED_USERS":"Moi or any user supervised by moi","taskmgr.TASK_CREATE_DATE":"Date de création","taskmgr.TASK_DEADLINE":"Date limite","taskmgr.TASK_SORTING_BY_CREATE_DATE_ASC":"Date de création asc.","taskmgr.TASK_SORTING_BY_CREATE_DATE_DESC":"Date de création desc.","taskmgr.TASK_STATE":"Etat","taskmgr.TASK_CENTRE":"Task Centre","taskmgr.TASKS_FOUND":"Tâches trouvées","taskmgr.TITLE_TASK_NOT_SNOOZED":"Non répetée","taskmgr.TITLE_TASK_SNOOZED":"Répetée","taskmgr.widget.tile.TASKS":"Mes tâches","taskmgr.SELECT_ALL_LABEL":"Sélectionnez tous les {{ count }} répertoriés (sur {{ total }})","taskmgr.widget.taskList.ALL":"Tous les tâches","taskmgr.widget.taskList.CLAIMED_BY_ME":"Mes tâches","taskmgr.widget.taskList.EMPTY":"Vide","taskmgr.widget.taskList.TASKS":"Tâches","taskmgr.widget.taskList.WHERE_I_AM_CANDIDATE":"Assignées à moi/groupe","taxonomy.EMPTY_LABEL":"Vide","taxonomy.FILTER_OPTIONS_LIST_PLACEHOLDER":"Sélectionnez une valeur","taxonomy.NONE_NODE_SELECTED":"Aucun noeud sélectionné","taxonomy.RESET":"Réinitialiser","taxonomy.SEARCH_FILTERS":"Filtres de recherche","taxonomy.UX_TREE_COLLAPSE_ALL_LABEL":"Masquer","taxonomy.UX_TREE_EXPAND_ALL_LABEL":"Afficher","taxonomy.UX_TREE_FILTER_LABEL":"Sélectionner un type"}

package/scripts/csdr/cli/skeletons/package/frontend-remote/src/config/global.ts

@@ -1,7 +1,8 @@
 export const GLOBAL = {
-    appTitle: 'My Workplace',
-    baseUrl: 'remote-el-url',
-    languages: ['en', 'fr'],
-    defaultLanguage: 'en',
-    i18nFolder: 'i18n',
+    /* URL that needs to be used in the appRouting of the MWP */
+    baseUrl: '@module.name@',
+    /* Element tag name that needs to be unique - make sure it doesn't collide with any other MWP element */
+    elementName: '@module.scope-name@-v7',
+    /* in case you are using NgRx give it a unique name (mostly for debugging) */
+    storeName: '@module.scope-name@'
 };

package/scripts/csdr/cli/skeletons/package/frontend-remote/src/index.html

@@ -5,6 +5,6 @@
   <base href="/">
 </head>
 <body>
-  <remote-el></remote-el>
+  dummy index.html
 </body>
 </html>

package/scripts/csdr/cli/skeletons/package/frontend-remote/tsconfig.app.json

@@ -4,7 +4,9 @@
     "outDir": "./out-tsc/app",
     "module": "es2015",
     "target": "es2015",
-    "types": [],
+    "types": [
+        "node"
+    ],
     "paths": {
         "os": ["./node_modules/empty-module/index.js"],
         "node-fetch": ["./node_modules/empty-module/index.js"],

package/scripts/csdr/cli/skeletons/package/frontend-remote-eui10/angular.json

@@ -0,0 +1,90 @@
+{
+  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
+  "version": 1,
+  "newProjectRoot": "apps",
+  "projects": {
+    "@module.full.name@": {
+      "root": ".",
+      "sourceRoot": "src",
+      "projectType": "application",
+      "prefix": "app",
+      "schematics": {},
+      "architect": {
+        "build": {
+          "builder": "ngx-build-plus:build",
+          "options": {
+              "deployUrl": "/mwp/assets/elements/@module.full.name@/bundles/",
+            "outputPath": "dist",
+            "index": "src/index.html",
+            "main": "src/main.ts",
+            "polyfills": "src/polyfills.ts",
+            "tsConfig": "tsconfig.app.json",
+            "scripts": [
+              "./node_modules/@webcomponents/custom-elements/src/native-shim.js"
+            ],
+            "assets": [
+              "src/assets"
+            ],
+              "styles": [
+                  "./node_modules/@eui/styles/dist/styles/eui-primeng.css",
+                  "./node_modules/@eui/styles/dist/styles/eui.css",
+                  "./node_modules/@eui/styles/dist/styles/eui-next.css",
+                  "./node_modules/@eui/styles/dist/styles/eui-components.css",
+                  "./node_modules/prismjs/plugins/line-numbers/prism-line-numbers.css",
+                  "./node_modules/@eui/styles/dist/assets/fonts/font-awesome/font-awesome.min.css",
+                  "./node_modules/@eui/styles/dist/assets/fonts/flag-icons/css/flag-icon.min.css"
+              ]
+          },
+          "configurations": {
+            "production": {
+              "fileReplacements": [
+                {
+                  "replace": "src/environments/environment.ts",
+                  "with": "src/environments/environment.prod.ts"
+                }
+              ],
+              "optimization": true,
+              "outputHashing": "all",
+              "sourceMap": false,
+              "extractCss": true,
+              "namedChunks": false,
+              "aot": true,
+              "extractLicenses": true,
+              "vendorChunk": false,
+              "buildOptimizer": true
+            },
+            "serve-dist": {
+              "outputPath": "serve-dist",
+              "wath": true
+            }
+          }
+        },
+        "serve": {
+          "builder": "./node_modules/@angular-devkit/build-angular:dev-server",
+          "options": {
+              "deployUrl": "/assets/elements/@module.full.name@/bundles/",
+              "browserTarget": "@module.full.name@:build:serve-dist"
+          },
+          "configurations": {
+            "production": {
+              "browserTarget": "@module.full.name@:build:production"
+            }
+          }
+        },
+        "test": {
+          "builder": "./node_modules/@angular-devkit/build-angular:karma",
+          "options": {
+            "main": "src/test.ts",
+            "polyfills": "src/polyfills.ts",
+            "tsConfig": "tsconfig.spec.json",
+            "karmaConfig": "karma.conf.js",
+            "scripts": []
+          }
+        }
+      }
+    }
+  },
+  "cli": {
+    "analytics": false
+  }
+}

package/scripts/csdr/cli/skeletons/package/frontend-remote-eui10/browserslist

@@ -0,0 +1,10 @@
+# This file is currently used by autoprefixer to adjust CSS to support the below specified browsers
+# For additional information regarding the format and rule options, please see:
+# https://github.com/browserslist/browserslist#queries
+# For IE 9-11 support, please uncomment the last line of the file and adjust as needed
+> 0.5%
+last 2 versions
+Firefox ESR
+not dead
+IE 9-11
+

package/scripts/csdr/cli/skeletons/package/frontend-remote-eui10/dependencies-base.json

@@ -0,0 +1,2 @@
+{
+}

package/scripts/csdr/cli/skeletons/package/frontend-remote-eui10/dependencies-composite.json

@@ -0,0 +1,6 @@
+{
+    "@eui/deps-base": "^10.0.0",
+
+    "@csdr/core": "^2.0.0",
+    "@csdr/integration": "^2.0.0"
+}

package/scripts/csdr/cli/skeletons/package/frontend-remote-eui10/gitignore_TO_REPLACE

@@ -0,0 +1,64 @@
+# See http://help.github.com/ignore-files/ for more about ignoring files.
+
+# compiled output
+**/node_modules
+**/target
+**/build
+**/dist
+**/out-tsc
+**/tmp
+**/tests/reports
+**/coverage
+/src/assets/i18n-compiled/*
+
+# IDEs and editors
+/.idea
+.project
+.classpath
+.c9/
+*.launch
+.settings/
+*.sublime-workspace
+
+# IDE - VSCode
+.vscode/*
+!.vscode/settings.json
+!.vscode/tasks.json
+!.vscode/launch.json
+!.vscode/extensions.json
+
+# misc
+/.sass-cache
+/connect.lock
+/coverage
+/libpeerconnection.log
+npm-debug.log
+testem.log
+/typings
+yarn-error.log
+yarn.lock
+
+# e2e
+/e2e/*.js
+/e2e/*.map
+
+# System Files
+.DS_Store
+Thumbs.db
+
+# Sub repositories
+/apps
+/packages
+
+# temp exclude
+package-lock.json
+
+/.env
+/.meta
+/.euirc.json
+/tsconfig.json
+/tsconfig.build.json
+/.ci-settings.xml
+**/_trash
+
+**/test/reports/

package/scripts/csdr/cli/skeletons/package/frontend-remote-eui10/karma.conf.js

@@ -0,0 +1,7 @@
+const karmaConfig = require('@eui/tools/karma/karma.conf');
+
+module.exports = function (config) {
+    config.set(
+        karmaConfig.get(config)
+    );
+}

package/scripts/csdr/cli/skeletons/package/frontend-remote-eui10/package.json_TO_REPLACE

@@ -0,0 +1,8 @@
+{
+    "name": "@module.scope@/@module.name@-eui10-remote-el",
+    "version": "1.0.0",
+    "files": [
+        "bundles"
+    ],
+    "dependencies": {}
+}

package/scripts/csdr/cli/skeletons/package/frontend-remote-eui10/src/app/dummy.scss

@@ -0,0 +1,3 @@
+.example {
+    padding: 10px;
+}

package/scripts/csdr/cli/skeletons/package/frontend-remote-eui10/src/app/fallback.component.ts

@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+    template: `
+        <eui-block-content [isBlocked]="true">
+            <div style="height: 100%"></div>
+        </eui-block-content>
+    `,
+})
+export class FallbackComponent{
+}