@eui/cli 15.0.0-next.3 → 15.0.0-next.5

package/lib/__old-to-review/skeletons/_angular/_base-advanced/tslint.json

@@ -1,128 +0,0 @@
-{
-    "extends": [
-      "tslint-eslint-rules"
-    ],
-    "rulesDirectory": [
-      "node_modules/codelyzer"
-    ],
-    "rules": {
-      "array-bracket-spacing": [true, "never"],
-      "callable-types": true,
-      "class-name": true,
-      "comment-format": [
-        true,
-        "check-space"
-      ],
-      "curly": true,
-      "eofline": true,
-      "forin": true,
-      "import-destructuring-spacing": true,
-      "import-spacing": true,
-      "indent": [
-        true,
-        "spaces",
-        4
-      ],
-      "interface-over-type-literal": false,
-      "label-position": true,
-      "max-line-length": [
-        true,
-        140
-      ],
-      "member-access": false,
-      "member-ordering": [
-          true,
-          {
-            "order": [
-              "static-field",
-              "instance-field",
-              "constructor",
-              "public-instance-method",
-              "protected-instance-method",
-              "private-instance-method"
-            ]
-          }
-        ],
-      "no-arg": true,
-      "no-bitwise": true,
-      "no-consecutive-blank-lines": [true, 1],
-      "no-console": [
-        true,
-        "debug",
-        "info",
-        "time",
-        "timeEnd",
-        "trace"
-      ],
-      "no-construct": true,
-      "no-debugger": true,
-      "no-duplicate-variable": true,
-      "no-empty": false,
-      "no-empty-interface": true,
-      "no-eval": true,
-      "no-multi-spaces": [
-        true
-      ],
-      "no-shadowed-variable": true,
-      "no-string-literal": false,
-      "no-string-throw": true,
-      "no-switch-case-fall-through": true,
-      "no-trailing-whitespace": true,
-      "no-unused-expression": true,
-      "no-var-keyword": true,
-      "object-curly-spacing": [true,"always"],
-      "object-literal-sort-keys": false,
-      "one-line": [
-        true,
-        "check-open-brace",
-        "check-catch",
-        "check-else",
-        "check-whitespace"
-      ],
-      "quotemark": [
-        true,
-        "single"
-      ],
-      "radix": true,
-      "semicolon": [
-        true,
-        "always"
-      ],
-      "triple-equals": [
-        true,
-        "allow-null-check"
-      ],
-      "typedef-whitespace": [
-        true,
-        {
-          "call-signature": "nospace",
-          "index-signature": "nospace",
-          "parameter": "nospace",
-          "property-declaration": "nospace",
-          "variable-declaration": "nospace"
-        }
-      ],
-      "unified-signatures": true,
-      "variable-name": false,
-      "whitespace": [
-        true,
-        "check-branch",
-        "check-decl",
-        "check-operator",
-        "check-separator",
-        "check-type"
-      ],
-
-      "directive-selector": [true, "attribute", "app", "camelCase"],
-      "no-input-rename": true,
-      "no-output-rename": true,
-      "use-pipe-transform-interface": true,
-      "component-class-suffix": true,
-      "directive-class-suffix": true,
-      "no-access-missing-member": false,
-      "component-selector": [true, "element", "app", "kebab-case"],
-      "no-forward-ref": false,
-      "pipe-prefix": [true, "camelCase", "app"]
-    }
-  }
-

package/lib/__old-to-review/skeletons/_angular/_base-advanced/webpack.extra.js

@@ -1,6 +0,0 @@
-const webpack = require('webpack');
-module.exports = {
-  plugins: [
-    new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/),
-  ]
-}

package/lib/__old-to-review/skeletons/_angular/features/ApiQueue/src/app/features/api-queue/api-queue.module.ts

@@ -1,30 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule, Routes } from '@angular/router';
-import { ReactiveFormsModule } from '@angular/forms';
-import { CommonModule } from '@angular/common';
-import { FormComponent } from './form/form.component';
-import {
-    UxAlertComponentModule,
-    UxButtonComponentModule,
-    UxFormGroupComponentModule,
-    UxPanelComponentModule,
-    UxFormControlComponentModule
-} from '@eui/components';
-
-const routes: Routes = [{ path: '', component: FormComponent }];
-
-@NgModule({
-    declarations: [FormComponent],
-    imports: [
-        CommonModule,
-        ReactiveFormsModule,
-        RouterModule.forChild(routes),
-        UxAlertComponentModule,
-        UxButtonComponentModule,
-        UxFormGroupComponentModule,
-        UxPanelComponentModule,
-        UxFormControlComponentModule
-    ],
-    entryComponents: [FormComponent]
-})
-export class ApiQueueModule { }

package/lib/__old-to-review/skeletons/_angular/features/ApiQueue/src/app/features/api-queue/form/form.component.html

@@ -1,38 +0,0 @@
-<ux-alert typeClass="success" *ngIf="online">
-  <strong>Network is online</strong>
-</ux-alert>
-
-<ux-alert typeClass="warning" *ngIf="!online">
-  <strong>Network is Offline :(</strong>
-</ux-alert>
-
-<ux-panel label="This could be a huge form">
-  <form [formGroup]="form">
-    <ux-form-group label="ID">
-      <ux-form-control formControlName="id"></ux-form-control>
-    </ux-form-group>
-    <ux-form-group label="Name">
-      <ux-form-control formControlName="name"></ux-form-control>
-    </ux-form-group>
-    <ux-form-group label="surname">
-      <ux-form-control formControlName="surname"></ux-form-control>
-    </ux-form-group>
-  </form>
-  <ux-button (click)="onSubmit()">Submit</ux-button>
-  <ux-button style="margin-left: 2rem;" typeClass="warning" (click)="fail()">Simulate Failure</ux-button>
-  <hr>
-  <h2>Http call Status: {{status}}</h2>
-</ux-panel>
-
-<ux-panel label="Items in Queue">
-  <uxPanelHeaderRightContent>
-    <ux-button (click)="processAll()">Process All Queue Items</ux-button>
-  </uxPanelHeaderRightContent>
-  <div *ngFor="let item of (queue$|async|keyvalue)">
-    <pre>{{item.value|json}}</pre>
-    <ux-button (click)="processQueue(item.key)">Execute</ux-button>
-    <ux-button typeClass="danger" style="margin-left: 2rem;" (click)="removeQueue(item.key)">Remove</ux-button>
-    <hr>
-  </div>
-  <h1 *ngIf="(queue$|async|keyvalue).length < 1">No item in the Queue!</h1>
-</ux-panel>

package/lib/__old-to-review/skeletons/_angular/features/ApiQueue/src/app/features/api-queue/form/form.component.spec.ts

@@ -1,101 +0,0 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
-import { RouterTestingModule } from '@angular/router/testing';
-import { ReactiveFormsModule } from '@angular/forms';
-import { provideMockStore } from '@ngrx/store/testing';
-import {
-    UxAlertComponentModule,
-    UxButtonComponentModule,
-    UxFormGroupComponentModule,
-    UxPanelComponentModule,
-    UxFormControlComponentModule,
-    ApiQueueService,
-    UxDynamicModalService,
-} from '@eui/core';
-
-import { TranslateService } from '@ngx-translate/core';
-import { of } from 'rxjs';
-import { FormComponent } from './form.component';
-
-class TranslateServiceMock {
-
-    onTranslationChange = of({ lang: null });
-    onLangChange = of({ lang: null });
-    onDefaultLangChange = of({ lang: null });
-    lang = 'en';
-
-    constructor() {
-    }
-
-    use(lang) {
-        return null;
-    }
-
-    public get(key: any, interpolateParams?: any): any {
-        return of(key);
-    }
-
-    public updateValue(key: any, interpolateParams: any, translations: any) {
-        return null;
-    }
-
-    public transform(query: any) {
-        return null;
-    }
-}
-
-class ApiQueueServiceMock {
-
-}
-class UxDomServiceMock {
-
-}
-class UxDynamicModalServiceMock {
-
-}
-class UxServiceMock {
-    uniqueId() {}
-}
-
-fdescribe('FormComponent', () => {
-    let component: FormComponent;
-    let fixture: ComponentFixture<FormComponent>;
-    const initialState = {
-        'app': {
-            apiQueue: {
-            }
-        }
-    };
-
-    beforeEach(async(() => {
-        TestBed.configureTestingModule({
-            imports: [
-                RouterTestingModule.withRoutes([{ path: '', component: FormComponent }]),
-                UxAlertComponentModule,
-                UxButtonComponentModule,
-                UxFormGroupComponentModule,
-                UxPanelComponentModule,
-                UxFormControlComponentModule,
-                ReactiveFormsModule
-            ],
-            declarations: [FormComponent],
-            providers: [
-                provideMockStore({ initialState }),
-                { provide: TranslateService, useClass: TranslateServiceMock },
-                { provide: ApiQueueService, useClass: ApiQueueServiceMock },
-                { provide: UxDynamicModalService, UxDynamicModalServiceMock },
-                { provide: UxDomService, UxDomServiceMock },
-                { provide: UxService, useClass: UxServiceMock }
-            ]
-        }).compileComponents();
-    }));
-
-    beforeEach(() => {
-        fixture = TestBed.createComponent(FormComponent);
-        component = fixture.componentInstance;
-        fixture.detectChanges();
-    });
-
-    it('should create', () => {
-        expect(component).toBeTruthy();
-    });
-});

package/lib/__old-to-review/skeletons/_angular/features/ApiQueue/src/app/features/api-queue/form/form.component.ts

@@ -1,142 +0,0 @@
-import { Component, OnInit, OnDestroy } from '@angular/core';
-import {
-  ApiQueueService,
-  ApiQueueItem,
-    UxAppShellService,
-} from '@eui/core';
-import {
-    UxDynamicModalService,
-    UxDynamicModalConfig
-} from '@eui/components'
-import { FormGroup, FormControl, Validators, } from '@angular/forms';
-import { Store } from '@ngrx/store';
-import { map, take } from 'rxjs/operators';
-import { Observable, fromEvent } from 'rxjs';
-import { Subscription } from 'rxjs/Subscription';
-
-@Component({
-    selector: 'app-form',
-    templateUrl: './form.component.html'
-})
-export class FormComponent implements OnInit, OnDestroy {
-
-    form: FormGroup;
-    queue$: Observable<any>;
-    online$: Observable<any>;
-    offline$: Observable<any>;
-    status: string;
-    online: boolean = true;
-    protected queueProcess$: Subscription = new Subscription();
-
-    constructor(private apiQueueService: ApiQueueService,
-    private appService: UxAppShellService,
-    private uxDynamicModalService: UxDynamicModalService,
-    private store: Store<any>) { }
-
-    ngOnInit() {
-        // register events network online/offline
-        this.online$ = fromEvent(window, 'online');
-        this.offline$ = fromEvent(window, 'offline');
-
-        this.queue$ = this.store.select('app').pipe(map((res) => res.apiQueue));
-        this.form = new FormGroup({
-            id: new FormControl('my-form', [Validators.required]),
-            name: new FormControl('', [Validators.required]),
-            surname: new FormControl('', [Validators.required])
-        });
-
-        // subscribe to online offline events
-        this.online$.subscribe((event) => {
-            this.online = true;
-
-            const config = new UxDynamicModalConfig({
-                id: 'Pending_Submission',
-                content: '<p>From Last time during network failure some of the forms were not submitted.' +
-                    '</p><br><h2>Do you want to handle them?</h2>',
-                titleLabel: 'Pending Submission',
-                isHandleCloseOnAccept: true,
-                acceptLabel: 'Process Items',
-                onAccept: () => this.processAll()
-            });
-
-            this.uxDynamicModalService.openModal(config);
-        });
-        this.offline$.subscribe((event) => {
-            this.online = false;
-            console.log(event);
-        });
-    }
-
-    processItemsInQueue() {
-        this.apiQueueService.processQueueItem('');
-    }
-
-    onSubmit(): void {
-        if (!this.form.valid) {
-            this.appService.growlWarning('Form is not valid');
-            return;
-        }
-
-        const item: ApiQueueItem = {
-            uri: '/api/form',
-            method: 'post',
-            payload: this.form.value,
-            timestamp: new Date().getUTCDate()
-        };
-
-        const id = this.form.value.id;
-
-        // remove previous form in the queue if any
-        this.removeQueue(id);
-
-        // adding Api to queue
-        this.apiQueueService.addQueueItem(id, item);
-
-        // process item
-        this.processQueue(id);
-    }
-
-    removeQueue(id: string): void {
-        this.apiQueueService.removeQueueItem(id);
-    }
-
-    processQueue(id: string): void {
-        this.status = 'Http call in process...';
-
-        // processing API request
-        this.queueProcess$.add(this.apiQueueService.processQueueItem(id)
-            .subscribe(
-                res => {
-                    this.appService.growlInfo(`Queue with ${id} run: Form Data has been posted successfully.`);
-                },
-                err => {
-                    this.status = 'error';
-                },
-                () => {
-                    this.status = 'completed';
-                }
-            )
-        );
-
-    }
-
-    ngOnDestroy(): void {
-        if (this.queueProcess$) {
-            this.queueProcess$.unsubscribe();
-        }
-    }
-
-    fail(): void {
-        this.status = 'cancelled';
-        this.queueProcess$.unsubscribe();
-    }
-
-    processAll(): void {
-        this.queue$
-      .pipe(take(1))
-      .subscribe(res => Object
-          .keys(res)
-          .forEach(item => this.processQueue(item))
-      );
-    }
-}

package/lib/__old-to-review/skeletons/_angular/features/DynamicComponent/src/app/features/dynamic-component/dynamic-component.module.ts

@@ -1,10 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-
-@NgModule({
-    declarations: [],
-    imports: [
-        CommonModule
-    ]
-})
-export class DynamicComponentModule { }

package/lib/__old-to-review/skeletons/_angular/features/DynamicConfiguration/src/app/features/dynamic-configuration/dynamic-configuration.module.ts

@@ -1,31 +0,0 @@
-import { Component, NgModule, Inject } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { RouterModule } from '@angular/router';
-import { AppConfig, CONFIG_TOKEN } from '@eui/core';
-
-@Component({
-    selector: 'app-main',
-    template: `
-        <h1>This is the configuration</h1>
-        <pre>{{config|json}}</pre>
-        <p>The configuration above is used to instantiate services and eUI application.<br>
-            You can play with is delete or update values in it. Although we don't recommend to.
-        </p>
-        <p>Pay special attention to the <b>Config/config.ts</b> file.</p>
-    `
-})
-export class MainComponent {
-    constructor(@Inject(CONFIG_TOKEN) public config: AppConfig) {
-    }
-}
-
-@NgModule({
-    declarations: [MainComponent],
-    imports: [
-        CommonModule,
-        RouterModule.forChild([
-            { path: '', component: MainComponent }
-        ])
-    ]
-})
-export class DynamicConfigurationModule { }

package/lib/__old-to-review/skeletons/_angular/features/ErrorHandling/src/app/core/core.module.ts

@@ -1,74 +0,0 @@
-import { NgModule } from '@angular/core';
-import { TranslateModule } from '@ngx-translate/core';
-import { StoreModule } from '@ngrx/store';
-import { StoreDevtoolsModule } from '@ngrx/store-devtools';
-
-import { HTTP_INTERCEPTORS } from '@angular/common/http';
-import {
-    CachePreventionInterceptor,
-    CorsSecurityInterceptor,
-    CsrfPreventionInterceptor,
-    EuLoginSessionTimeoutHandlingInterceptor,
-    CoreModule as UxCoreModule,
-    translateConfig,
-    HttpErrorHandlerInterceptor
-} from '@eui/core';
-
-import './operators';
-
-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: [
-        SharedModule,
-        UxCoreModule.forRoot({ appConfig: appConfig, environment: environment }),
-        TranslateModule.forRoot(translateConfig),
-        StoreModule.forRoot(REDUCER_TOKEN, { metaReducers }),
-        !environment.production ? StoreDevtoolsModule.instrument({ maxAge: 50 }) : [],
-    ],
-    declarations: [
-    ],
-    exports: [
-        SharedModule,
-    ],
-    providers: [
-        {
-            provide: REDUCER_TOKEN,
-            deps: [],
-            useFactory: getReducers
-        },
-        {
-            provide: HTTP_INTERCEPTORS,
-            useClass: CorsSecurityInterceptor,
-            multi: true,
-        },
-        {
-            provide: HTTP_INTERCEPTORS,
-            useClass: EuLoginSessionTimeoutHandlingInterceptor,
-            multi: true,
-        },
-        {
-            provide: HTTP_INTERCEPTORS,
-            useClass: CsrfPreventionInterceptor,
-            multi: true,
-        },
-        {
-            provide: HTTP_INTERCEPTORS,
-            useClass: CachePreventionInterceptor,
-            multi: true,
-        },
-        {
-            provide: HTTP_INTERCEPTORS,
-            useClass: HttpErrorHandlerInterceptor,
-            multi: true
-        },
-    ]
-})
-export class CoreModule {
-
-}

package/lib/__old-to-review/skeletons/_angular/features/ErrorHandling/src/app/features/error-handling/api.service.spec.ts

@@ -1,49 +0,0 @@
-import { TestBed } from '@angular/core/testing';
-import { HttpClientTestingModule, HttpTestingController } from '@angular/common/http/testing';
-import { Observable ,  of } from 'rxjs';
-import { CONFIG_TOKEN } from '@eui/core';
-
-import { ApiService } from './api.service';
-
-export class ApiServiceMock {
-    getAdmin(): Observable<any> { return of(null); }
-    getError500(): Observable<any> { return of(null); }
-    getError400(): Observable<any> { return of(null); }
-    getNonExistingContent404(): Observable<any> { return of(null); }
-    getNonExistentAPI(): Observable<any> { return of(null); }
-}
-
-fdescribe('ApiService', () => {
-    let httpMock: HttpTestingController;
-    let apiService: ApiService;
-
-    beforeEach(() => {
-        TestBed.configureTestingModule({
-            imports: [HttpClientTestingModule],
-            providers: [
-                { provide: ApiService, useClass: ApiServiceMock },
-                {
-                    provide: CONFIG_TOKEN,
-                    useValue: {
-                        modules: {
-                            errorHandling: {
-                                api: {
-                                    error500: null,
-                                    custom400: null,
-                                    notExist: null,
-                                    admin: null,
-                                },
-                            },
-                        },
-                    },
-                },
-            ],
-        });
-        apiService = TestBed.inject(ApiService);
-        httpMock = TestBed.inject(HttpTestingController);
-    });
-
-    it('should be created', () => {
-        expect(apiService).toBeTruthy();
-    });
-});

package/lib/__old-to-review/skeletons/_angular/features/ErrorHandling/src/app/features/error-handling/api.service.ts

@@ -1,30 +0,0 @@
-import { Injectable, Inject } from '@angular/core';
-import { HttpClient } from '@angular/common/http';
-import { AppConfig, CONFIG_TOKEN } from '@eui/core';
-
-@Injectable()
-export class ApiService {
-
-    constructor(private http: HttpClient, @Inject(CONFIG_TOKEN) private config: AppConfig) {}
-
-    getError500() {
-        return this.http.get(this.config.modules.errorHandling.api.error500);
-    }
-
-    getError400() {
-        return this.http.get(this.config.modules.errorHandling.api.custom400);
-    }
-
-    getNonExistingContent404() {
-        return this.http.get(this.config.modules.errorHandling.api.notExist);
-    }
-
-    getAdmin() {
-        return this.http.get(this.config.modules.errorHandling.api.admin);
-    }
-
-    getNonExistentAPI() {
-        return this.http.get(this.config.modules.errorHandling.notExist);
-    }
-
-}

package/lib/__old-to-review/skeletons/_angular/features/ErrorHandling/src/app/features/error-handling/error-handling.component.html

@@ -1,22 +0,0 @@
-<ux-panel [label]="'HTTP Error handling Mechanism'">
-    <div class="row">
-        <ux-a-label [label]="'Get a 500 Http response and redirect to 500 page.'"></ux-a-label>
-        <ux-button (click)="getError500()">{{'call'}}</ux-button>
-    </div>
-    <div class="row">
-        <ux-a-label [label]="'Get a 400 Http response and execute the CustomHttpErrorCallbackHander function at config/index.'"></ux-a-label>
-        <ux-button (click)="getError400()">{{'call'}}</ux-button>
-    </div>
-    <div class="row">
-        <ux-a-label [label]="'Get a 404 Http response, write error in console and redirect to 404 page.'"></ux-a-label>
-        <ux-button (click)="getError404()">{{'call'}}</ux-button>
-    </div>
-    <div class="row">
-        <ux-a-label [label]="'Get a 401 Http response, call the logService.'"></ux-a-label>
-        <ux-button (click)="getAdmin()">{{'call'}}</ux-button>
-    </div>
-    <div class="row">
-        <ux-a-label [label]="'On 401 or 404 or 500 Http error on a non /api/ path show a growl error.'"></ux-a-label>
-        <ux-button (click)="getNonExistent()">{{'call'}}</ux-button>
-    </div>
-</ux-panel>