@eui/cli 15.4.1 → 15.4.2

package/lib/skeletons/_angular/base-mobile/src/app/core/core.module.ts

@@ -1,89 +1,89 @@
-import { NgModule } from '@angular/core';
-import { TranslateModule } from '@ngx-translate/core';
-import { StoreModule } from '@ngrx/store';
-import { EffectsModule } from '@ngrx/effects';
-import { StoreDevtoolsModule } from '@ngrx/store-devtools';
-
-import { HTTP_INTERCEPTORS, HttpClientModule } from '@angular/common/http';
-
-import { IonicModule } from '@ionic/angular';
-
-import {
-    CachePreventionInterceptor,
-    CorsSecurityInterceptor,
-    CsrfPreventionInterceptor,
-    EuLoginSessionTimeoutHandlingInterceptor,
-    CoreModule as EuiCoreModule,
-    translateConfig,
-    CoreModuleEffects,
-    EUI_CONFIG_TOKEN,
-} from '@eui/core';
-
-import { appConfig } from '../../config/index';
-import { environment } from '../../environments/environment';
-
-import { REDUCER_TOKEN, getReducers, metaReducers } from './reducers/index';
-
-import { SharedModule } from '@shared/shared.module';
-
-@NgModule({
-    imports: [
-        HttpClientModule,
-        SharedModule,
-        EuiCoreModule.forRoot(),
-        EffectsModule.forRoot([...CoreModuleEffects]),
-        TranslateModule.forRoot(translateConfig),
-        StoreModule.forRoot(REDUCER_TOKEN, { metaReducers }),
-        !environment.production ? StoreDevtoolsModule.instrument({ maxAge: 50 }) : [],
-        IonicModule.forRoot({mode: 'md'}),
-    ],
-    declarations: [
-    ],
-    exports: [
-        SharedModule,
-    ],
-    providers: [
-        {
-            provide: REDUCER_TOKEN,
-            deps: [],
-            useFactory: getReducers,
-        },
-        {
-            provide: EUI_CONFIG_TOKEN,
-            useValue: { appConfig: appConfig, environment: environment }
-        },
-        {
-            // Sets the withCredentials on Ajax Request to send the JSESSIONID cookie to another domain.
-            // This is necessary when a request is being made to another domain that is protected by EU Login.
-            provide: HTTP_INTERCEPTORS,
-            useClass: CorsSecurityInterceptor,
-            multi: true,
-        },
-        {
-            // WARNING: in case of OpenID this is not needed since OpenID is stateless therefore no revalidation needed.
-            // When the authentication session is invalid, we need to re-authenticate. The browser refreshes the current URL,
-            // and lets the EU Login client redirect to the official EU Login page.
-            provide: HTTP_INTERCEPTORS,
-            useClass: EuLoginSessionTimeoutHandlingInterceptor,
-            multi: true,
-        },
-        {
-            // Adds HTTP header to each Ajax request that ensures the request is set by a piece of JavaScript code in the application.
-            // This prevents dynamically-loaded content from forging a request in the name of the currently logged-in user.
-            // Be aware that this assumes that cross-site scripting (XSS) is already put in place, (default setting in Angular).
-            provide: HTTP_INTERCEPTORS,
-            useClass: CsrfPreventionInterceptor,
-            multi: true,
-        },
-        {
-            // Asks the intermediate proxies not to return a cache copy of the resource.
-            // In matter of fact forces each server in the chain to validate the freshness of the resource.
-            provide: HTTP_INTERCEPTORS,
-            useClass: CachePreventionInterceptor,
-            multi: true,
-        },
-    ]
-})
-export class CoreModule {
-
-}
+import { NgModule } from '@angular/core';
+import { TranslateModule } from '@ngx-translate/core';
+import { StoreModule } from '@ngrx/store';
+import { EffectsModule } from '@ngrx/effects';
+import { StoreDevtoolsModule } from '@ngrx/store-devtools';
+
+import { HTTP_INTERCEPTORS, HttpClientModule } from '@angular/common/http';
+
+import { IonicModule } from '@ionic/angular';
+
+import {
+    CachePreventionInterceptor,
+    CorsSecurityInterceptor,
+    CsrfPreventionInterceptor,
+    EuLoginSessionTimeoutHandlingInterceptor,
+    CoreModule as EuiCoreModule,
+    translateConfig,
+    CoreModuleEffects,
+    EUI_CONFIG_TOKEN,
+} from '@eui/core';
+
+import { appConfig } from '../../config/index';
+import { environment } from '../../environments/environment';
+
+import { REDUCER_TOKEN, getReducers, metaReducers } from './reducers/index';
+
+import { SharedModule } from '@shared/shared.module';
+
+@NgModule({
+    imports: [
+        HttpClientModule,
+        SharedModule,
+        EuiCoreModule.forRoot(),
+        EffectsModule.forRoot([...CoreModuleEffects]),
+        TranslateModule.forRoot(translateConfig),
+        StoreModule.forRoot(REDUCER_TOKEN, { metaReducers }),
+        !environment.production ? StoreDevtoolsModule.instrument({ maxAge: 50 }) : [],
+        IonicModule.forRoot({mode: 'md'}),
+    ],
+    declarations: [
+    ],
+    exports: [
+        SharedModule,
+    ],
+    providers: [
+        {
+            provide: REDUCER_TOKEN,
+            deps: [],
+            useFactory: getReducers,
+        },
+        {
+            provide: EUI_CONFIG_TOKEN,
+            useValue: { appConfig: appConfig, environment: environment }
+        },
+        {
+            // Sets the withCredentials on Ajax Request to send the JSESSIONID cookie to another domain.
+            // This is necessary when a request is being made to another domain that is protected by EU Login.
+            provide: HTTP_INTERCEPTORS,
+            useClass: CorsSecurityInterceptor,
+            multi: true,
+        },
+        {
+            // WARNING: in case of OpenID this is not needed since OpenID is stateless therefore no revalidation needed.
+            // When the authentication session is invalid, we need to re-authenticate. The browser refreshes the current URL,
+            // and lets the EU Login client redirect to the official EU Login page.
+            provide: HTTP_INTERCEPTORS,
+            useClass: EuLoginSessionTimeoutHandlingInterceptor,
+            multi: true,
+        },
+        {
+            // Adds HTTP header to each Ajax request that ensures the request is set by a piece of JavaScript code in the application.
+            // This prevents dynamically-loaded content from forging a request in the name of the currently logged-in user.
+            // Be aware that this assumes that cross-site scripting (XSS) is already put in place, (default setting in Angular).
+            provide: HTTP_INTERCEPTORS,
+            useClass: CsrfPreventionInterceptor,
+            multi: true,
+        },
+        {
+            // Asks the intermediate proxies not to return a cache copy of the resource.
+            // In matter of fact forces each server in the chain to validate the freshness of the resource.
+            provide: HTTP_INTERCEPTORS,
+            useClass: CachePreventionInterceptor,
+            multi: true,
+        },
+    ]
+})
+export class CoreModule {
+
+}

package/lib/skeletons/_angular/base-mobile/src/app/core/reducers/index.ts

@@ -1,31 +1,31 @@
-import { InjectionToken } from '@angular/core';
-import { MetaReducer } from '@ngrx/store';
-import { storeFreeze } from 'ngrx-store-freeze';
-import { reducers as coreReducers, CoreState, getAppState, localStorageSync } from '@eui/core';
-
-import { environment } from '../../../environments/environment';
-
-export const REDUCER_TOKEN = new InjectionToken<any>('Registered Reducers');
-
-/**
- * Define here your app state
- *
- * [IMPORTANT]
- * There are some **reserved** slice of the state
- * that you **can not** use in your application ==> app |user | notification
- */
-// eslint-disable-next-line
-export interface AppState extends CoreState {
-    // [key: string]: fromTaskManager.State | any;
-}
-
-/**
- * Define here the reducers of your app
- */
-const rootReducer = Object.assign({}, coreReducers, {
-    // [fromTaskManager.namespace]: fromTaskManager.reducers,
-});
-
-export const getReducers = () => rootReducer;
-
-export const metaReducers: MetaReducer<AppState>[] = !environment.production ? [localStorageSync, storeFreeze] : [localStorageSync];
+import { InjectionToken } from '@angular/core';
+import { MetaReducer } from '@ngrx/store';
+import { storeFreeze } from 'ngrx-store-freeze';
+import { reducers as coreReducers, CoreState, getAppState, localStorageSync } from '@eui/core';
+
+import { environment } from '../../../environments/environment';
+
+export const REDUCER_TOKEN = new InjectionToken<any>('Registered Reducers');
+
+/**
+ * Define here your app state
+ *
+ * [IMPORTANT]
+ * There are some **reserved** slice of the state
+ * that you **can not** use in your application ==> app |user | notification
+ */
+// eslint-disable-next-line
+export interface AppState extends CoreState {
+    // [key: string]: fromTaskManager.State | any;
+}
+
+/**
+ * Define here the reducers of your app
+ */
+const rootReducer = Object.assign({}, coreReducers, {
+    // [fromTaskManager.namespace]: fromTaskManager.reducers,
+});
+
+export const getReducers = () => rootReducer;
+
+export const metaReducers: MetaReducer<AppState>[] = !environment.production ? [localStorageSync, storeFreeze] : [localStorageSync];

package/lib/skeletons/_angular/base-mobile/src/app/features/home/home-routing.module.ts

@@ -1,15 +1,15 @@
-import { NgModule } from '@angular/core';
-import { RouterModule, Routes } from '@angular/router';
-
-import { HomeComponent } from './home.component';
-
-const routes: Routes = [
-    { path: '', component: HomeComponent },
-];
-
-@NgModule({
-    imports: [
-        RouterModule.forChild(routes)
-    ],
-})
-export class HomeRoutingModule {}
+import { NgModule } from '@angular/core';
+import { RouterModule, Routes } from '@angular/router';
+
+import { HomeComponent } from './home.component';
+
+const routes: Routes = [
+    { path: '', component: HomeComponent },
+];
+
+@NgModule({
+    imports: [
+        RouterModule.forChild(routes)
+    ],
+})
+export class HomeRoutingModule {}

package/lib/skeletons/_angular/base-mobile/src/app/features/home/home.component.html

@@ -1,14 +1,14 @@
-<ion-header>
-    <ion-toolbar color="primary">
-        <euim-toolbar [hasSidebarTrigger]="true" [hasLanguageSelector]="true">
-            <euim-toolbar-title>eUI mobile showcase</euim-toolbar-title>
-        </euim-toolbar>
-    </ion-toolbar>
-</ion-header>
-
-<ion-content>
-    <div class="ion-padding">
-            Welcome to eUI mobile app
-    </div>
-
-</ion-content>
+<ion-header>
+    <ion-toolbar color="primary">
+        <euim-toolbar [hasSidebarTrigger]="true" [hasLanguageSelector]="true">
+            <euim-toolbar-title>eUI mobile showcase</euim-toolbar-title>
+        </euim-toolbar>
+    </ion-toolbar>
+</ion-header>
+
+<ion-content>
+    <div class="ion-padding">
+            Welcome to eUI mobile app
+    </div>
+
+</ion-content>

package/lib/skeletons/_angular/base-mobile/src/app/features/home/home.component.ts

@@ -1,11 +1,11 @@
-import { Component, Inject } from '@angular/core';
-import { CONFIG_TOKEN, EuiAppConfig } from '@eui/core';
-
-@Component({
-    templateUrl: './home.component.html',
-})
-export class HomeComponent {
-    constructor(@Inject(CONFIG_TOKEN) private config: EuiAppConfig) {
-        console.log(config);
-    }
-}
+import { Component, Inject } from '@angular/core';
+import { CONFIG_TOKEN, EuiAppConfig } from '@eui/core';
+
+@Component({
+    templateUrl: './home.component.html',
+})
+export class HomeComponent {
+    constructor(@Inject(CONFIG_TOKEN) private config: EuiAppConfig) {
+        console.log(config);
+    }
+}

package/lib/skeletons/_angular/base-mobile/src/app/features/home/home.module.ts

@@ -1,18 +1,18 @@
-import { NgModule } from '@angular/core';
-
-import { SharedModule } from '../../shared/shared.module';
-
-import { HomeRoutingModule } from './home-routing.module';
-
-import { HomeComponent } from './home.component';
-
-@NgModule({
-    imports: [
-        SharedModule,
-        HomeRoutingModule,
-    ],
-    declarations: [
-        HomeComponent,
-    ],
-})
-export class Module {}
+import { NgModule } from '@angular/core';
+
+import { SharedModule } from '../../shared/shared.module';
+
+import { HomeRoutingModule } from './home-routing.module';
+
+import { HomeComponent } from './home.component';
+
+@NgModule({
+    imports: [
+        SharedModule,
+        HomeRoutingModule,
+    ],
+    declarations: [
+        HomeComponent,
+    ],
+})
+export class Module {}

package/lib/skeletons/_angular/base-mobile/src/app/features/module1/components/page1/page1.component.html

@@ -1,11 +1,11 @@
-<ion-header>
-    <ion-toolbar color="primary">
-        <euim-toolbar backButtonDefaultHref="/screen/module1">
-            <euim-toolbar-title>Module 1 - Page 1</euim-toolbar-title>
-        </euim-toolbar>
-    </ion-toolbar>
-</ion-header>
-
-<ion-content class="ion-padding">
-    page content
-</ion-content>
+<ion-header>
+    <ion-toolbar color="primary">
+        <euim-toolbar backButtonDefaultHref="/screen/module1">
+            <euim-toolbar-title>Module 1 - Page 1</euim-toolbar-title>
+        </euim-toolbar>
+    </ion-toolbar>
+</ion-header>
+
+<ion-content class="ion-padding">
+    page content
+</ion-content>

package/lib/skeletons/_angular/base-mobile/src/app/features/module1/components/page1/page1.component.ts

@@ -1,7 +1,7 @@
-import { Component } from '@angular/core';
-
-@Component({
-    templateUrl: './page1.component.html'
-})
-export class Page1Component {
-}
+import { Component } from '@angular/core';
+
+@Component({
+    templateUrl: './page1.component.html'
+})
+export class Page1Component {
+}

package/lib/skeletons/_angular/base-mobile/src/app/features/module1/components/page2/page2.component.html

@@ -1,11 +1,11 @@
-<ion-header>
-    <ion-toolbar color="primary">
-        <euim-toolbar backButtonDefaultHref="/screen/module1">
-            <euim-toolbar-title>Module 1 - Page 2</euim-toolbar-title>
-        </euim-toolbar>
-    </ion-toolbar>
-</ion-header>
-
-<ion-content class="ion-padding">
-    page content
-</ion-content>
+<ion-header>
+    <ion-toolbar color="primary">
+        <euim-toolbar backButtonDefaultHref="/screen/module1">
+            <euim-toolbar-title>Module 1 - Page 2</euim-toolbar-title>
+        </euim-toolbar>
+    </ion-toolbar>
+</ion-header>
+
+<ion-content class="ion-padding">
+    page content
+</ion-content>

package/lib/skeletons/_angular/base-mobile/src/app/features/module1/components/page2/page2.component.ts

@@ -1,7 +1,7 @@
-import { Component } from '@angular/core';
-
-@Component({
-    templateUrl: './page2.component.html'
-})
-export class Page2Component {
-}
+import { Component } from '@angular/core';
+
+@Component({
+    templateUrl: './page2.component.html'
+})
+export class Page2Component {
+}

package/lib/skeletons/_angular/base-mobile/src/app/features/module1/module1-routing.module.ts

@@ -1,18 +1,18 @@
-import { NgModule } from '@angular/core';
-import { RouterModule, Routes } from '@angular/router';
-import { Page1Component } from './components/page1/page1.component';
-import { Page2Component } from './components/page2/page2.component';
-import { Module1Component } from './module1.component';
-
-const routes: Routes = [
-    { path: '', component: Module1Component },
-    { path: 'page1', component: Page1Component },
-    { path: 'page2', component: Page2Component },
-];
-
-@NgModule({
-    imports: [
-        RouterModule.forChild(routes)
-    ],
-})
-export class Module1RoutingModule {}
+import { NgModule } from '@angular/core';
+import { RouterModule, Routes } from '@angular/router';
+import { Page1Component } from './components/page1/page1.component';
+import { Page2Component } from './components/page2/page2.component';
+import { Module1Component } from './module1.component';
+
+const routes: Routes = [
+    { path: '', component: Module1Component },
+    { path: 'page1', component: Page1Component },
+    { path: 'page2', component: Page2Component },
+];
+
+@NgModule({
+    imports: [
+        RouterModule.forChild(routes)
+    ],
+})
+export class Module1RoutingModule {}

package/lib/skeletons/_angular/base-mobile/src/app/features/module1/module1.component.html

@@ -1,15 +1,15 @@
-<ion-header>
-    <ion-toolbar color="primary">
-        <euim-toolbar [hasSidebarTrigger]="true">
-            <euim-toolbar-title>Module 2 - home</euim-toolbar-title>
-        </euim-toolbar>
-    </ion-toolbar>
-</ion-header>
-
-<ion-content class="ion-padding">
-    page content
-    <br><br>
-    <a (click)="onNavigate('/screen/module1/page1')">Goto page 1</a>
-    <br><br>
-    <a (click)="onNavigate('/screen/module1/page2')">Goto page 2</a>
-</ion-content>
+<ion-header>
+    <ion-toolbar color="primary">
+        <euim-toolbar [hasSidebarTrigger]="true">
+            <euim-toolbar-title>Module 2 - home</euim-toolbar-title>
+        </euim-toolbar>
+    </ion-toolbar>
+</ion-header>
+
+<ion-content class="ion-padding">
+    page content
+    <br><br>
+    <a (click)="onNavigate('/screen/module1/page1')">Goto page 1</a>
+    <br><br>
+    <a (click)="onNavigate('/screen/module1/page2')">Goto page 2</a>
+</ion-content>

package/lib/skeletons/_angular/base-mobile/src/app/features/module1/module1.component.ts

@@ -1,17 +1,17 @@
-import { Component } from '@angular/core';
-import { NavController } from '@ionic/angular';
-
-@Component({
-    templateUrl: './module1.component.html',
-})
-export class Module1Component {
-
-    constructor(
-        private navCtrl: NavController,
-    ) {
-    }
-
-    onNavigate(url: string) {
-        this.navCtrl.navigateForward(url);
-    }
-}
+import { Component } from '@angular/core';
+import { NavController } from '@ionic/angular';
+
+@Component({
+    templateUrl: './module1.component.html',
+})
+export class Module1Component {
+
+    constructor(
+        private navCtrl: NavController,
+    ) {
+    }
+
+    onNavigate(url: string) {
+        this.navCtrl.navigateForward(url);
+    }
+}

package/lib/skeletons/_angular/base-mobile/src/app/features/module1/module1.module.ts

@@ -1,21 +1,21 @@
-import { NgModule } from '@angular/core';
-import { Module1RoutingModule } from './module1-routing.module';
-import { Module1Component } from './module1.component';
-import { Page1Component } from './components/page1/page1.component';
-import { Page2Component } from './components/page2/page2.component';
-
-import { SharedModule } from '@shared/shared.module';
-
-@NgModule({
-    imports: [
-        SharedModule,
-        Module1RoutingModule,
-    ],
-    declarations: [
-        Module1Component,
-        Page1Component,
-        Page2Component,
-    ],
-})
-export class Module {
-}
+import { NgModule } from '@angular/core';
+import { Module1RoutingModule } from './module1-routing.module';
+import { Module1Component } from './module1.component';
+import { Page1Component } from './components/page1/page1.component';
+import { Page2Component } from './components/page2/page2.component';
+
+import { SharedModule } from '@shared/shared.module';
+
+@NgModule({
+    imports: [
+        SharedModule,
+        Module1RoutingModule,
+    ],
+    declarations: [
+        Module1Component,
+        Page1Component,
+        Page2Component,
+    ],
+})
+export class Module {
+}

package/lib/skeletons/_angular/base-mobile/src/app/features/module2/module2-routing.module.ts

@@ -1,16 +1,16 @@
-import { NgModule } from '@angular/core';
-import { RouterModule, Routes } from '@angular/router';
-import { Module2Component } from './module2.component';
-
-const routes: Routes = [
-    { path: '', component: Module2Component },
-];
-
-@NgModule({
-    imports: [
-        RouterModule.forChild([
-            { path: '', component: Module2Component }
-        ])
-    ],
-})
-export class Module2RoutingModule {}
+import { NgModule } from '@angular/core';
+import { RouterModule, Routes } from '@angular/router';
+import { Module2Component } from './module2.component';
+
+const routes: Routes = [
+    { path: '', component: Module2Component },
+];
+
+@NgModule({
+    imports: [
+        RouterModule.forChild([
+            { path: '', component: Module2Component }
+        ])
+    ],
+})
+export class Module2RoutingModule {}

package/lib/skeletons/_angular/base-mobile/src/app/features/module2/module2.component.html

@@ -1,11 +1,11 @@
-<ion-header>
-    <ion-toolbar color="primary">
-        <euim-toolbar [hasSidebarTrigger]="true">
-            <euim-toolbar-title>Module 2 - home</euim-toolbar-title>
-        </euim-toolbar>
-    </ion-toolbar>
-</ion-header>
-
-<ion-content class="ion-padding">
-    page content
-</ion-content>
+<ion-header>
+    <ion-toolbar color="primary">
+        <euim-toolbar [hasSidebarTrigger]="true">
+            <euim-toolbar-title>Module 2 - home</euim-toolbar-title>
+        </euim-toolbar>
+    </ion-toolbar>
+</ion-header>
+
+<ion-content class="ion-padding">
+    page content
+</ion-content>